Compare commits

...

12 commits

Author SHA1 Message Date
Kumi ddf20bbe69
feat(README): add support badge
Introduced a new "Support Us!" badge to the README.md to encourage contributions and support for Private.coffee. This badge not only visually enhances the repository's appeal but also provides a direct link for potential supporters to contribute, fostering a stronger community engagement.

The badge leverages custom styling and is powered by Private.coffee's own badge service, ensuring consistency with the project's branding and identity. This addition aligns with efforts to increase visibility and support for our open-source work.
2024-04-17 09:38:03 +02:00
jupfi fbc6251c5d Made kumi happy. 2024-04-14 20:53:10 +02:00
jupfi 72d99fb08f Lined up service buttons. 2024-04-14 20:51:59 +02:00
jupfi 8c3ec9bda9 Added cotton candy. 2024-04-14 20:36:54 +02:00
jupfi e52d18db9f Improved mobile mode. 2024-04-14 20:33:19 +02:00
jupfi 4d4a996ced Updated colors and titlebar. 2024-04-14 20:30:39 +02:00
jupfi 7c685aac4e Updated text colors for improved contrast. 2024-04-14 15:20:02 +02:00
jupfi d402b232b7 Added support us button. 2024-04-14 15:03:42 +02:00
jupfi f46a47dc5b Added cool logo .png. 2024-04-14 14:37:46 +02:00
jupfi deb8cb74bd Made stuff _pretty_. 2024-04-14 14:07:45 +02:00
jupfi d90ca5bd6a Creation of membership and donations page. 2024-04-14 14:03:44 +02:00
jupfi 05ed8d681f Better colors 2024-04-14 11:49:48 +02:00
9 changed files with 286 additions and 110 deletions

View file

