privatecoffee-website/templates/base.html
Kumi d42b6b5200
feat: update service listings and improve documentation
Swapped the listings for Invidious and Piped, including their descriptions and status, to reflect current service offerings and operational status accurately. Enhanced the UI layout in the base template for better navigation and clarity in service support actions. Membership and donation information has been expanded to include details on statute access, association joining methods, and legal requirements for data storage, emphasizing transparency and community involvement. Privacy policy updates include clarified data collection practices, usage specifics, and storage details, aligning with legal standards and user expectations. Also, terms of service now include provisions against harassment, aligning with community guidelines and safety.

These changes aim to improve user experience, ensure up-to-date information, and highlight the organization's commitment to privacy, transparency, and community safety.
2024-04-26 11:51:46 +02:00

87 lines
3 KiB
HTML

<!DOCTYPE html>
<!-- This file was created as part of the Private.coffee project
It is licensed under the MIT license
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 navbar-dark" style="background-color: #ffb6c1;">
<div class="container">
<div class="row align-items-center w-100">
<div class="col-sm-8">
<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>
</a>
</div>
<div class="col-sm-2 d-flex justify-content-center text-mauve index-buttons">
<a href="membership.html" class="btn btn-primary">♥ Support Us ♥</a>
</div>
<div class="col-sm-2 d-flex justify-content-center index-buttons">
<a href="https://status.private.coffee" class="btn btn-primary big">Status Monitor</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>
</div>
</div>
</div>
</footer>
</body>
</html>