83 lines
3.5 KiB
HTML
83 lines
3.5 KiB
HTML
{% import "macros.html" as macros %}
|
|
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title>{% block title %}{% endblock title %}</title>
|
|
<link rel="stylesheet" href="/css/base.css"/>
|
|
{% if page.extra.leaflet or section.extra.leaflet %}<link rel="stylesheet" href="/vendor/leaflet/leaflet.css"/>{% endif %}
|
|
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
|
|
<meta name="viewport" content="width=device-width"/>
|
|
{% if get_env(name="LIBREZO_WEBSITE", default="prod") == "dev" %}<meta name="robots" content="noindex,nofollow"/>{% endif %}
|
|
{% block head %}{% endblock head %}
|
|
</head>
|
|
<body>
|
|
{% if get_env(name="LIBREZO_WEBSITE", default="prod") == "dev" %}
|
|
<div id="dev-warning">
|
|
<p>
|
|
Version de développement. Pour le site officiel actuel, allez sur <a href="https://librezo.fr"><b>Librezo.fr</b></a>.
|
|
</p>
|
|
<a href="#" onclick="document.getElementById('dev-warning').remove()">fermer</a>
|
|
</div>
|
|
{% endif %}
|
|
<header>
|
|
<a href="/">
|
|
<picture>
|
|
<source srcset="/img/logo-stencil-white.svg" media="(prefers-color-scheme: dark)"/>
|
|
<source srcset="/img/logo-stencil-black.svg" media="(prefers-color-scheme: light)"/>
|
|
<img decoding="async" id="header-logo" src="/img/logo-stencil-black.svg" alt="Librezo" aria-hidden/>
|
|
</picture>
|
|
<h1 class="sr-only">Librezo</h1>
|
|
</a>
|
|
<nav id="header-menu">
|
|
<ul class="phone-hidden">
|
|
<li><a href="/fonctionnement/">Fonctionnement</a></li>
|
|
<li><a href="/services/">Services et tarifs</a></li>
|
|
<li><a href="/qui-sommes-nous/">Qui sommes-nous</a></li>
|
|
<li><a href="/charte/">Charte</a></li>
|
|
<li><a href="/contact/">Contact</a></li>
|
|
</ul>
|
|
|
|
<details class="phone-only hamburger-menu">
|
|
<summary aria-label="Menu" title="Menu">☰</summary>
|
|
<ul class="header-menu-phone">
|
|
<li><a href="/fonctionnement/">Fonctionnement</a></li>
|
|
<li><a href="/services/">Services et tarifs</a></li>
|
|
<li><a href="/qui-sommes-nous/">Qui sommes-nous</a></li>
|
|
<li><a href="/charte/">Charte</a></li>
|
|
<li><a href="/contact/">Contact</a></li>
|
|
</ul>
|
|
</details>
|
|
</nav>
|
|
</header>
|
|
{% block body %}{% endblock body %}
|
|
<footer>
|
|
<div class="footer-wrapper">
|
|
<div class="footer-pane">
|
|
<a href="/contact" class="footer-bigger">Contactez-nous</a>
|
|
<ul>
|
|
<li><a href="mailto:contact@librezo.fr">contact@librezo.fr</a></li>
|
|
<li><a href="/rejoignez-nous">Rejoignez-nous</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-pane">
|
|
<ul>
|
|
<li><a href="/mentions-legales">Mentions légales</a></li>
|
|
<li><a href="/rgpd">RGPD</a></li>
|
|
</ul>
|
|
<p>
|
|
<a href="https://git.txmn.tk/Librezo/website">Code source du site</a> sous licence <a href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a><br/>
|
|
Dessins de GRA, licence <a href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a><br/>
|
|
Site conçu par des êtres humains ;)
|
|
</p>
|
|
</div>
|
|
<div class="footer-pane">
|
|
<p>
|
|
Librezo propose une alternative aux services en ligne en favorisant l'auto-hébergement. Avec un accompagnement sur mesure et des <a href="/logiciel-libre">solutions logicielles libres</a> installées sur votre serveur, reprendre et garder le contrôle de vos données n'a jamais été aussi facile.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
{% if page.extra.carousel or section.extra.carousel %}<script type="text/javascript" src="/js/carousel.js"></script>{% endif %}
|
|
</body>
|
|
</html>
|