Updated colors and titlebar.

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

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;
} }

View file

@ -4,103 +4,84 @@
For more information, please visit https://private.coffee --> For more information, please visit https://private.coffee -->
<html> <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_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>
<body> <head>
<nav class="navbar navbar-expand-sm bg-coffee navbar-dark"> <title>Private.coffee</title>
<div class="container"> <meta charset="utf-8" />
<a class="navbar-brand" href="/"> <meta name="viewport" content="width=device-width, initial-scale=1" />
<img <link rel="icon" type="image/svg+xml" href="assets/img/logo-inv_grad.svg" />
class="navbar-brand-img" <link rel="stylesheet" href="assets/css/base.css" />
src="assets/img/logo-inv_grad.svg" <link rel="stylesheet" href="assets/dist/css/bootstrap.min.css" />
alt="Private.coffee logo" <script src="assets/dist/js/jquery.min.js"></script>
/> <script src="assets/dist/js/bootstrap.bundle.min.js"></script>
<span> <h1 style="font-style: title-font;";> Private.coffee</h1> </span> </head>
</a>
<div class="support-us"> <body>
<a href="membership.html" class="btn btn-primary">Support Us</a> <nav class="navbar navbar-expand-sm navbar-dark" style="background-color: #ffb6c1;"> <!-- Assuming bg-coffee is a brown color -->
<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> <!-- Assuming 'title-font' is a custom font. Added inline display for the h1 to be aligned with the image -->
</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" </div>
>Status Page</a </div>
> </nav>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://status.private.coffee"
>Clearnet</a
> <section id="content">
<a {% block content %}{% endblock %}
class="dropdown-item" </section>
href="http://status.coffee2m3bjsrrqqycx6ghkxrnejl2q6nl7pjw2j4clchjj6uk5zozad.onion/"
>Tor</a <footer class="page-footer font-small bg-coffee text-white pt-4">
> <div class="container text-center text-md-left">
</div> <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> </ul>
</ul>
</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>
<li>
<a href="membership.html">Membership/Donations</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>
</div> </div>
</footer> </div>
</body> </footer>
</html> </body>
</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>

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>

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

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