typo

.gitignore

@@ -0,0 +1 @@
+public/

src/content/doc/_index.md

@@ -0,0 +1,12 @@
++++
+title = "Documentation"
+template = "section.html"
++++
+
+En cours d'écriture 📝...<br>
+S'il vous manque une information, [contactez-moi](/contact).
+
+<div class="col--1-1">
+    <a class="box box__link" href="users">Utilisateurs</a>
+    <a class="box box__link" href="admins">Administrateurs</a>
+</div>

src/content/doc/admins.md

@@ -0,0 +1,119 @@
++++
+title = "Le coin de administrateurs"
+slug = "admins"
+template = "documentation.html"
++++
+
+## Infrastructure {#infra}
+
+L'infrastructure "matérielle" de NETig repose sur des VPS (Virtual Private
+Server) de petite capacité afin de suivre les besoins au plus près, d'éviter les
+surcoûts de location, le gaspillage énergétique, mais également d'améliorer la
+fiabilité en cloisonnant les services.
+
+Concernant la partie logicielle c'est
+[Chimera Linux](https://chimera-linux.org) qui a été choisi comme système
+d'exploitation, pour ses bonnes pratiques de sécurité et sa simplicité
+d'administration. Les services sont conteneurisés avec
+[Nerdctl](https://github.com/containerd/nerdctl) (compatible avec Docker), il
+s'agit d'une couche légère de virtualisation qui permet un niveau supplémentaire
+de cloisonnement mais également de simplifier les tâches de déploiement.
+
+### Serveurs {#servers}
+
+Actuellement les besoins sont faible, un seul VPS suffit, il est fournit par
+[netcup GmbH](https://www.netcup.com/en) en Allemagne dans leur datacenter de
+Nuremberg.
+
+|          | Dwalin |
+|----------|--------|
+| vCPU     | 8      |
+| RAM      | 16Go   |
+| Stockage | 512Go  |
+
+### Réseau {#network}
+
+Les connexion entrantes sont filtrées par un pare-feu, et redirigées sur le
+réseau local par un reverse proxy.
+
+|      | Dwalin           |
+|------|------------------|
+| IPv4 | 152.53.133.254    |
+
+### Sauvegardes {#backups}
+
+Les données sont sauvegardées automatiquement une fois par jour et stockées sur
+le serveur même, ainsi que sur un stockage distant en Allemagne chez
+[Hetzner](https://www.hetzner.com) dans leur datacenter de Falkenstein.
+
+## Chimera Linux {#chimera}
+
+Quelques petites choses à savoir concernant Chimera Linux avant de mettre les
+mains dans le cambouis :
+
+* <s>Sudo</s> : Ne cherchez pas `sudo` c'est l’excellent `doas` d'OpenBSD qui est
+  utilisé ici !
+
+* Environnement utilisateur (userland) : Chimera Linux utilise l'environnement
+  utilisateur de FreeBSD à la place des outils GNU habituels, globalement les
+  commandes sont les mêmes mais attention certaines options peuvent parfois être
+  différentes.
+
+### APK {#apk}
+
+Le gestionnaire de paquets APK d'Alpine Linux est utilisé, il est simple, rapide
+et extrêmement fiable !
+
+Mettre à jour les fichiers d'index des dépôts :
+```
+# apk update
+```
+
+Mettre à jour le système (⚠️ ne pas mettre à jour un serveur en production sans
+avoir testé la mise à jour sur une machine de test) :
+```
+# apk upgrade
+```
+
+Chercher un paquet :
+```
+# apk search <quelque_chose>
+```
+
+Obtenir des informations sur un paquet :
+```
+# apk info <paquet>
+```
+
+Installer un paquet :
+```
+# apk add <paquet>
+```
+
+Supprimer un paquet :
+```
+# apk del <paquet>
+```
+
+> Les sous-commandes `add` et `del` ajoutent/enlèvent le nom du/des paquet(s) du
+> fichier `/etc/apk/world` qui contient la liste des paquets explicitement
+> installés, APK calcule les dépendances à partir de ce fichier.
+
+## Dinit {#dinit}
+
+...
+
+## Maintenance {#maintenance}
+
+### Connexion aux serveurs {#connection}
+
+...
+
+### Nerdctl {#nerdctl}
+
+...
+
+### Services {#services}
+
+Si nécessaire la documentation spécifique à chaque service si se trouve dans le
+`README.md` du service sur [NETgit](https://git.netig.net).

src/content/doc/users.md

@@ -0,0 +1,28 @@
++++
+title = "Le coin des utilisateurs"
+slug = "users"
+template = "documentation.html"
++++
+
+Vous trouverez ici toutes les informations dont vous pourriez avoir besoin pour
+utiliser les services de NETig.
+
+### NETmail {#netmail}
+
+Vous pouvez consulter vos mails depuis le [webmail](https://webmail.netig.net),
+mais si vous souhaitez utiliser un client tel que Thunderbird, ou bien K-9 Mail
+sur Android voici la configuration :
+
+IMAP
+
+* Serveur : mail.netig.net
+* Type de sécurité : STARTTLS
+* Port : 143
+* Nom d'utilisateur : adresse mail complète
+
+SMTP
+
+* Serveur : mail.netig.net
+* Type de sécurité : STARTTLS
+* Port : 587
+* Nom d'utilisateur : adresse mail complète

src/content/documentation.md

@@ -1,86 +0,0 @@
-+++
-title = "Documentation"
-slug = "documentation"
-template = "documentation.html"
-+++
-
-En cours d'écriture 📝 !
-
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi tempore ratione necessitatibus culpa maxime delectus,
-accusamus harum est porro ut fugiat aperiam, consequuntur explicabo. Modi tenetur incidunt non exercitationem sunt?
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae magnam, cum iste minima culpa recusandae et reiciendis
-veritatis deserunt debitis fuga, atque delectus qui ea dolorum tempore aspernatur nihil nisi!
-
-### Infrastructure
-
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi tempore ratione necessitatibus culpa maxime delectus,
-accusamus harum est porro ut fugiat aperiam, consequuntur explicabo. Modi tenetur incidunt non exercitationem sunt?
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae magnam, cum iste minima culpa recusandae et reiciendis
-veritatis deserunt debitis fuga, atque delectus qui ea dolorum tempore aspernatur nihil nisi!
-
-#### Serveurs
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, voluptate consequatur. Ex, ipsum sint. Hic, esse modi,
-ipsam dicta minima praesentium assumenda unde architecto nostrum quibusdam reprehenderit tenetur qui nulla? Lorem ipsum
-dolor sit, amet consectetur adipisicing elit. Repellat iusto eius aspernatur earum, quo reiciendis, magni doloremque
-debitis ipsum at laborum deserunt quis molestias facilis provident facere rem! Aliquam, voluptatem? Lorem ipsum, dolor
-sit amet consectetur adipisicing elit. Deserunt sunt, porro soluta perferendis, ipsa alias voluptatum facere eos
-reprehenderit explicabo dolorem sit accusantium consequatur minima quia molestias culpa temporibus autem. Lorem ipsum
-dolor sit amet consectetur adipisicing elit. Sunt alias odio excepturi sed eligendi omnis modi amet dolores saepe,
-quibusdam placeat? Praesentium voluptatum molestiae quos laboriosam eligendi facilis minima doloribus.
-
-#### Réseau
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore quae reprehenderit nostrum neque nulla dicta quasi
-eius perspiciatis cum eos, id, voluptatem quaerat, minus tenetur placeat doloribus ea porro amet.
-
-#### Sauvegardes
-
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi tempore ratione necessitatibus culpa maxime delectus,
-accusamus harum est porro ut fugiat aperiam, consequuntur explicabo. Modi tenetur incidunt non exercitationem sunt?
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae magnam, cum iste minima culpa recusandae et reiciendis
-veritatis deserunt debitis fuga, atque delectus qui ea dolorum tempore aspernatur nihil nisi!
-
-### Services
-
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi tempore ratione necessitatibus culpa maxime delectus,
-accusamus harum est porro ut fugiat aperiam, consequuntur explicabo. Modi tenetur incidunt non exercitationem sunt?
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae magnam, cum iste minima culpa recusandae et reiciendis
-veritatis deserunt debitis fuga, atque delectus qui ea dolorum tempore aspernatur nihil nisi!
-
-#### Mail
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore quae reprehenderit nostrum neque nulla dicta quasi
-eius perspiciatis cum eos, id, voluptatem quaerat, minus tenetur placeat doloribus ea porro amet.
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, voluptate consequatur. Ex, ipsum sint. Hic, esse modi,
-ipsam dicta minima praesentium assumenda unde architecto nostrum quibusdam reprehenderit tenetur qui nulla? Lorem ipsum
-dolor sit, amet consectetur adipisicing elit. Repellat iusto eius aspernatur earum, quo reiciendis, magni doloremque
-debitis ipsum at laborum deserunt quis molestias facilis provident facere rem! Aliquam, voluptatem? Lorem ipsum, dolor
-sit amet consectetur adipisicing elit. Deserunt sunt, porro soluta perferendis, ipsa alias voluptatum facere eos
-reprehenderit explicabo dolorem sit accusantium consequatur minima quia molestias culpa temporibus autem. Lorem ipsum
-dolor sit amet consectetur adipisicing elit. Sunt alias odio excepturi sed eligendi omnis modi amet dolores saepe,
-quibusdam placeat? Praesentium voluptatum molestiae quos laboriosam eligendi facilis minima doloribus.
-
-### Maintenance
-
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi tempore ratione necessitatibus culpa maxime delectus,
-accusamus harum est porro ut fugiat aperiam, consequuntur explicabo. Modi tenetur incidunt non exercitationem sunt?
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae magnam, cum iste minima culpa recusandae et reiciendis
-veritatis deserunt debitis fuga, atque delectus qui ea dolorum tempore aspernatur nihil nisi!
-
-#### APK
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore quae reprehenderit nostrum neque nulla dicta quasi
-eius perspiciatis cum eos, id, voluptatem quaerat, minus tenetur placeat doloribus ea porro amet.
-
-#### Nerdctl
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, voluptate consequatur. Ex, ipsum sint. Hic, esse modi,
-ipsam dicta minima praesentium assumenda unde architecto nostrum quibusdam reprehenderit tenetur qui nulla? Lorem ipsum
-dolor sit, amet consectetur adipisicing elit. Repellat iusto eius aspernatur earum, quo reiciendis, magni doloremque
-debitis ipsum at laborum deserunt quis molestias facilis provident facere rem! Aliquam, voluptatem? Lorem ipsum, dolor
-sit amet consectetur adipisicing elit. Deserunt sunt, porro soluta perferendis, ipsa alias voluptatum facere eos
-reprehenderit explicabo dolorem sit accusantium consequatur minima quia molestias culpa temporibus autem. Lorem ipsum
-dolor sit amet consectetur adipisicing elit. Sunt alias odio excepturi sed eligendi omnis modi amet dolores saepe,
-quibusdam placeat? Praesentium voluptatum molestiae quos laboriosam eligendi facilis minima doloribus.

src/content/legal.md

@@ -10,7 +10,7 @@ NETig<br>Julien Debrousse<br>Siren : 799 900 907
 Il est possible de prendre contact par courriel à : <a href="mailto:contact@netig.net">contact@netig.net</a>.
         
 ### Hébergement des données
-Toutes les données collectées dans le cadre de la mise à disposition des services sont conservées exclusivement sur des serveurs gérés par moi chez HostUp en Suède et Hetzner en Allemagne.
+Toutes les données collectées dans le cadre de la mise à disposition des services sont conservées exclusivement sur des serveurs gérés par moi chez netcup et Hetzner en Allemagne.
 
 ## Conditions Générales d’Utilisation
 ### Disponibilité

src/sass/css/style.scss

@@ -114,8 +114,8 @@ h3 {
 }
 
 h4 {
-    font-size: 1.8rem;
+    font-size: 1.6rem;
-    line-height: 1.8rem;
+    line-height: 1.6rem;
 }
 
 /* Animations
@@ -527,18 +527,33 @@ svg {
     @media screen and (min-width: 1080px) and (max-resolution: 1x) {
         min-height: 100vh;
     }
+
+    ul {
+        margin-top: 0;
+        padding-top: 20px;
+        padding-bottom: 20px;
+
+        @media screen and (min-width: 1080px) and (max-resolution: 1x) {
+            position: sticky;
+            top: 0;
+        }
+    }
 }
 
-.doc ul {
+/* Markdown
-    margin-top: 0;
+    ------------------------------------------------------------------------ */
-    padding-top: 20px;
-    padding-bottom: 20px;
 
-    @media screen and (min-width: 1080px) and (max-resolution: 1x) {
+tr {
-        position: sticky;
+    background: $color__ternary;
-        top: 0;
+}
-    }
 
+td, th {
+    padding: 10px;
+}
+
+code {
+    background: #010101;
+    padding: 5px;
 }
 
 /* Responsive 1080px

src/templates/documentation.html

@@ -1,29 +1,44 @@
 {% extends "base.html" %}
 
 {% block content %}
-<div class="doc col--1-4">
+<div class="col--1-4">
     <div class="docnav">
         <ul>
-            <li><a href="#infrastructure">Infrastructure</a></li>
+            <a href="/doc">←</a>
+            {% if current_path == "/doc/users/" %}
+            <li><a href="#users">Le coin des utilisateurs</a></li>
             <ul>
-                <li><a href="#serveurs">Serveurs</a></li>
+                <li><a href="#netmail">NETmail</a></li>
-                <li><a href="#reseau">Réseau</a></li>
-                <li><a href="#sauvegardes">Sauvegardes</a></li>
             </ul>
-            <li><a href="#services">Services</a></li>
+            {% elif current_path == "/doc/admins/" %}
+            <li><a href="#admins">Le coin des administrateurs</a></li>
             <ul>
-                <li><a href="#mail">Mail</a></li>
+                <li><a href="#infra">Infrastructure</a></li>
-            </ul>
+                <ul>
-            <li><a href="#maintenance">Maintenance</a></li>
+                    <li><a href="#servers">Serveurs</a></li>
-            <ul>
+                    <li><a href="#network">Réseau</a></li>
-                <li><a href="#apk">APK</a></li>
+                    <li><a href="#backups">Sauvegardes</a></li>
-                <li><a href="#nerdctl">Nerdctl</a></li>
+                </ul>
+
+                <li><a href="#chimera">Chimera Linux</a></li>
+                <ul>
+                    <li><a href="#apk">APK</a></li>
+                    <li><a href="#dinit">Dinit</a></li>
+                </ul>
+
+                <li><a href="#maintenance">Maintenance</a></li>
+                <ul>
+                    <li><a href="#connection">Connexion aux serveurs</a></li>
+                    <li><a href="#nerdctl">Nerdctl</a></li>
+                    <li><a href="#services">Services</a></li>
+                </ul>
             </ul>
+            {% endif %}
         </ul>
     </div>
     <div class="content">
         <div class="anchor" id="{{ page.slug }}"></div>
-        <h2>{{ page.title }}</h2>
+        <h1>{{ page.title }}</h1>
         {{ page.content | safe }}
     </div>
 </div>

src/templates/index.html

@@ -35,12 +35,12 @@
         </div>
         <div>
             <h3>Comment ?</h3>
-            <p>L'ensemble des services sont fournis depuis un VPS chez <a href="https://hostup.se/en/"
+            <p>L'ensemble des services sont fournis depuis un VPS chez <a href="https://netcup.com/en/"
-                    target="_blank">HostUp</a> en Suède et conteneurisés, c'est à dire isolés les uns des autres
+                    target="_blank">netcup</a> en Allemagne et conteneurisés, c'est à dire isolés les uns des autres
                 pour améliorer la sécurité, la reproductibilité et l'automatisation. Le stockage est redondant sur deux
-                disques en cas de défaillance matérielle. Les données sont sauvegardées automatiquement une fois par
+                disques en cas de défaillance matérielle. Les données sont sauvegardées quotidiennement et stockées en
-                semaine et stockées sur le serveur ainsi qu'en Allemagne chez <a href="https://www.hetzner.com/"
+                Allemagne chez <a href="https://www.hetzner.com/" target="_blank">Hetzner</a>. Utilisation exclusive de
-                    target="_blank">Hetzner</a>. Utilisation exclusive de logiciels sous licences libres.</p>
+                logiciels sous licences libres.</p>
         </div>
         <div>
             <h3>Pourquoi ?</h3>
@@ -72,7 +72,7 @@
                         </ul>
                     </div>
                     <div>
-                        <p>Adresse mail en @netig.net ou votre nom de domaine (12€ de frais de mise en place
+                        <p>Adresse mail en @netig.net (ou votre nom de domaine pour 12.50€ de frais de mise en place
                             supplémentaire), consultable depuis un webmail ou depuis votre client mail habituel.</p>
                     </div>
                 </div>
@@ -105,13 +105,13 @@
                     </div>
                     <div>
                         <ul>
-                            <li>20€/mois 5Go</li>
+                            <li>4€/mois 5Go</li>
                             <li>2€/mois + 5Go</li>
-                            <li>8€/mois option Collabora</li>
+                            <li>2€/mois/utilisateur plafonné à 10€ option Collabora</li>
                         </ul>
                     </div>
                     <div>
-                        <p>Votre propre instance Nextcloud privée pour plusieurs comptes.</p>
+                        <p>Votre propre instance Nextcloud privée pour plusieurs comptes. Frais d'installation 25€.</p>
                     </div>
                 </div>
             </div>
@@ -140,13 +140,14 @@
                     </div>
                     <div>
                         <ul>
-                            <li>8€/mois</li>
+                            <li>4€/mois</li>
                         </ul>
                     </div>
                     <div>
                         <p>Listes de diffusion avec page d'inscription et d'archives publiques. Pas de limite sur le
                             nombre d’abonnés ni sur le nombre de listes. Possibilité d’utiliser une ou plusieurs
-                            adresses mail d’expédition @netig.net ou tout autre fournisseur. Conforme RGPD.
+                            adresses mail d’expédition @netig.net ou tout autre fournisseur. Conforme RGPD. Frais
+                            d'installation 12.50€.
                         </p>
                     </div>
                 </div>

src/templates/page.html

@@ -2,7 +2,7 @@
 
 {% block content %}
 <div class="content">
-    <h2>{{ page.title }}</h2>
+    <h1>{{ page.title }}</h1>
     {{ page.content | safe }}
 </div>
 {% endblock content %}

src/templates/partials/footer.html

@@ -15,3 +15,4 @@
         Made with ❤️ with <a href="https://www.getzola.org/" target="_blank">Zola</a> !
     </p>
 </div>
+<script defer src="https://stats.netig.net/script.js" data-website-id="d8e7ffde-ac8d-43e4-aab8-7acc82a137f7"></script>

src/templates/partials/header.html

@@ -1,4 +1,4 @@
-{% if not page %}
+{% if current_path == "/" %}
 <div class="content col--1-2">
     <div>
         <a class="logo" href="/#"><img class="logo" src="{{ get_url(path="images/favicon.webp") }}" alt="Logo"></a>

src/templates/partials/navbar.html

@@ -29,7 +29,7 @@
                 <a href="/maintenance">Maintenance et incidents</a>
             </li>
             <li>
-                <a href="/documentation">Documentation</a>
+                <a href="/doc">Documentation</a>
             </li>
             <li>
                 <a href="/contact">Contact</a>

src/templates/partials/topbar.html

@@ -1,5 +1,5 @@
 <div class="topbar sticky">
-    {% if page %}
+    {% if current_path != "/" %}
     <a class="logo--min" href="/#"><img class="logo" src="{{ get_url(path="images/favicon.webp") }}" alt="Logo"></a>
     {% endif %}
     <a class="" href="https://webmail.netig.net" target="_blank">NETmail</a>

src/templates/section.html

@@ -0,0 +1,8 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="content">
+    <h1>{{ section.title }}</h1>
+    {{ section.content | safe }}
+</div>
+{% endblock content %}