91 lines
4.7 KiB
HTML
91 lines
4.7 KiB
HTML
{% import "macros.html" as macros %}
|
|
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<!-- Stylesheets -->
|
|
<link href="{{get_url(path='styles/main.css',cachebust=true)}}" rel="stylesheet" type="text/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"/>
|
|
<meta name="robots" content="noindex,nofollow"/><!-- TODO remove this for production -->
|
|
{% block head %}{% endblock head %}
|
|
</head>
|
|
<body>
|
|
<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>
|
|
<header class="w-full h-16 bg-white container px-4 md:px-0 h-full mx-auto flex justify-between items-center">
|
|
<a href="/" class="hover:drop-shadow-purple">
|
|
<picture>
|
|
<source srcset="/img/librezo-little-white.png" media="(prefers-color-scheme: dark)"/>
|
|
<source srcset="/img/librezo-little-black.png" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)"/>
|
|
<img decoding="async" id="header-logo" src="/img/librezo-little-black.png" alt="Librezo" aria-hidden/>
|
|
</picture>
|
|
<h1 class="sr-only">Librezo</h1>
|
|
</a>
|
|
<nav id="header-menu" class="text-2xl hidden xl:flex z-0">
|
|
<ul class="fixed top-0 left-0 px-10 py-16 bg-white w-full z-50 space-y-5 h-full
|
|
xl:relative xl:flex xl:p-0 xl:bg-transparent xl:flex-row xl:space-x-6 xl:space-y-0">
|
|
<li><a class="hover:drop-shadow-purple" href="/fonctionnement">Fonctionnement</a></li>
|
|
<li><a class="hover:drop-shadow-purple" href="/tarifs">Services et tarifs</a></li>
|
|
<li><a class="hover:drop-shadow-purple" href="/qui-sommes-nous">Qui sommes-nous</a></li>
|
|
<li><a class="hover:drop-shadow-purple" href="/charte">Charte</a></li>
|
|
<li><a class="hover:drop-shadow-purple" href="/contact">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="flex items-center xl:hidden z-10">
|
|
<button class="texte-neutral-800 text-4xl font-bold hover:drop-shadow-purple duration-300"
|
|
onclick="toggleMenu()">
|
|
☰
|
|
</button>
|
|
</div>
|
|
|
|
<script>
|
|
var menu = document.getElementById('header-menu');
|
|
function toggleMenu() {
|
|
menu.classList.toggle('hidden');
|
|
menu.classList.toggle('space-y-3');
|
|
}
|
|
</script>
|
|
|
|
</header>
|
|
{% block body %}{% endblock body %}
|
|
<footer class="w-full bg-gradient-to-r from-lib-blue to-lib-purple pt-5 text-neutral-200 pb-10">
|
|
<div class="grid grid-cols-3 container mx-auto">
|
|
<div class="">
|
|
<a href="/contact" class="hover:underline text-[#ffddbb] text-3xl">Contactez-nous</a>
|
|
<ul class="list-disc text-xl space-y-0.5 mt-5 pl-10">
|
|
<li><a class="hover:underline text-[#ffddbb]" href="tel:+33782306653">07.82.30.66.53</a></li>
|
|
<li><a class="hover:underline text-[#ffddbb]" href="mailto:contact@librezo.fr">contact@librezo.fr</a></li>
|
|
<li><a class="hover:underline text-[#ffddbb]" href="/rejoignez-nous">Rejoignez-nous</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<ul class="list-disc text-xl space-y-0.5 mt-5 pl-10 pb-10">
|
|
<li><a class="hover:underline text-[#ffddbb]" href="/mentions-legales">Mentions légales</a></li>
|
|
<li><a class="hover:underline text-[#ffddbb]" href="/rgpd">RGPD</a></li>
|
|
<li>SIRET 91009661900028</li>
|
|
</ul>
|
|
<p>
|
|
<a class="hover:underline text-[#ffddbb]" href="https://git.txmn.tk/Librezo/website">Code source du site</a> sous licence <a class="hover:underline text-[#ffddbb]" href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a><br/>
|
|
Dessins de GRA, licence <a class="hover:underline text-[#ffddbb]" href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC BY-SA 4.0</a>
|
|
</p>
|
|
</div>
|
|
<div class="text-xl">
|
|
<p>
|
|
Librezo propose une alternative aux services en ligne en favorisant l'auto-hébergement. Avec un accompagnement sur mesure et des <a class="hover:underline text-[#ffddbb]" 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>
|