From f93060eae8777f4725f12cc8990906f447dc522f Mon Sep 17 00:00:00 2001 From: Adrien W Date: Mon, 4 Oct 2021 13:19:35 +0200 Subject: [PATCH] multiple updates, content moved around, added footer logo, improved menus --- .htaccess | 33 ++++++---- assets/style.css | 36 ++++++++--- cgu.php | 2 +- cgv.php | 2 +- includes/_assets.php | 24 +------- includes/_config.php | 15 +++-- includes/_footer.php | 13 ++-- includes/_menus.php | 19 +++--- index.php | 110 ++------------------------------- interventions.php | 2 +- mentionslegales.php | 2 +- solutions.php | 2 +- transparence.php | 141 +++++++++++++++++++++++++++++++++++++++++++ 13 files changed, 230 insertions(+), 171 deletions(-) create mode 100644 transparence.php diff --git a/.htaccess b/.htaccess index aeeb5e4..500a7fc 100644 --- a/.htaccess +++ b/.htaccess @@ -1,23 +1,32 @@ # Apache rules RewriteEngine On -RewriteRule ^index\.html$ /index.php [L] -RewriteRule ^cgu\.html$ /cgu.php [L] -RewriteRule ^cgv\.html$ /cgv.php [L] -RewriteRule ^interventions\.html$ /interventions.php [L] -RewriteRule ^solutions\.html$ /solutions.php [L] -RewriteRule ^mentionslegales\.html$ /mentionslegales.php [L] - +#RewriteRule ^/$ /index.php [L] +RewriteRule ^cgu$ /cgu.php [L] +RewriteRule ^cgv$ /cgv.php [L] +RewriteRule ^interventions$ /interventions.php [L] +RewriteRule ^solutions$ /solutions.php [L] +RewriteRule ^mentionslegales$ /mentionslegales.php [L] +RewriteRule ^transparence$ /transparence.php [L] # nginx rules -#location /index { -# rewrite ^/index\.html$ /index.php last; +#location / { +# rewrite ^/$ /index.php last; #} #location /cgu { -# rewrite ^/cgu\.html$ /cgu.php last; +# rewrite ^/cgu$ /cgu.php last; +#} +#location /cgv { +# rewrite ^/cgv$ /cgv.php last; #} #location /interventions { -# rewrite ^/interventions\.html$ /interventions.php last; +# rewrite ^/interventions$ /interventions.php last; #} #location /solutions { -# rewrite ^/solutions\.html$ /solutions.php last; +# rewrite ^/solutions$ /solutions.php last; +#} +#location /mentionslegales { +# rewrite ^/mentionslegales /mentionslegales.php last; +#} +#location /transparence { +# rewrite ^/transparence$ /transparence.php last; #} diff --git a/assets/style.css b/assets/style.css index 3efe274..dcd44f9 100644 --- a/assets/style.css +++ b/assets/style.css @@ -72,6 +72,10 @@ body { font-size: 1em; } +.clawd .ui.menu { + font-family: var(--textfont); +} + .clawd p a { color: var(--tartorange); text-decoration: none; @@ -166,12 +170,11 @@ h3.ui.horizontal.header.divider { font-family: var(--headingfont); } -#logo { - font-variant: normal; - font-family: var(--headingfont); - color: var(--logofront); - font-size: 7rem; - letter-spacing: 0; +.clawdlogo { + font-variant: normal !important; + font-family: var(--headingfont) !important; + color: var(--logofront) !important; + letter-spacing: 0 !important; text-shadow: -1px 1px 0 var(--logoshade), -2px 2px 0 var(--logoshade), -3px 3px 0 var(--logoshade), @@ -179,7 +182,22 @@ h3.ui.horizontal.header.divider { -5px 5px 0 var(--logoshade); } -#logo:hover { +.masthead.inverted h1.ui.header.clawdlogo { + font-size: 7em; +} + +.footer h1.ui.header.clawdlogo { + font-size: 5em; + margin-bottom: 0; +} + +.footer h3.ui.header { + font-size: 4em; + color: var(--cultured); + margin-top: 0; +} + +.clawdlogo:hover { } @@ -326,10 +344,10 @@ h3.ui.horizontal.header.divider { } .masthead h1.ui.header { font-size: 2em; - margin-top: 1.5em; + margin-top: .8em; } .masthead h2 { margin-top: 0.5em; - font-size: 1.5em; + font-size: 3em; } } diff --git a/cgu.php b/cgu.php index 29ab492..734d6a3 100644 --- a/cgu.php +++ b/cgu.php @@ -22,7 +22,7 @@ $currentPage = $pages['cgu'];
-

