Removed CSP meta

faq.php

@@ -33,6 +33,17 @@ $currentPage = $pages['faq'];
         <h1>QUESTIONS FRÉQUENTES</h1>
     </div>
 
+    <a name="rgpd"></a>
+    <div class="ui vertical stripe segment">
+        <div class="ui middle aligned stackable grid container">
+            <div class="row">
+                <h3 class="">Où est la bannière à propos des cookies?</h3>
+                <p><strong>Pas de cookie: pas de bannière.</strong><br>Ce site n'utilise aucun cookie: pas un seul; il n'est donc pas nécessaire d'obtenir votre consentement pour leur utilisation.</p>
+                <p>Je pourrais afficher une bannière pour vous informer du fait que le site n'utilise pas de cookie mais il me faudrait alors la garder toujours visible ou utiliser un cookie pour enregistrer le fait que vous l'ayez fermée...</p>
+            </div>
+        </div>
+    </div>
+
     <a name="pourquoi-aussi-petit"></a>
     <div class="ui vertical stripe segment">
         <div class="ui middle aligned stackable grid container">

includes/_footer.php

@@ -17,13 +17,21 @@
                         <?= pageLink($pages['cgu']) ?>
                         <?= pageLink($pages['cgv']) ?>
                         <?= pageLink($pages['mentions']) ?>
-                        <a href="https://stats.uptimerobot.com/l02mKT1oE7" class="item" target="_blank" title="Lien externe vers uptimerobot" rel="noopener noreferrer nofollow">État des services</a>
+<!--                        <a href="https://stats.uptimerobot.com/l02mKT1oE7" class="item" target="_blank" title="Lien externe vers uptimerobot" rel="noopener noreferrer nofollow">État des services</a>-->
+                        <br />
+                        <a href="https://chatons.org/" class="item" target="_blank">chatons.org</a>
                     </div>
                 </div>
-                <div class="seven wide column">
+                <div class="four wide column">
                     <h1 class="ui header clawdlogo centered">CLAWD.FR</h1>
                     <h3 class="ui header centered">Hébergeur engagé</h3>
                 </div>
+                <div class="three wide column">
+                    <div class="ui center aligned container">
+                        <strong>clawd.fr est membre du</strong><br>
+                        <a href="https://chatons.org/" class="item" target="_blank"><img src="/assets/img/logo_chatons.png" alt="chatons" /></a>
+                    </div>
+                </div>
             </div>
         </div>
     </div>

includes/_meta.php

@@ -1,8 +1,7 @@
-    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'sha256-oPJXuak1pElErSvVwH0Ur/Eg+JCYn0MrJUzQ0kBQmno='; img-src 'self'; style-src 'self' 'unsafe-inline'; font-src 'self' data:;">
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="lang" content="fr" />
     <meta name="author" content="Adrien WEISKOPFF" />
     <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
-    <link rel="shortcut icon" type="image/png" href="assets/img/favicon.png" />
+    <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png" />

index.php

@@ -56,17 +56,23 @@ $currentPage = $pages['index'];
     <div class="ui vertical stripe segment">
         <div class="ui top aligned container">
             <div class="row">
-                <div class=" wide column">
+                <div class="wide column">
                     <h2>Qui suis-je?</h2>
                     <p>Vous vous demandez peut-être qui est ce "je", puisque je ne cache pas le fait d'être seul dans cette activité.<br>
                         Je m'appelle Adrien Weiskopff et je vis actuellement en Haute-Loire; né en 1987 je me suis très rapidement intéressé à l'informatique en général puis au web en particulier. D'abord autodidacte par passion puis webdesigner/webmaster par formation (2008), j'ai peu à peu dans ma carrière professionnelle augmenté le spectre de mes compétences en accumulant les postes de développeur php, développeur fullstack et administrateur système.</p>
-                    <p>Je suis aujourd'hui fier de proposer à mes clients une approche à la fois pointue et globale de l'outil aussi généreux que dangereux qu'est devenu internet.</p>
+                    <p>Je suis aujourd'hui heureux de proposer à mes clients une approche à la fois pointue et globale de l'outil aussi généreux que dangereux qu'est devenu internet.</p>
                 </div>
