Kumi
0601a39829
Introduced a development mode toggle for the app, which, when enabled, displays a distinctive warning on every page to inform users they are viewing a development version of the site. This warning is styled for clear visibility. Development mode is toggled with a new `--dev` command line argument or by setting an environment variable. The change aims to prevent confusion between the development and production environments for both developers and early users. - Added new CSS rules for a warning alert style in `base.css`. - Modified `main.py` to check for a development mode flag and pass a warning message to the template if the flag is set. - Updated `base.html` to include the warning message when present. - Added a new template for the development warning message.
110 lines
4.9 KiB
HTML
110 lines
4.9 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"
|
|
><svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="1em"
|
|
height="1em"
|
|
fill="currentColor"
|
|
viewBox="0 0 16 16"
|
|
class="bi bi-bezier"
|
|
>
|
|
<path
|
|
fill-rule="evenodd"
|
|
d="M0 10.5A1.5 1.5 0 0 1 1.5 9h1A1.5 1.5 0 0 1 4 10.5v1A1.5 1.5 0 0 1 2.5 13h-1A1.5 1.5 0 0 1 0 11.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm10.5.5A1.5 1.5 0 0 1 13.5 9h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM6 4.5A1.5 1.5 0 0 1 7.5 3h1A1.5 1.5 0 0 1 10 4.5v1A1.5 1.5 0 0 1 8.5 7h-1A1.5 1.5 0 0 1 6 5.5zM7.5 4a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z"
|
|
></path>
|
|
<path
|
|
d="M6 4.5H1.866a1 1 0 1 0 0 1h2.668A6.517 6.517 0 0 0 1.814 9H2.5c.123 0 .244.015.358.043a5.517 5.517 0 0 1 3.185-3.185A1.503 1.503 0 0 1 6 5.5zm3.957 1.358A1.5 1.5 0 0 0 10 5.5v-1h4.134a1 1 0 1 1 0 1h-2.668a6.517 6.517 0 0 1 2.72 3.5H13.5c-.123 0-.243.015-.358.043a5.517 5.517 0 0 0-3.185-3.185z"
|
|
></path></svg></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>
|