Kumi
e77fc521bf
Implemented a new template filter in Flask to dynamically render SVG icons, allowing for cleaner HTML templates and easier icon management. Added `coffee` and `envelope` SVG icons to the project's asset directory. This change not only streamlines the incorporation of new icons but also enhances the maintainability of the codebase by centralizing icon resources and reducing HTML clutter. Modified existing HTML templates to use this new dynamic icon rendering method, replacing hard-coded SVG and img tag icon implementations with the newly created template filter. This update significantly improves the way icons are handled throughout the application, providing a more scalable and efficient approach to managing and displaying graphical elements.
97 lines
3.7 KiB
HTML
97 lines
3.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"
|
|
/>
|
|
<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 sticky-top navbar-shrink 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 & REBEL</a>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|