-                <div class=" wide column">
+                <div class="wide column">
+                    <p></p>
                     <h2>Parlons de vous!</h2>
                     <p>Je vous invite à me contacter afin de discuter de vos besoins et des solutions que je peux vous apporter. Nous évaluerons ensemble la pertinence des outils que je propose pour répondre à vos problématiques spécifiques.<br>
                     Pour me contacter, envoyez un e-mail à l'adresse <a href="mailto:contact@clawd.fr" target="_blank">contact@clawd.fr</a>.</p>
                 </div>
+                <div class="wide column">
+                    <p></p>
+                    <h2>Membre du collectif CHATONS</h2>
+                    <p><strong>clawd.fr</strong> est membre du <strong>Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires</strong> (<a href="https://www.chatons.org/" target="_blank">CHATONS</a>) et s'engage à ce titre à respecter le <a href="https://www.chatons.org/manifeste" target="_blank">manifeste</a> et la <a href="https://www.chatons.org/charte" target="_blank">charte</a> du collectif. Pour en savoir plus sur les CHATONS vous pouvez consulter la <a href="https://www.chatons.org/presentation" target="_blank">présentation</a> du colllectif ou la <a href="https://www.chatons.org/faq" target="_blank">FAQ</a>.</p>
+                </div>
             </div>
         </div>
     </div>

interventions.php

@@ -37,13 +37,33 @@ $currentPage = $pages['interventions'];
         <div class="ui text container">
             <h2>Incidents en cours, interventions planifiées ou en cours</h2>
             <p>Aucun incident en cours. Dernier incident le <a href="#incident-211011">11 Octobre 2021</a>.</p>
-            <p>Aucune intervention planifiée. Dernière intervention le <a href="#interv-211127">27 Novembre 2021</a>.</p>
+            <p>Aucune intervention planifiée. Dernière intervention le <a href="#interv-220130">30 Janvier 2022</a>.</p>
         </div>
     </div>
+
+<!--    <div class="ui vertical stripe segment interventions">-->
+<!--        <div class="ui text container">-->
+<!--            <h2>Interventions planifiées</h2>            -->
+<!--        </div>-->
+<!--    </div>-->
+
     <div class="ui vertical stripe segment interventions">
         <div class="ui text container">
             <h2>Incidents & interventions passés</h2>
 
+            <a name="interv-220130"></a>
+            <div class="ui raised segment">
+                <div class="ui clearing basic segment">
+                    <h4 class="ui left floated header">Coupure du réseau </h4>
+                    <h4 class="ui right floated header dimmed">le 30/01/2022</h4>
+                </div>
+                <div class="ui basic segment">
+                    <h4 class="ui header impact-important">Impact: interruption planifiée de 3 heures</h4>
+                    <p><strong>Intervention terminée</strong></p>
+                    <p>Une intervention sur l'infrastructure est planifiée pour le dimanche 30 Janvier 2022, elle commencera à 15h et devrait durer entre 1h et 3h.<br>Le but de cette intervention est d'activer l'<a href="https://fr.wikipedia.org/wiki/IPv6" target="_blank">IPv6</a> sur l'ensemble de l'infrastructure.<br>Des interruptions et/ou des ralentissements de l'accès aux services sont à prévoir pendant toute la durée de l'intervention.</p>
+                </div>
+            </div>
+
             <a name="interv-211127"></a>
             <div class="ui raised segment">
                 <div class="ui clearing basic segment">

services.php

@@ -101,6 +101,59 @@ $currentPage = $pages['services'];
             <div class="column">
                 <h3>Pour qui?</h3>
                 <p>Petites et moyennes entreprises, associations, administrations, groupes d'amis ou familiaux, équipes de développement, travailleurs indépendants</p>
