PrivateCoffee/privatecoffee-website
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated colors and titlebar.

Browse source
This commit is contained in:
jupfi 2024-04-14 20:30:39 +02:00
parent 7c685aac4e
commit 4d4a996ced
6 changed files with 84 additions and 102 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
assets/css/base.css
View file

@ -38,6 +38,7 @@ footer a {
background-color: #ffb6c1 !important; background-color: #ffb6c1 !important;
border-color: #ffb6c1 !important; border-color: #ffb6c1 !important;
color: #6b486b !important; color: #6b486b !important;
font-size: large!important;
} }
.title-font { .title-font {
@ -45,12 +46,12 @@ footer a {
color: #6b486b; color: #6b486b;
} }
.donation-details, .zvr-number, .contact-info { .donation-details, .zvr-number, .contact-info, .index-buttons {
background: #ffb6c1; background: #ffb6c1;
padding: 15px; padding: 15px;
border-radius: 4px; border-radius: 4px;
margin-bottom: 20px; margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
} }
.contact-info a { .contact-info a {
@ -82,5 +83,5 @@ footer a {
} }
.text-mauve { .text-mauve {
color: #6b486b; color: #6b486b!important;
} }

53
templates/base.html
View file

@ -4,6 +4,7 @@
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" />
@ -16,43 +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;"> <!-- Assuming bg-coffee is a brown color -->
<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_grad.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> <!-- Assuming 'title-font' is a custom font. Added inline display for the h1 to be aligned with the image -->
/>
<span> <h1 style="font-style: title-font;";> Private.coffee</h1> </span>
</a> </a>
<div class="support-us">
<a href="membership.html" class="btn btn-primary">Support Us</a>
</div> </div>
<ul class="navbar-nav text-mauve"> <div class="col-sm-2 d-flex justify-content-center text-mauve index-buttons"> <!-- Added justify-content-center for horizontal alignment -->
<ul class="nav-item dropdown"> <a href="membership.html" class="btn btn-primary">♥ Support Us ♥</a>
<a </div>
class="nav-link dropdown-toggle" <div class="col-sm-1 d-flex justify-content-end index-buttons"> <!-- Added justify-content-end for horizontal alignment -->
href="#" <a href="https://status.private.coffee" class="btn btn-primary big">Status</a>
id="navbardrop" </div>
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>
</ul>
</div> </div>
</nav> </nav>
<section id="content"> <section id="content">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</section> </section>
@ -80,9 +65,6 @@
<li> <li>
<a href="terms.html">Terms of Service</a> <a href="terms.html">Terms of Service</a>
</li> </li>
<li>
<a href="membership.html">Membership/Donations</a>
</li>
</ul> </ul>
</div> </div>
<div class="col-md-3 mb-md-0 mb-3"> <div class="col-md-3 mb-md-0 mb-3">
@ -90,9 +72,7 @@
<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>
@ -103,4 +83,5 @@
</div> </div>
</footer> </footer>
</body> </body>
</html> </html>

2
templates/legal.html
View file

@ -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>

2
templates/membership.html
View file

@ -1,6 +1,6 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div class="container"> <div class="container text-mauve">
<h1>Membership/Donations</h1> <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>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>Membership fees help cover the costs of server infrastructure, domain names, and other operating expenses. Likewise, all donations contribute towards these ongoing costs.</p>

2
templates/privacy.html
View file

@ -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

2
templates/terms.html
View file

@ -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