Compare commits
12 commits
8d9d801aa6
...
ddf20bbe69
Author | SHA1 | Date | |
---|---|---|---|
ddf20bbe69 | |||
|
fbc6251c5d | ||
|
72d99fb08f | ||
|
8c3ec9bda9 | ||
|
e52d18db9f | ||
|
4d4a996ced | ||
|
7c685aac4e | ||
|
d402b232b7 | ||
|
f46a47dc5b | ||
|
deb8cb74bd | ||
|
d90ca5bd6a | ||
|
05ed8d681f |
9 changed files with 286 additions and 110 deletions
|
@ -1,5 +1,7 @@
|
||||||
# Private.coffee Website
|
# 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)
|
This is the source code for the [Private.coffee](https://private.coffee)
|
||||||
website.
|
website.
|
||||||
|
|
||||||
|
|
|
@ -4,22 +4,23 @@
|
||||||
|
|
||||||
/* Make sure links in the footer are white */
|
/* Make sure links in the footer are white */
|
||||||
footer a {
|
footer a {
|
||||||
color: #fff;
|
color: #6b486b !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Give service boxes a border */
|
/* Give service boxes a border */
|
||||||
.service {
|
.service {
|
||||||
border: 1px #6F4E37 solid;
|
border: 4px #d1ffdd solid;
|
||||||
border-radius: 10px;
|
border-radius: 15px;
|
||||||
border-spacing: 10px;
|
border-spacing: 15px;
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
box-sizing: border-box;
|
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 */
|
/* Limit size of navbar logo */
|
||||||
.navbar-brand-img {
|
.navbar-brand-img {
|
||||||
max-height: 50px;
|
max-height: 150px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -30,5 +31,57 @@ footer a {
|
||||||
}
|
}
|
||||||
|
|
||||||
.bg-coffee {
|
.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;
|
||||||
}
|
}
|
111
assets/img/logo-inv_grad.svg
Normal file
111
assets/img/logo-inv_grad.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 16 KiB |
|
@ -4,11 +4,12 @@
|
||||||
For more information, please visit https://private.coffee -->
|
For more information, please visit https://private.coffee -->
|
||||||
|
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<title>Private.coffee</title>
|
<title>Private.coffee</title>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<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="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/css/base.css" />
|
||||||
<link rel="stylesheet" href="assets/dist/css/bootstrap.min.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/jquery.min.js"></script>
|
||||||
|
@ -16,40 +17,27 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-sm bg-coffee navbar-dark">
|
<nav class="navbar navbar-expand-sm navbar-dark" style="background-color: #ffb6c1;">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<a class="navbar-brand" href="/">
|
<div class="row align-items-center w-100">
|
||||||
<img
|
<div class="col-sm-9">
|
||||||
class="navbar-brand-img"
|
<a class="navbar-brand text-mauve" href="/">
|
||||||
src="assets/img/logo-inv.svg"
|
<img class="navbar-brand-img" src="assets/img/logo-inv_grad.svg" alt="Private.coffee logo">
|
||||||
alt="Private.coffee logo"
|
<h1 style="display: inline; font-family: 'title-font', sans-serif;">Private.coffee</h1>
|
||||||
/>
|
|
||||||
Private.coffee
|
|
||||||
</a>
|
</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>
|
</div>
|
||||||
</ul>
|
<div class="col-sm-2 d-flex justify-content-center text-mauve index-buttons">
|
||||||
</ul>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<section id="content">
|
<section id="content">
|
||||||
{% block content %}{% endblock %}
|
{% block content %}{% endblock %}
|
||||||
</section>
|
</section>
|
||||||
|
@ -58,15 +46,15 @@
|
||||||
<div class="container text-center text-md-left">
|
<div class="container text-center text-md-left">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6 mt-md-0 mt-3">
|
<div class="col-md-6 mt-md-0 mt-3">
|
||||||
<h5 class="text-uppercase">Private.coffee</h5>
|
<h5 class="text-uppercase text-mauve">Private.coffee</h5>
|
||||||
<p>
|
<p class="text-mauve">
|
||||||
Private.coffee is a collection of services that respect your
|
Private.coffee is a collection of services that respect your
|
||||||
privacy.
|
privacy.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<hr class="clearfix w-100 d-md-none pb-3" />
|
<hr class="clearfix w-100 d-md-none pb-3" />
|
||||||
<div class="col-md-3 mb-md-0 mb-3">
|
<div class="col-md-3 mb-md-0 mb-3">
|
||||||
<h5 class="text-uppercase">Legalese</h5>
|
<h5 class="text-uppercase text-mauve">Legal stuff:</h5>
|
||||||
<ul class="list-unstyled">
|
<ul class="list-unstyled">
|
||||||
<li>
|
<li>
|
||||||
<a href="legal.html">Legal Notice</a>
|
<a href="legal.html">Legal Notice</a>
|
||||||
|
@ -80,13 +68,11 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-3 mb-md-0 mb-3">
|
<div class="col-md-3 mb-md-0 mb-3">
|
||||||
<h5 class="text-uppercase">Contact</h5>
|
<h5 class="text-uppercase text-mauve">Contact</h5>
|
||||||
<ul class="list-unstyled">
|
<ul class="list-unstyled">
|
||||||
<li><a href="mailto:support@private.coffee">Email</a></li>
|
<li><a href="mailto:support@private.coffee">Email</a></li>
|
||||||
<li>
|
<li>
|
||||||
<a href="https://matrix.private.cf/#/#private.coffee:private.coffee"
|
<a href="https://matrix.private.cf/#/#private.coffee:private.coffee">Matrix</a>
|
||||||
>Matrix</a
|
|
||||||
>
|
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="https://git.private.coffee/PrivateCoffee/">Git</a>
|
<a href="https://git.private.coffee/PrivateCoffee/">Git</a>
|
||||||
|
@ -97,4 +83,5 @@
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
|
@ -1,6 +1,6 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="container">
|
<div class="container text-mauve">
|
||||||
<h1>Welcome to Private.coffee</h1>
|
<h1>Welcome to Private.coffee</h1>
|
||||||
<p>
|
<p>
|
||||||
Private.coffee is a collection of services that respect your privacy.
|
Private.coffee is a collection of services that respect your privacy.
|
||||||
|
@ -14,21 +14,21 @@
|
||||||
<div class="row" id="services">
|
<div class="row" id="services">
|
||||||
{% for service in services.services %}
|
{% for service in services.services %}
|
||||||
{% if not service.exclude_from_index %}
|
{% 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>
|
<h3>{{ service.name }}</h3>
|
||||||
<p>
|
<p>
|
||||||
{{ service.long_description }}
|
{{ service.long_description }}
|
||||||
</p>
|
</p>
|
||||||
{% for link in service.links %}
|
{% for link in service.links %}
|
||||||
<div class="btn-group">
|
<div class="btn-group mt-auto">
|
||||||
<a href="{{ link.url }}" class="btn
|
<a href="{{ link.url }}" class="btn mb-1
|
||||||
{% if service.status == "OK" %}btn-primary{% else %}btn-danger{% endif %}"
|
{% if service.status == "OK" %}btn-primary{% else %}btn-danger{% endif %}"
|
||||||
>{{ link.name }}</a
|
>{{ link.name }}</a
|
||||||
>
|
>
|
||||||
{% if link.alternatives %}
|
{% if link.alternatives %}
|
||||||
<button
|
<button
|
||||||
type="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 %}"
|
{% if service.status == "OK" %}btn-primary{% else %}btn-danger{% endif %}"
|
||||||
data-bs-toggle="dropdown"
|
data-bs-toggle="dropdown"
|
||||||
aria-expanded="false"
|
aria-expanded="false"
|
||||||
|
@ -59,24 +59,24 @@
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
<div class="service col-sm-4">
|
<div class="service col-sm-4 d-flex flex-column mb-4">
|
||||||
<h3>Hosting</h3>
|
<h3>Hosting</h3>
|
||||||
<p>
|
<p>
|
||||||
Need hosting for your privacy-related, social or wholesome
|
Need hosting for your privacy-related, social or wholesome
|
||||||
project? We might be able to share our resources with you for
|
project? We might be able to share our resources with you for
|
||||||
free!
|
free!
|
||||||
</p>
|
</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
|
>Get in touch!</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="service col-sm-4">
|
<div class="service col-sm-4 d-flex flex-column mb-4">
|
||||||
<h3>More?</h3>
|
<h3>More?</h3>
|
||||||
<p>
|
<p>
|
||||||
We are working on more services. If you have any suggestions,
|
We are working on more services. If you have any suggestions,
|
||||||
please let us know!
|
please let us know!
|
||||||
</p>
|
</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
|
>Get in touch!</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="container">
|
<div class="container text-mauve">
|
||||||
<h1>Legal Notice</h1>
|
<h1>Legal Notice</h1>
|
||||||
<p>This is a legal notice for the website private.coffee</p>
|
<p>This is a legal notice for the website private.coffee</p>
|
||||||
<p>The website private.coffee is run by the following entity:</p>
|
<p>The website private.coffee is run by the following entity:</p>
|
||||||
|
|
23
templates/membership.html
Normal file
23
templates/membership.html
Normal 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 %}
|
|
@ -1,5 +1,5 @@
|
||||||
{% extends "base.html" %} {% block content %}
|
{% extends "base.html" %} {% block content %}
|
||||||
<div class="container">
|
<div class="container text-mauve">
|
||||||
<h1>Privacy Policy</h1>
|
<h1>Privacy Policy</h1>
|
||||||
<p>
|
<p>
|
||||||
This is the privacy policy for the website private.coffee. It describes how
|
This is the privacy policy for the website private.coffee. It describes how
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{% extends "base.html" %} {% block content %}
|
{% extends "base.html" %} {% block content %}
|
||||||
<div class="container">
|
<div class="container text-mauve">
|
||||||
<h1>Terms of Service</h1>
|
<h1>Terms of Service</h1>
|
||||||
<p>
|
<p>
|
||||||
These are the terms of service for the website private.coffee and all
|
These are the terms of service for the website private.coffee and all
|
||||||
|
|
Loading…
Reference in a new issue