+                <p><a href="mailto:contact@clawd.fr" title="Envoyer un mail" target="_blank" class="ui button primary big"><i class="icon envelope outline"></i> contact@clawd.fr</a></p>
+            </div>
+        </div>
+    </div>
+
+    <div class="ui vertical stripe segment">
+        <div class="ui middle aligned stackable grid container">
+            <div class="row">
+                <div class="column">
+                    <h2>Infogérance</h2>
+                    <p>Si vos besoins spécifiques exigent d'opérer votre propre infrastructure sans avoir recours à un service mutualisé, vous aurez besoin d'un administrateur système compétent et à l'écoute de vos problématiques précises. Je peux assurer l'infogérance de serveur(s) pour votre structure, que ces machines soient hébergées en interne ou par un fournisseur, tout en vous fournissant la documentation nécessaire pour informer vos équipes ou reprendre cette gestion en interne à tout moment. Vous profitez ainsi des avantages d'une infrastructure d'hébergement entièrement dédiée à votre activité, conçue avec vous pour être adaptée à vos besoins, évolutive dans le temps et sur laquelle vous avez la main à chaque étape de son cycle de vie.</p>
+                </div>
+            </div>
+        </div>
+        <div class="ui two column doubling stackable grid container">
+            <div class="column">
+                <h3>Pour quoi?</h3>
+                <ul class="list">
+                    <li>Rester maître de ses données et communications</li>
+                    <li>Exploiter sa propre infrastructure en externalisant sa gestion</li>
+                </ul>
+            </div>
+
+            <div class="column">
+                <h3>Pour qui?</h3>
+                <p>Petites et moyennes entreprises, associations, administrations, équipes de développement</p>
+                <p><a href="mailto:contact@clawd.fr" title="Envoyer un mail" target="_blank" class="ui button primary big"><i class="icon envelope outline"></i> contact@clawd.fr</a></p>
+            </div>
+        </div>
+    </div>
+
+    <div class="ui vertical stripe segment">
+        <div class="ui middle aligned stackable grid container">
+            <div class="row">
+                <div class="column">
+                    <h2>Accompagnement et conseil vers le libre</h2>
+                    <p>Si vous souhaitez vous orienter vers des outils libres dans votre utilisation quotidienne mais que vous ne savez pas par où commencer, je peux vous accompagner dans une transition douce adaptée à vos besoins et à votre échelle.</p>
+                </div>
+            </div>
+        </div>
+        <div class="ui two column doubling stackable grid container">
+            <div class="column">
+                <h3>Pour quoi?</h3>
+                <ul class="list">
+                    <li>Retrouver la maîtrise de ses outils numériques</li>
+                    <li>Sortir des plateformes centralisées et des outils numériques propriétaires</li>
+                </ul>
+            </div>
+
+            <div class="column">
+                <h3>Pour qui?</h3>
+                <p>Petites et moyennes entreprises, associations, administrations, groupes d'amis ou familiaux, équipes de développement, travailleurs indépendants</p>
+                <p><a href="mailto:contact@clawd.fr" title="Envoyer un mail" target="_blank" class="ui button primary big"><i class="icon envelope outline"></i> contact@clawd.fr</a></p>
             </div>
         </div>
     </div>
@@ -127,6 +180,7 @@ $currentPage = $pages['services'];
             <div class="column">
                 <h3>Pour qui?</h3>
                 <p>À l'heure actuelle seulement pour les enthousiastes qui n'ont pas froid aux yeux!</p>
+                <p><a href="mailto:contact@clawd.fr" title="Envoyer un mail" target="_blank" class="ui button primary big"><i class="icon envelope outline"></i> contact@clawd.fr</a></p>
             </div>
         </div>
     </div>

transparence.php

@@ -58,14 +58,19 @@ $currentPage = $pages['transparence'];
                     <h3>Matériel</h3>
                     <p>L'infrastructure d'hébergement est actuellement composée d'un seul serveur hébergé par la société <a href="https://www.hetzner.com/" target="_blank">Hetzner Online GmbH</a> dans son datacenter de Falkenstein en Allemagne (FSN1-DC1). Étant un <a href="https://fr.wikipedia.org/wiki/Serveur_d%C3%A9di%C3%A9" target="_blank">serveur dédié</a>, je suis le seul administrateur de cette machine.</p>
                     <p>Ce serveur est équipé d'un processeur Intel Xeon E3-1270V3 et utilise 4 disques durs de 10TB chacun, agrégés en un volume <a href="https://fr.wikipedia.org/wiki/RAID_(informatique)#RAID_10_(ou_RAID_1+0)" target="_blank">RAID10</a> (hardware) de 20TB et peut donc supporter sans perte de données la panne d'un disque dur, voire deux dans certains cas. La mémoire vive utilisée (32GB DDR3) est certifiée <a href="https://fr.wikipedia.org/wiki/M%C3%A9moire_%C3%A0_code_correcteur_d%27erreurs" target="_blank">ECC</a>. Cette machine ne dispose actuellement que d'un seul bloc d'alimentation et d'une seule interface réseau (Intel I210, 1Gbps).</p>
