privatecoffee-website/templates/base.html

120 lines
5.5 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<!-- 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 -->
<head>
<meta charset="utf8" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
<meta name="description"
content="Private.coffee is a privacy-focused non-profit association, dedicated to supporting privacy and digital sovereignty." />
<meta name="keywords"
content="privacy, digital sovereignty, non-profit, association, privacy-focused" />
<meta name="author" content="Private.coffee" />
<meta property="og:title"
content="Private.coffee - Empowering Privacy with Open Source" />
<meta property="og:description"
content="Private.coffee is a privacy-focused non-profit association, dedicated to supporting privacy and digital sovereignty." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://private.coffee/" />
<meta property="og:image"
content="https://private.coffee/assets/img/logo-inv_grad.png" />
<meta property="og:site_name" content="Private.coffee" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Private.coffee" />
<meta name="twitter:description"
content="Private.coffee is a privacy-focused non-profit association, dedicated to supporting privacy and digital sovereignty." />
<meta name="twitter:image"
content="https://private.coffee/assets/img/logo-inv_grad.png" />
<link rel="icon" type="image/png" href="assets/img/logo-inv_grad.png" />
<title>
{% block title %}
{% endblock title %}
- Private.coffee</title>
<link rel="stylesheet" href="assets/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/base.css?v={{ timestamp }}" />
<link rel="stylesheet"
href="assets/css/theme/{{ theme }}.css?v={{ timestamp }}" />
</head>
<body>
<nav class="navbar navbar-expand-md py-3 navbar-light" id="mainNav">
<div class="container">
<div class="row d-lg-flex align-items-lg-center">
<div class="col p-0" id="logo-wrapper">
<a href="/">
<div id="smallLogoContainer"></div>
</a>
</div>
<div class="col d-flex">
<a class="navbar-brand d-flex align-items-center" href="/">
<p class="mb-0"
style="line-height: 1.2rem;
color: var(--bs-tertiary-color)">
<span class="ps-2 fancy-text-primary"><span style="color: rgb(35, 35, 35)">Private.coffee</span></span>
<br class="that-br" />
<span class="ps-2 slogan">Empowering Privacy with Open Source</span>
</p>
</a>
</div>
</div>
<div class="navbar" id="navcol-1">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link active" href="/index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://status.private.coffee/">Status</a>
</li>
</ul>
<a class="btn btn-primary shadow navbar-btn"
role="button"
href="/membership.html">JOIN &amp; SUPPORT</a>
2024-04-14 18:30:39 +00:00
</div>
</div>
</nav>
{% if warning %}{{ warning|safe }}{% endif %}
2024-04-14 18:30:39 +00:00
{% block content %}{% endblock %}
<footer class="bg-primary-gradient">
<div class="container py-4 py-lg-5">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 fw-bold">Legal Stuff</h3>
<ul class="list-unstyled">
<li>
<a href="/legal.html">Legal Notice</a>
</li>
<li>
<a href="/privacy.html">Privacy Notice</a>
</li>
<li>
<a href="/terms.html">Terms of Service</a>
</li>
</ul>
</div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2">
<span class="bs-icon-sm bs-icon-circle bs-icon-primary d-flex justify-content-center align-items-center bs-icon me-2">{{ "coffee" | icon | safe }}</span><span>Private.coffee</span>
</div>
<p class="text-muted">
Private.coffee is a privacy-focused non-profit association,
dedicated to supporting privacy and digital sovereignty.
</p>
</div>
</div>
<hr />
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
<p class="mb-0">Made with ❤️ and ☕ by Private.coffee</p>
<p class="mb-0">
<a href="https://git.private.coffee/privatecoffee/privatecoffee-website">
<img src="https://shields.private.coffee/gitea/last-commit/privatecoffee/privatecoffee-website?gitea_url=https://git.private.coffee&logo=forgejo" />
</a>
<a href="https://pride.coffee">{{ "rainbow" | icon | safe }}</a>
</p>
</div>
</div>
</footer>
</body>
</html>