CLAWD.FR

+

CLAWD.FR

HÉBERGEUR ENGAGÉ

diff --git a/cgv.php b/cgv.php index 79f4ff0..48e8a24 100644 --- a/cgv.php +++ b/cgv.php @@ -22,7 +22,7 @@ $currentPage = $pages['cgv'];
-

CLAWD.FR

+

CLAWD.FR

HÉBERGEUR ENGAGÉ

diff --git a/includes/_assets.php b/includes/_assets.php index 791d3de..44da8f3 100644 --- a/includes/_assets.php +++ b/includes/_assets.php @@ -1,25 +1,5 @@ - - - - - - - - - - - - - - - - - - + - - - - + diff --git a/includes/_config.php b/includes/_config.php index 22bc4fd..e7a55df 100644 --- a/includes/_config.php +++ b/includes/_config.php @@ -1,4 +1,5 @@ Array( 'key' => 'index', @@ -41,17 +42,21 @@ $pages = Array( 'desc' => 'Page de Contact', ), 'mentions' => Array( - 'key' => 'mentions', + 'key' => 'mentionslegales', 'name' => 'Mentions Légales', 'desc' => 'Consulter les mentions légales du site', + ), + 'transparence' => Array( + 'key' => 'transparence', + 'name' => 'Transparence', + 'desc' => 'Découvrir mon activité en détails', ) ); $mainMenu = [ $pages['index'], + $pages['transparence'], $pages['solutions'], - $pages['cgu'], - $pages['cgv'], $pages['interventions'] ]; @@ -64,6 +69,8 @@ function pageLink(Array $p, Array $override=[]) { $active = $currentPage==$p? 'active ': ''; $anchor = isset($p['anchor'])? '#'.$p['anchor']: ''; + $key = $p['key']=='index'? '': $p['key']; + $url = '/'.$key.$anchor; - return ''.$p['name'].''; + return ''.$p['name'].''; } diff --git a/includes/_footer.php b/includes/_footer.php index dcf4bf6..ca33c8f 100644 --- a/includes/_footer.php +++ b/includes/_footer.php @@ -4,9 +4,11 @@

clawd.fr

- 'Infrastructure', 'anchor'=>'infrastructure']) ?> - 'Transparence', 'anchor'=>'transparence']) ?> - État des services +
@@ -15,11 +17,12 @@ + État des services
- - +

CLAWD.FR

+

Hébergeur engagé

diff --git a/includes/_menus.php b/includes/_menus.php index e325698..c4f7d7a 100644 --- a/includes/_menus.php +++ b/includes/_menus.php @@ -1,24 +1,25 @@
- '.$item['name'].''; + echo ' '.pageLink($item)."\r\n"; } - ?> +?> + + + + État des services
diff --git a/index.php b/index.php index 0f8f29b..d2d6e3b 100644 --- a/index.php +++ b/index.php @@ -22,7 +22,7 @@ $currentPage = $pages['index'];
-

CLAWD.FR

+

CLAWD.FR

HÉBERGEUR ENGAGÉ

Vous avez des besoins en stockage de fichiers en ligne?
Vous voulez sortir des griffes des GAFAM sans vous ruiner?
Vous êtes au bon endroit, laissez-vous guider!
@@ -32,22 +32,22 @@ $currentPage = $pages['index'];

Hébergeur

-

Je propose actuellement de 'l\'hébergement Nextcloud entre autres solutions')) ?>, à destination des particuliers, associations, TPE/PME et autres structures à taille humaine. Mon objectif premier est de rendre à l'utilisateur final la souveraineté de ses données.

+

Je propose actuellement des solutions 'd\'hébergement Nextcloud')) ?>, à destination des particuliers, associations, TPE/PME et autres structures à taille humaine. Mon objectif premier est de rendre à l'utilisateur final la souveraineté de ses données.

Concrètement, cela signifie que j'utilise exclusivement des logiciels open-source, qui garantissent à mes clients l'interopérabilité et la portabilité de leurs données.

Engagé

À l'heure où les GAFAM font tout pour retenir captifs les internautes sur leurs plate-formes, je pense qu'il est impératif de remettre l'usager et ses besoins au centre du débat.

-

Mon infrastructure est entièrement basée sur des technologies open-source, toutes les demandes de mes clients sont gérées non pas par des robots mais par moi-même, un être humain, et mes tarifs sont libres.

+

Mon 'infrastructure', 'anchor'=>'infrastructure']) ?> est entièrement basée sur des technologies open-source, toutes les demandes de mes clients sont gérées non pas par des robots mais par moi-même, un être humain, et mes tarifs sont libres.