@ -1,5 +1,7 @@
# Private.coffee Website
[![Support Private.coffee!](https://shields.private.coffee/badge/private.coffee-Support%20us!-pink?logo=coffeescript)](https://private.coffee)
This is the source code for the [Private.coffee](https://private.coffee)
website.

View file

@ -4,22 +4,23 @@
/* Make sure links in the footer are white */
footer a {
color: #fff;
color: #6b486b !important;
}
/* Give service boxes a border */
.service {
border: 1px #6F4E37 solid;
border-radius: 10px;
border-spacing: 10px;
border: 4px #d1ffdd solid;
border-radius: 15px;
border-spacing: 15px;
padding: 30px;
box-sizing: border-box;
box-shadow: inset 0 0 10px #6F4E37;
box-shadow: inset 0 0 10px #d1f3ff;
color: #6b486b;
}
/* Limit size of navbar logo */
.navbar-brand-img {
max-height: 50px;
max-height: 150px;
margin-right: 10px;
}
@ -30,5 +31,57 @@ footer a {
}
.bg-coffee {
background-color: #6F4E37;
}
background-color: #ffb6c1;
}
.btn-primary {
background-color: #ffb6c1 !important;
border-color: #ffb6c1 !important;
color: #6b486b !important;
font-size: large!important;
}
.title-font {
font-family: 'Dancing Script', cursive;
color: #6b486b;
}
.donation-details, .zvr-number, .contact-info, .index-buttons {
background: #ffb6c1;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}
.contact-info a {
color: #005a87;
text-decoration: none;
}
.contact-info a:hover {
text-decoration: underline;
}
.zvr-number {
font-weight: bold;
text-align: center;
}
.support-us .btn {
font-size: 20px;
padding: 10px 20px;
color: #6b486b;
}
.support-us {
background: #ffb6c1;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.text-mauve {
color: #6b486b!important;
}

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 16 KiB

View file

@ -4,97 +4,84 @@
For more information, please visit https://private.coffee -->
<html>
<head>
<title>Private.coffee</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="assets/img/logo-inv.svg" />
<link rel="stylesheet" href="assets/css/base.css" />
<link rel="stylesheet" href="assets/dist/css/bootstrap.min.css" />
<script src="assets/dist/js/jquery.min.js"></script>
<script src="assets/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-coffee navbar-dark">
<div class="container">
<a class="navbar-brand" href="/">
<img
class="navbar-brand-img"
src="assets/img/logo-inv.svg"
alt="Private.coffee logo"
/>
Private.coffee
</a>
<ul class="navbar-nav">
<ul class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
id="navbardrop"
data-bs-toggle="dropdown"
>Status Page</a
>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://status.private.coffee"
>Clearnet</a
>
<a
class="dropdown-item"
href="http://status.coffee2m3bjsrrqqycx6ghkxrnejl2q6nl7pjw2j4clchjj6uk5zozad.onion/"
>Tor</a
>
</div>
</ul>
</ul>
</div>
</nav>
<head>
<title>Private.coffee</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="assets/img/logo-inv_grad.svg" />
<link rel="stylesheet" href="assets/css/base.css" />
<link rel="stylesheet" href="assets/dist/css/bootstrap.min.css" />
<script src="assets/dist/js/jquery.min.js"></script>
<script src="assets/dist/js/bootstrap.bundle.min.js"></script>
</head>
<section id="content">
{% block content %}{% endblock %}
</section>
<footer class="page-footer font-small bg-coffee text-white pt-4">
<div class="container text-center text-md-left">
<div class="row">
<div class="col-md-6 mt-md-0 mt-3">
<h5 class="text-uppercase">Private.coffee</h5>
<p>
Private.coffee is a collection of services that respect your
privacy.
</p>
</div>
<hr class="clearfix w-100 d-md-none pb-3" />
<div class="col-md-3 mb-md-0 mb-3">
<h5 class="text-uppercase">Legalese</h5>
<ul class="list-unstyled">
<li>
<a href="legal.html">Legal Notice</a>
</li>
<li>
<a href="privacy.html">Privacy Policy</a>
</li>
<li>
<a href="terms.html">Terms of Service</a>
</li>
</ul>
</div>
<div class="col-md-3 mb-md-0 mb-3">
<h5 class="text-uppercase">Contact</h5>
<ul class="list-unstyled">
<li><a href="mailto:support@private.coffee">Email</a></li>
<li>
<a href="https://matrix.private.cf/#/#private.coffee:private.coffee"
>Matrix</a
>
</li>
<li>
<a href="https://git.private.coffee/PrivateCoffee/">Git</a>
</li>
</ul>
</div>
<body>
<nav class="navbar navbar-expand-sm navbar-dark" style="background-color: #ffb6c1;">
<div class="container">
<div class="row align-items-center w-100">
<div class="col-sm-9">
<a class="navbar-brand text-mauve" href="/">
<img class="navbar-brand-img" src="assets/img/logo-inv_grad.svg" alt="Private.coffee logo">
<h1 style="display: inline; font-family: 'title-font', sans-serif;">Private.coffee</h1>
</a>
</div>
<div class="col-sm-2 d-flex justify-content-center text-mauve index-buttons">
<a href="membership.html" class="btn btn-primary">♥ Support Us ♥</a>
</div>
<div class="col-sm-1 d-flex justify-content-center index-buttons">
<a href="https://status.private.coffee" class="btn btn-primary big">Status</a>
</div>
</div>
</footer>
</body>
</html>
</div>
</nav>
<section id="content">
{% block content %}{% endblock %}
</section>
<footer class="page-footer font-small bg-coffee text-white pt-4">
<div class="container text-center text-md-left">
<div class="row">
<div class="col-md-6 mt-md-0 mt-3">
<h5 class="text-uppercase text-mauve">Private.coffee</h5>
<p class="text-mauve">
Private.coffee is a collection of services that respect your
privacy.
</p>
</div>
<hr class="clearfix w-100 d-md-none pb-3" />
<div class="col-md-3 mb-md-0 mb-3">
<h5 class="text-uppercase text-mauve">Legal stuff:</h5>
<ul class="list-unstyled">
<li>
<a href="legal.html">Legal Notice</a>
</li>
<li>
<a href="privacy.html">Privacy Policy</a>
</li>
<li>
<a href="terms.html">Terms of Service</a>
</li>
</ul>
</div>
<div class="col-md-3 mb-md-0 mb-3">
<h5 class="text-uppercase text-mauve">Contact</h5>
<ul class="list-unstyled">
<li><a href="mailto:support@private.coffee">Email</a></li>
<li>
<a href="https://matrix.private.cf/#/#private.coffee:private.coffee">Matrix</a>
</li>
<li>
<a href="https://git.private.coffee/PrivateCoffee/">Git</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>

View file

@ -1,6 +1,6 @@
{% extends "base.html" %}
{% block content %}
<div class="container">
<div class="container text-mauve">
<h1>Welcome to Private.coffee</h1>
<p>
Private.coffee is a collection of services that respect your privacy.
@ -14,21 +14,21 @@
<div class="row" id="services">
{% for service in services.services %}
{% if not service.exclude_from_index %}
<div class="service col-sm-4">
<div class="service col-sm-4 d-flex flex-column mb-4">
<h3>{{ service.name }}</h3>
<p>
{{ service.long_description }}
</p>
{% for link in service.links %}
<div class="btn-group">
<a href="{{ link.url }}" class="btn
<div class="btn-group mt-auto">
<a href="{{ link.url }}" class="btn mb-1
{% if service.status == "OK" %}btn-primary{% else %}btn-danger{% endif %}"
>{{ link.name }}</a
>
{% if link.alternatives %}
<button
type="button"
class="btn dropdown-toggle dropdown-toggle-split
class="btn dropdown-toggle dropdown-toggle-split mb-1
{% if service.status == "OK" %}btn-primary{% else %}btn-danger{% endif %}"
data-bs-toggle="dropdown"
aria-expanded="false"
@ -59,24 +59,24 @@
{% endif %}
{% endfor %}
<div class="service col-sm-4">
<div class="service col-sm-4 d-flex flex-column mb-4">
<h3>Hosting</h3>
<p>
Need hosting for your privacy-related, social or wholesome
project? We might be able to share our resources with you for
free!
</p>
<a href="mailto:support@private.coffee" class="btn btn-primary"
<a href="mailto:support@private.coffee" class="btn btn-primary mt-auto"
>Get in touch!</a
>
</div>
<div class="service col-sm-4">
<div class="service col-sm-4 d-flex flex-column mb-4">
<h3>More?</h3>
<p>
We are working on more services. If you have any suggestions,
please let us know!
</p>
<a href="mailto:support@private.coffee" class="btn btn-primary"
<a href="mailto:support@private.coffee" class="btn btn-primary mt-auto"
>Get in touch!</a
>
</div>

View file

@ -1,6 +1,6 @@
{% extends "base.html" %}
{% block content %}
<div class="container">
<div class="container text-mauve">
<h1>Legal Notice</h1>
<p>This is a legal notice for the website private.coffee</p>
<p>The website private.coffee is run by the following entity:</p>

23
templates/membership.html Normal file
View file

@ -0,0 +1,23 @@
{% extends "base.html" %}
{% block content %}
<div class="container text-mauve">
<h1>Membership/Donations</h1>
<p>private.coffee is a non-profit organization dedicated to supporting privacy and digital sovereignty. We fund our server infrastructure through donations and membership fees.</p>
<p>Membership fees help cover the costs of server infrastructure, domain names, and other operating expenses. Likewise, all donations contribute towards these ongoing costs.</p>
<p>Supporting the private.coffee project is possible by joining our association or by making a direct donation.</p>
<div class="donation-details">
<p><b>Donations:</b></p>
<p>Bank private.coffee - Verein zur Förderung von Privatsphäre und digitaler Souveränität</p>
<p>IBAN: AT35 2081 5000 4554 0812</p>
<p>BIC: STSPAT2GXXX</p>
<p>For donation listing preferences, please specify in the note to payee.</p>
</div>
<p class="zvr-number">Central Register of Associations (ZVR) Number: 1758485319</p>
<p class="contact-info">
Interested in joining the association? Reach out via email:
<a href="mailto:support@private.coffee">support@private.coffee</a>
</p>
</div>
{% endblock %}

View file

@ -1,5 +1,5 @@
{% extends "base.html" %} {% block content %}
<div class="container">
<div class="container text-mauve">
<h1>Privacy Policy</h1>
<p>
This is the privacy policy for the website private.coffee. It describes how

View file

@ -1,5 +1,5 @@
{% extends "base.html" %} {% block content %}
<div class="container">
<div class="container text-mauve">
<h1>Terms of Service</h1>
<p>
These are the terms of service for the website private.coffee and all