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;
border-color: #ffb6c1 !important;
color: #6b486b !important;
font-size: large!important;
}
.title-font {
@ -45,12 +46,12 @@ footer a {
color: #6b486b;
}
.donation-details, .zvr-number, .contact-info {
.donation-details, .zvr-number, .contact-info, .index-buttons {
background: #ffb6c1;
padding: 15px;
border-radius: 4px;
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 {
@ -82,5 +83,5 @@ footer a {
}
.text-mauve {
color: #6b486b;
color: #6b486b!important;
}

View file

@ -4,7 +4,8 @@
For more information, please visit https://private.coffee -->
<html>
<head>
<head>
<title>Private.coffee</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@ -13,46 +14,30 @@
<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>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-coffee navbar-dark">
<body>
<nav class="navbar navbar-expand-sm navbar-dark" style="background-color: #ffb6c1;"> <!-- Assuming bg-coffee is a brown color -->
<div class="container">
<a class="navbar-brand" href="/">
<img
class="navbar-brand-img"
src="assets/img/logo-inv_grad.svg"
alt="Private.coffee logo"
/>
<span> <h1 style="font-style: title-font;";> Private.coffee</h1> </span>
<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 class="support-us">
<a href="membership.html" class="btn btn-primary">Support Us</a>
</div>
<ul class="navbar-nav text-mauve">
<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 class="col-sm-2 d-flex justify-content-center text-mauve index-buttons"> <!-- Added justify-content-center for horizontal alignment -->
<a href="membership.html" class="btn btn-primary">♥ Support Us ♥</a>
</div>
<div class="col-sm-1 d-flex justify-content-end index-buttons"> <!-- Added justify-content-end for horizontal alignment -->
<a href="https://status.private.coffee" class="btn btn-primary big">Status</a>
</div>
</div>
</ul>
</ul>
</div>
</nav>
<section id="content">
{% block content %}{% endblock %}
</section>
@ -80,9 +65,6 @@
<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">
@ -90,9 +72,7 @@
<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
>
<a href="https://matrix.private.cf/#/#private.coffee:private.coffee">Matrix</a>
</li>
<li>
<a href="https://git.private.coffee/PrivateCoffee/">Git</a>
@ -102,5 +82,6 @@
</div>
</div>
</footer>
</body>
</body>
</html>

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>

View file

@ -1,6 +1,6 @@
{% extends "base.html" %}
{% block content %}
<div class="container">
<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>

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