À prix libre

Oui, vous avez bien lu! Je pense que si vous me faites assez confiance pour prendre soin de vos données, je me dois de vous rendre la pareille en vous laissant juger de la valeur du service fourni.

-

Évidemment, j'ai moi aussi des factures à payer, je souhaite donc pouvoir tirer un bénéfice de mon activité. Ainsi, afin de vous permettre de prendre une décision éduquée quant au prix que vous voulez payer, je mets un point d'honneur à être aussi transparent que possible sur mes frais fixes.

+

Évidemment, j'ai moi aussi des factures à payer, je souhaite donc pouvoir tirer un bénéfice de mon activité. Ainsi, afin de vous permettre de prendre une décision éduquée quant au prix que vous voulez payer, je mets un point d'honneur à être aussi 'transparent']) ?> que possible sur mes frais fixes.

Transparent

-

La transparence est indispensable à la confiance qui doit régner entre mes clients et moi. Tous les 'frais', 'anchor'=>'transparence']) ?> liés à l'infrastructure d'hébergement sont publics, de même que les 'logiciels utilisés', 'anchor'=>'infrastructure']) ?>, les 'interventions techniques']) ?>, la 'localisation', 'anchor'=>'infrastructure']) ?> des serveurs, et toute autre information que vous pourriez me demander et qui ne met pas en péril la sécurité de l'infrastructure ou des données hébergées.

+

La transparence est indispensable à la confiance qui doit régner entre mes clients et moi. Tous les 'frais', 'anchor'=>'frais']) ?> liés à l'infrastructure d'hébergement sont publics, de même que les 'logiciels utilisés', 'anchor'=>'infrastructure']) ?>, les 'interventions techniques']) ?>, la 'localisation', 'anchor'=>'infrastructure']) ?> des serveurs, et toute autre information que vous pourriez me demander et qui ne met pas en péril la sécurité de l'infrastructure ou des données hébergées.

J'ai également pris soin de rédiger les & pour qu'elles soient lisibles et intelligibles par tous, afin que chacun puisse enfin les accepter en pleine conscience!

@@ -70,106 +70,6 @@ $currentPage = $pages['index']; - -
-
-
-
-

Une structure à taille humaine

-

L'entreprise qui soutient mon activité suit le régime de la micro-entreprise. Je suis seul à gérer l'administration technique de l'infrastructure et la relation client.

-

Vous profitez d'une relation directe et franche avec une personne réelle et impliquée, j'étudie toutes les demandes et problématiques particulières, et si c'est possible pour chacun, je préfère toujours rencontrer en personne mes clients potentiels. Tout ceci demande du temps, un solide bagage technique et une veille permanente, que je suis heureux de proposer à mes clients.

-

L'autre côté de la pièce est assez évident: sans moi, plus personne aux commandes. Mon infrastructure se veut redondante, pas moi. À ce jour la solution envisagée à ce problème passe par un partenariat avec un autre hébegeur du même type: quelqu'un qui partagerait les mêmes valeurs et avec qui je passerais un accord qui autoriserait légalement et techniquement chacun à reprendre le flambeau de l'autre en cas d'accident grave. Les recherches sont en cours de ce côté et des pistes s'esquissent déjà, plus d'informations à ce sujet en temps utiles.

-
-
-
-
- - -
-
-
-
-

Infrastructure technique

-
-
-

Matériel

-

L'infrastructure d'hébergement est actuellement composée d'un seul serveur hébergé par la société Hetzner Online GmbH dans son datacenter de Falkenstein en Allemagne (FSN1-DC1). Étant un serveur dédié, je suis le seul administrateur de cette machine.

-

Ce serveur utilise 4 disques durs de 10TB chacun, agrégés en un volume RAID10 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 ECC. Cette machine ne dispose actuellement que d'un seul bloc d'alimentation et d'une seule interface réseau (1Gbps).

-
-
-

Logiciel

-

Le serveur utilise l'hyperviseur Proxmox basé sur la distribution Debian. Chaque client est hébergé sur un conteneur LXC sous Debian également. Côté sauvegarde c'est le logiciel borgbackup 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 BorgBase en Europe.

-
-
-
-
- - -
-
-
-
-

Transparence

-

Coût de l'infrastructure

-
-
-

Locations et licences

-
    -
  • Serveur: 140€/mois
    • -
  • Licence Proxmox "Community": 90€/an
    • -
  • Noms de domaine (clawd.fr & clawd.net): 30€/an
    • -
  • Stockage des sauvegardes: 2TB ~128€/an; ~4.27€/TB/mois au delà
    • -
-

