privatecoffee-website/templates/base.html
Kumi af29b0f3f5
All checks were successful
Build and Deploy Static Site / build (push) Successful in 57s
feat: add onion location meta tag for Tor accessibility
Included a `meta` tag in the base HTML template to provide the onion location for improved access through the Tor network. Enhanced context parameters to support this feature by adding the path generation logic. Updated argument parsing for better readability and consistency.

This change aims to enhance the privacy and accessibility of the site for users connecting via Tor.
2024-07-24 21:29:58 +02:00

150 lines
5.7 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"
/>
<meta http-equiv="onion-location" content="http://coffee2m3bjsrrqqycx6ghkxrnejl2q6nl7pjw2j4clchjj6uk5zozad.onion/{{ path }}">
<link rel="icon" type="image/png" href="assets/img/logo_inv_grad.png" />
<title>{% block title %}{% endblock %} - Private.coffee</title>
<link rel="stylesheet" href="assets/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/base.css" />
</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">
<a href="/"
><img src="assets/img/logo-inv_grad.svg" style="height: 60px"
/></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
>
</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>