Updated colors and titlebar.
This commit is contained in:
jupfi
parent
7c685aac4e
commit
4d4a996ced
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,103 +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_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>
|
||||
<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_grad.svg"
|
||||
alt="Private.coffee logo"
|
||||
/>
|
||||
<span> <h1 style="font-style: title-font;";> Private.coffee</h1> </span>
|
||||
</a>
|
||||
<div class="support-us">
|
||||
<a href="membership.html" class="btn btn-primary">Support Us</a>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
</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>
|
||||
</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>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in a new issue