Total environ 1930€ par an soit ~160€/mois

-

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 la suite du plan!

-
-
-

Temps de travail

-
    -
  • Installation et configuration initiale de l'infrastructure: environ 30h
    • -
  • Installation simple d'un nouveau client: 1 à 2h
    • -
  • Maintenance et mises à jour: 4h pour l'infrastructure + 20 minutes par client, 2 à 4 fois par an
    • -
  • Veille technique et sécurité: 1 à 4h par semaine
    • -
  • Vérification de l'état des sauvegardes: 10 minutes par client, une fois par mois
    • -
-
-
-

Interventions

-

Vous pouvez consulter l'intégralité des interventions passées et à venir sur l'infrastructure sur la page dédiée: .

-
-
-
-
- - -
-
-
-
-

Objectifs à moyen et long terme

-
-
-

Infrastructure multi-sites

-

Actuellement l'infrastructure d'hébergement est assez robuste pour accueillir de nombreux clients, cependant une panne majeure du serveur, un incident grave dans le datacenter ou un piratage ciblé pourraient perturber voire interrompre les services. Les sauvegardes sont là pour ça et me permettraient de rétablir les services assez rapidement (quelques heures à quelque jours selon la gravité du problème).
- Il existe cependant des moyens techniques de se prémunir des pannes les plus courantes. Le premier stade consiste à multiplier les serveurs en les répartissant sur des zones géographiques différentes. Avec plusieurs serveurs il est possible de faire basculer automatiquement les clients d'un serveur à un autre en cas de panne de l'un d'eux. En fonctionnement normal celà permet aussi de répartir la charge sur plusieurs machines et ainsi d'améliorer la qualité de service.
- Ce type d'infrastructure n'est pas difficile à mettre en place, la principale difficulté reste financière, aussi je ne pourrai m'engager dans cette voie que lorsque j'aurai assez de clients pour soutenir une telle charge.

-
-
-

Garantie de service

-

Un des objectifs à moyen terme et de pouvoir garantir à mes clients par engagement contractuel une disponibilité des services de 99.9%. Dans les faits cette disponibilité est déjà théoriquement assurée, mais il suffirait d'une panne majeure sur le serveur pour mettre à mal cette statistique.

-

Garantie de continuité

-

Étant au commencement de cette activité, je ne peux garantir sa perrennité au delà de quelques mois. Avec une base de clients suffisante je pourrai garantir une continuité de service plus longue même en cas d'arrêt planifié de l'activité.

-
-
-
-
-

Ces évolutions se traduiront, lorsqu'elles seront implémentées, par une modification des pour refléter les engagements pris de mon côté vis-à-vis de mes clients présents et futurs sans impact sur les leurs ou les tarifs qui resteront libres.

-
-
-
-
- diff --git a/interventions.php b/interventions.php index 677403f..1b4883d 100644 --- a/interventions.php +++ b/interventions.php @@ -22,7 +22,7 @@ $currentPage = $pages['interventions'];
-

CLAWD.FR

+

CLAWD.FR

HÉBERGEUR ENGAGÉ

diff --git a/mentionslegales.php b/mentionslegales.php index 165dd6b..6791d35 100644 --- a/mentionslegales.php +++ b/mentionslegales.php @@ -22,7 +22,7 @@ $currentPage = $pages['mentions'];
-

CLAWD.FR

+

CLAWD.FR

HÉBERGEUR ENGAGÉ

diff --git a/solutions.php b/solutions.php index 5b6fdf6..9697ee8 100644 --- a/solutions.php +++ b/solutions.php @@ -22,7 +22,7 @@ $currentPage = $pages['solutions'];
-

CLAWD.FR

+

CLAWD.FR

HÉBERGEUR ENGAGÉ

diff --git a/transparence.php b/transparence.php new file mode 100644 index 0000000..138d420 --- /dev/null +++ b/transparence.php @@ -0,0 +1,141 @@ + + + + + + clawd.fr - Hébergeur engagé + + + + + + + + +
+
+ + + +
+

CLAWD.FR

+

HÉBERGEUR ENGAGÉ

+
+ +
+ +
+

TRANSPARENCE

+
+ + +
+
+
+
+

Une structure à taille humaine

+

L'entreprise qui soutient mon activité suit le régime de la micro-entreprise. Je suis seul à gérer l'administration technique de l'infrastructure et la relation client.

+

Vous profitez d'une relation directe et franche avec une personne réelle et impliquée, j'étudie toutes les demandes et problématiques particulières, et si c'est possible pour chacun, je préfère toujours rencontrer en personne mes clients potentiels. Tout ceci demande du temps, un solide bagage technique et une veille permanente, que je suis heureux de proposer à mes clients.