+                    <p>J'utilise également un NAS Synology à mon domicile pour y stocker une copie complète des sauvegardes quotidiennes cryptées.</p>
                 </div>
                 <div class="eight wide column">
                     <h3>Logiciel</h3>
                     <p>Le serveur utilise l'<a href="https://fr.wikipedia.org/wiki/Hyperviseur" target="_blank">hyperviseur</a> <a href="https://www.proxmox.com/en/" target="_blank">Proxmox</a> basé sur la distribution <a href="https://www.debian.org/" target="_blank">Debian</a>. Chaque client est hébergé sur un conteneur <a href="https://fr.wikipedia.org/wiki/LXC" target="_blank">LXC</a> sous Debian également. Côté sauvegarde c'est le logiciel <a href="https://www.borgbackup.org/" target="
-">borgbackup</a> qui est utilisé pour effectuer une sauvegarde complète de l'hyperviseur et des conteneurs clients chaque jour, ces sauvegardes sont ensuite chiffrées puis envoyées vers un serveur de stockage géré par <a href="https://www.borgbase.com/" target="_blank">BorgBase</a> en UE.</p>
+">borgbackup</a> qui est utilisé pour effectuer une sauvegarde complète de l'hyperviseur et des conteneurs clients chaque jour, ces sauvegardes sont ensuite chiffrées puis envoyées vers un serveur de stockage géré par <a href="https://www.borgbase.com/" target="_blank">BorgBase</a> dans un datacenter d'Hetzner en Finlande.</p>
                     <p>Les logiciels cités ici sont tous open-source, cependant le contrôleur RAID Hardware (Adaptec 8405 SGL) de ce serveur utilise un micro-logiciel dont je n'ai pas pu trouver les détails de licence ou le code source, je dois donc le considérer comme propriétaire et non libre.</p>
                 </div>
             </div>
+            <div class="sixteen wide column">
+                <h3>ÉNERGIE</h3>
+                <p>Les datacenters d'Hetzner en Allemagne utilisent exclusivement de l'énergie d'origine hydro-électrique, et en Finlande une combinaison de solaire et hydro-électrique.</p>
+            </div>
             <div class="sixteen wide column">
                 <h3>Interventions & incidents</h3>
                 <p>Vous pouvez consulter l'intégralité des interventions passées et à venir sur l'infrastructure sur la page dédiée: <?= pageLink($pages['interventions']) ?>.</p>
@@ -89,15 +94,15 @@ $currentPage = $pages['transparence'];
                         <li>Stockage des sauvegardes: 2TB ~128€/an; ~4.27€/TB/mois au delà</li>
                     </ul>
                     <p>Total environ 1930€ par an soit ~160€/mois</p>
-                    <p>Pour résumer, si la totalité des 20TB étaient tous loués pour 40€ par TB et par mois, je ferais un bénéfice mensuel net de 467€. Pas de quoi s'affoler, mais bien assez pour attaquer <a href="#objectifs" target="_self" title="Objectifs à moyen et long terme">la suite du plan</a>!</p>
+                    <p>Pour résumer, si la totalité des 20TB étaient tous loués pour 60€ par TB et par mois, je ferais un bénéfice mensuel net d'environ 770€. Pas de quoi s'affoler, mais bien assez pour attaquer <a href="#objectifs" target="_self" title="Objectifs à moyen et long terme">la suite du plan</a>!</p>
                 </div>
                 <div class="height wide column">
                     <h3>Temps de travail</h3>
                     <ul class="list">
-                        <li>Installation et configuration initiale de l'infrastructure: environ 30h</li>
+                        <li>Installation et configuration initiale de l'infrastructure: environ 40h</li>
                         <li>Installation simple d'un nouveau client: 1 à 2h</li>
                         <li>Maintenance et mises à jour: 4h pour l'infrastructure + 20 minutes par client, 2 à 4 fois par an</li>
-                        <li>Veille technique et sécurité: 1 à 4h par semaine</li>
+                        <li>Veille technique, maintenance et sécurité: 1 à 4 heures par jour, 2 à 4 jours par semaine</li>
                         <li>Vérification de l'état des sauvegardes: 10 minutes par client, une fois par mois</li>
                     </ul>
                 </div>