2020-11-01 14:09:20 +01:00
|
|
|
<!doctype html>
|
|
|
|
|
|
|
|
|
|
<html lang="fr">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<link rel="icon" href="/img/favicon/favicon-16.ico" sizes="16x16">
|
|
|
|
|
<link rel="icon" href="/img/favicon/favicon-32.ico" sizes="32x32">
|
|
|
|
|
<link rel="icon" href="/img/favicon/favicon-64.ico" sizes="64x64">
|
|
|
|
|
<link rel="icon" href="/img/favicon/favicon-128.png" sizes="128x128">
|
|
|
|
|
{# heavy and maybe not usefull #}
|
|
|
|
|
{# <link rel="icon" href="/img/favicon/favicon-152.png" sizes="152x152">
|
|
|
|
|
<link rel="icon" href="/img/favicon/favicon-167.png" sizes="167x167">
|
|
|
|
|
<link rel="icon" href="/img/favicon/favicon-180.png" sizes="180x180">
|
|
|
|
|
<link rel="icon" href="/img/favicon/favicon-192.png" sizes="192x192">
|
|
|
|
|
<link rel="icon" href="/img/favicon/favicon-196.png" sizes="196x196">
|
|
|
|
|
<link rel="icon" href="/img/favicon/favicon-256.png" sizes="256x256">
|
|
|
|
|
<link rel="icon" href="/img/favicon/favicon-512.png" sizes="512x512"> #}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<title>{{ page }} | {{ site_name }}</title>
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/css/frombulma.css">
|
|
|
|
|
<link rel="stylesheet" href="/css/styles.css">
|
|
|
|
|
{% block head %}
|
|
|
|
|
{% endblock %}
|
|
|
|
|
</head>
|
|
|
|
|
<body class="has-navbar-fixed-top">
|
|
|
|
|
<nav class="navbar is-fixed-top has-grad is-dark" role="navigation" aria-label="main navigation">
|
|
|
|
|
<div class="navbar-brand">
|
|
|
|
|
<a class="navbar-item" href="/Accueil.html">
|
|
|
|
|
<img src="/img/logo-128.png" alt="logo" class="logo"/>
|
|
|
|
|
{{ site_name }}
|
|
|
|
|
</a>
|
|
|
|
|
<label for="menu-toggle" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
|
|
|
|
|
<span aria-hidden="true"></span>
|
|
|
|
|
<span aria-hidden="true"></span>
|
|
|
|
|
<span aria-hidden="true"></span>
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<input type="checkbox" id="menu-toggle"/>
|
|
|
|
|
<div id="generic-navbar" class="navbar-menu">
|
|
|
|
|
<div class="navbar-start">
|
|
|
|
|
<a href="/Accueil.html" class="navbar-item">
|
|
|
|
|
Accueil
|
|
|
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
|
|
|
|
<a class="navbar-link">
|
|
|
|
|
Services
|
|
|
|
|
</a>
|
|
|
|
|
<div class="navbar-dropdown">
|
|
|
|
|
<a href="/services/Bitwarden.html" class="navbar-item">
|
|
|
|
|
Coffre-fort numérique
|
|
|
|
|
</a>
|
|
|
|
|
<a href="/services/Nextcloud.html" class="navbar-item">
|
|
|
|
|
Cloud personnel
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div><div class="navbar-item has-dropdown is-hoverable">
|
|
|
|
|
<a class="navbar-link">
|
|
|
|
|
Informations techniques
|
|
|
|
|
</a>
|
|
|
|
|
<div class="navbar-dropdown">
|
|
|
|
|
<a href="/Informations-techniques/Auto-hébergement.html" class="navbar-item">
|
|
|
|
|
Auto-hébergement
|
|
|
|
|
</a>
|
|
|
|
|
<a href="/Informations-techniques/Matériel.html" class="navbar-item">
|
|
|
|
|
Matériel
|
|
|
|
|
</a>
|
|
|
|
|
<a href="/Informations-techniques/Logiciels.html" class="navbar-item">
|
|
|
|
|
Logiciels
|
|
|
|
|
</a>
|
|
|
|
|
<a href="/Informations-techniques/Sauvegardes.html" class="navbar-item">
|
|
|
|
|
Sauvegardes
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
|
|
|
|
<a class="navbar-link">
|
|
|
|
|
À propos
|
|
|
|
|
</a>
|
|
|
|
|
<div class="navbar-dropdown">
|
|
|
|
|
{#<a href="/a-propos/Association.html" class="navbar-item">
|
|
|
|
|
L'association
|
|
|
|
|
</a>#}
|
|
|
|
|
<a href="/a-propos/CGU.html" class="navbar-item">
|
|
|
|
|
Conditions d'utilisation
|
|
|
|
|
</a>
|
|
|
|
|
<a href="/a-propos/Mentions%20légales.html" class="navbar-item">
|
|
|
|
|
Mentions légales
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="navbar-end">
|
|
|
|
|
<a href="mailto:contact{{ mail_key }}@katzei.fr" class="navbar-item mail" title="Nous contacter par mail">
|
|
|
|
|
✉
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://mamot.fr/@katzei" class="navbar-item logo" title="Nous contacter sur mastodon">
|
|
|
|
|
<img class="mastodon" src="/img/logo_mastodon.svg">
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
<div id="main" class="container">
|
|
|
|
|
{% block main %}
|
|
|
|
|
{% endblock %}
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