+

L'autre côté de la pièce est assez évident: sans moi, plus personne aux commandes. Mon infrastructure se veut redondante, pas moi. À ce jour la solution envisagée à ce problème passe par un partenariat avec un autre hébegeur du même type: quelqu'un qui partagerait les mêmes valeurs et avec qui je passerais un accord qui autoriserait légalement et techniquement chacun à reprendre le flambeau de l'autre en cas d'accident grave. Les recherches sont en cours de ce côté et des pistes s'esquissent déjà, plus d'informations à ce sujet en temps utiles.

+
+
+
+
+ + +
+
+
+
+

Infrastructure technique

+
+
+

Matériel

+

L'infrastructure d'hébergement est actuellement composée d'un seul serveur hébergé par la société Hetzner Online GmbH dans son datacenter de Falkenstein en Allemagne (FSN1-DC1). Étant un serveur dédié, je suis le seul administrateur de cette machine.

+

Ce serveur utilise 4 disques durs de 10TB chacun, agrégés en un volume RAID10 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 ECC. Cette machine ne dispose actuellement que d'un seul bloc d'alimentation et d'une seule interface réseau (1Gbps).

+
+
+

Logiciel

+

Le serveur utilise l'hyperviseur Proxmox basé sur la distribution Debian. Chaque client est hébergé sur un conteneur LXC sous Debian également. Côté sauvegarde c'est le logiciel borgbackup 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 BorgBase en Europe.

+
+
+
+

Interventions

+

Vous pouvez consulter l'intégralité des interventions passées et à venir sur l'infrastructure sur la page dédiée: .

+
+
+
+ + +
+
+
+
+

Coût de l'infrastructure

+
+
+

Locations et licences

+
    +
  • Serveur: 140€/mois
    • +
  • Licence Proxmox "Community": 90€/an
    • +
  • Noms de domaine (clawd.fr & clawd.net): 30€/an
    • +
  • Stockage des sauvegardes: 2TB ~128€/an; ~4.27€/TB/mois au delà
    • +
+

Total environ 1930€ par an soit ~160€/mois

+

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 la suite du plan!

+
+
+

Temps de travail

+
    +
  • Installation et configuration initiale de l'infrastructure: environ 30h
    • +
  • Installation simple d'un nouveau client: 1 à 2h
    • +
  • Maintenance et mises à jour: 4h pour l'infrastructure + 20 minutes par client, 2 à 4 fois par an
    • +
  • Veille technique et sécurité: 1 à 4h par semaine
    • +
  • Vérification de l'état des sauvegardes: 10 minutes par client, une fois par mois
    • +
+
+
+
+
+ + +
+
+
+
+
+

Objectifs à moyen et long terme

+
+

Ces évolutions se traduiront, lorsqu'elles seront implémentées, par une modification des pour refléter les engagements pris de mon côté vis-à-vis de mes clients présents et futurs sans impact sur les leurs ou les tarifs qui resteront libres.

+
+
+
+ +
+

Infrastructure multi-sites

+

Actuellement l'infrastructure d'hébergement est assez robuste pour accueillir de nombreux clients, cependant une panne majeure du serveur, un incident grave dans le datacenter ou un piratage ciblé pourraient perturber voire interrompre les services. Les sauvegardes sont là pour ça et me permettraient de rétablir les services assez rapidement (quelques heures à quelque jours selon la gravité du problème).
+ Il existe cependant des moyens techniques de se prémunir des pannes les plus courantes. Le premier stade consiste à multiplier les serveurs en les répartissant sur des zones géographiques différentes. Avec plusieurs serveurs il est possible de faire basculer automatiquement les clients d'un serveur à un autre en cas de panne de l'un d'eux. En fonctionnement normal celà permet aussi de répartir la charge sur plusieurs machines et ainsi d'améliorer la qualité de service.
+ Ce type d'infrastructure n'est pas difficile à mettre en place, la principale difficulté reste financière, aussi je ne pourrai m'engager dans cette voie que lorsque j'aurai assez de clients pour soutenir une telle charge.

+
+
+

Garantie de disponibilité

+

Un des objectifs à moyen terme et de pouvoir garantir à mes clients par engagement contractuel une disponibilité des services de 99.9%.

+

Garantie de continuité

+

Étant au commencement de cette activité, je ne peux garantir sa perrennité au delà de quelques mois. Avec une base de clients suffisante je pourrai garantir une continuité de service plus longue même en cas d'arrêt planifié de l'activité.

+
+
+ +
+
+ + +
+ + + +