Kumi
ca9c770c38
Sets the logo container to use a flexbox for vertical and horizontal centering in the navbar. Adjusts template and CSS to streamline logo presentation and improve aesthetic consistency.
119 lines
5.5 KiB
HTML
119 lines
5.5 KiB
HTML
<!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 & SUPPORT</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
{% if warning %}{{ warning|safe }}{% endif %}
|
|
{% 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>
|