Update on wording
This commit is contained in:
2
cgu.php
2
cgu.php
@@ -24,7 +24,7 @@ $currentPage = $pages['cgu'];
|
||||
|
||||
<div class="ui text container">
|
||||
<h1 class="ui header clawdlogo">CLAWD.FR</h1>
|
||||
<h2>HÉBERGEUR ENGAGÉ</h2>
|
||||
<h2>HÉBERGEUR WEB <br>INDÉPENDANT ET HUMAIN</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
2
cgv.php
2
cgv.php
@@ -24,7 +24,7 @@ $currentPage = $pages['cgv'];
|
||||
|
||||
<div class="ui text container">
|
||||
<h1 class="ui header clawdlogo">CLAWD.FR</h1>
|
||||
<h2>HÉBERGEUR ENGAGÉ</h2>
|
||||
<h2>HÉBERGEUR WEB <br>INDÉPENDANT ET HUMAIN</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -24,7 +24,7 @@ $currentPage = $pages['clients'];
|
||||
|
||||
<div class="ui text container">
|
||||
<h1 class="ui header clawdlogo">CLAWD.FR</h1>
|
||||
<h2>HÉBERGEUR ENGAGÉ</h2>
|
||||
<h2>HÉBERGEUR WEB <br>INDÉPENDANT ET HUMAIN</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -42,7 +42,6 @@ $currentPage = $pages['clients'];
|
||||
<li style="list-style-type: none"><h5>Webmail: <a href="https://webmail.clawd.fr/" target="_blank">webmail.clawd.fr</a></h5></li>
|
||||
<li style="list-style-type: none"><h5>Administration web/mail: <a href="https://ispc.atreides.pool.clawd.net/" target="_blank">ISPConfig</a></h5></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
119
faq.php
119
faq.php
@@ -24,7 +24,7 @@ $currentPage = $pages['faq'];
|
||||
|
||||
<div class="ui text container">
|
||||
<h1 class="ui header clawdlogo">CLAWD.FR</h1>
|
||||
<h2>HÉBERGEUR ENGAGÉ</h2>
|
||||
<h2>HÉBERGEUR WEB <br>INDÉPENDANT ET HUMAIN</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -33,6 +33,26 @@ $currentPage = $pages['faq'];
|
||||
<h1>QUESTIONS FRÉQUENTES</h1>
|
||||
</div>
|
||||
|
||||
<a name="localisation"></a>
|
||||
<div class="ui vertical stripe segment">
|
||||
<div class="ui middle aligned grid container">
|
||||
<div class="row">
|
||||
<h3 class="">Où sont hébergées les données?</h3>
|
||||
<p>Comme indiqué sur la page <?= pageLink($pages['transparence']) ?> les serveurs et les données sont hébergées en Allemagne et les sauvegardes en Finlande.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a name="quitter"></a>
|
||||
<div class="ui vertical stripe segment">
|
||||
<div class="ui middle aligned grid container">
|
||||
<div class="row">
|
||||
<h3 class="">Puis-je quitter le service facilement?</h3>
|
||||
<p>Bien sûr! Aucun engagement de durée n'est imposé sur mes services d'hébergement. L'utilisation de logiciels open-source garantit la portabilité de vos données, ce qui signifie que vous pouvez les récupérer n'importe quand, sans aucun blocage technique.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a name="rgpd"></a>
|
||||
<div class="ui vertical stripe segment">
|
||||
<div class="ui middle aligned grid container">
|
||||
@@ -49,8 +69,25 @@ $currentPage = $pages['faq'];
|
||||
<div class="ui middle aligned grid container">
|
||||
<div class="row">
|
||||
<h3 class="">Pourquoi un hébergeur aussi petit?</h3>
|
||||
<p><strong>Parce que c'est le principe même d'internet!</strong><br>Le réseau des réseaux et aujourd'hui largement dominé par des grands groupes aux plateformes tentaculaires, ultra-centralisées. Mais l'un des principes fondateurs d'internet est à l'inverse la multiplication des "noeuds": plus il existe de points et de liens entre eux, plus il devient difficile de faire tomber le réseau tout entier et donc de faire taire ses utilisateurs.</p>
|
||||
<p>Il suffit pour illustrer l'importance de ce principe de rappeller la dernière panne globale de facebook pendant seulement 5 heures et qui a pourtant provoqué plus d'une crise de panique parmi ses utilisateurs.</p>
|
||||
<p>
|
||||
<strong>Parce que la diversité est une force.</strong><br>
|
||||
Internet repose historiquement sur une multitude d’acteurs interconnectés,
|
||||
plutôt que sur quelques plateformes centralisées.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Cette diversité rend le réseau plus résilient,
|
||||
limite les points de défaillance uniques
|
||||
et réduit les risques liés à une dépendance excessive
|
||||
envers un seul fournisseur.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Les pannes globales affectant des services très centralisés
|
||||
rappellent régulièrement les limites de ces modèles.
|
||||
Un hébergeur à taille humaine permet une approche plus distribuée,
|
||||
plus souple, et souvent plus fiable à l’échelle des usages réels.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -60,9 +97,28 @@ $currentPage = $pages['faq'];
|
||||
<div class="ui middle aligned grid container">
|
||||
<div class="row">
|
||||
<h3 class="">Pourquoi n'utiliser que de l'open-source?</h3>
|
||||
<p>L'accès libre au code source d'une application garanti une forme de validation permanente par la communauté. Toute dérive ou modification qui irait dans un sens néfaste pour le projet serait repérée immédiatement et ne serait pas acceptée. </p>
|
||||
<p>L'open-source c'est avant tout des communautés multiples qui partagent l'objectif de produre des logiciels ouverts, fiables, et vérifiables. Il est évident que je ne suis pas capable de lire et comprendre tout le code source de la totalité des logiciels que j'utilise, mais je sais que je peux faire confiance aux communautés qui les développent.</p>
|
||||
<p>Il y a bien sûr parfois des prises de position ou des choix qui ne plaisent pas à tous, ce qui est inévitable dans n'importe quelle communauté, mais ils sont alors clairement affichés et les utilisateurs savent à quoi s'attendre. Avec un logiciel dont on ne peut pas consulter le code source, on ne sait jamais vraiment ce qui se passe derrière le rideau, alors tant que j'ai le choix: je choisis la transparence.</p>
|
||||
<p>
|
||||
L’accès au code source d’un logiciel permet un contrôle permanent
|
||||
par les communautés qui le développent et l’utilisent.
|
||||
Les choix techniques et les évolutions sont visibles,
|
||||
discutables et vérifiables.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
L’open-source repose sur des communautés diverses
|
||||
qui partagent un objectif commun :
|
||||
produire des logiciels fiables, durables et auditables.
|
||||
Même si je ne peux pas analyser chaque ligne de code,
|
||||
je peux m’appuyer sur ces communautés et leur expertise collective.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Les désaccords ou orientations discutables sont généralement
|
||||
rendus publics et débattus.
|
||||
À l’inverse, avec un logiciel propriétaire,
|
||||
il est impossible de savoir précisément ce qui se passe en arrière-plan.
|
||||
Lorsque le choix existe, je privilégie donc la transparence.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -72,9 +128,33 @@ $currentPage = $pages['faq'];
|
||||
<div class="ui middle aligned grid container">
|
||||
<div class="row">
|
||||
<h3 class="">Et mon nom de domaine dans tout ça?</h3>
|
||||
<p>Pour chaque offre d'hébergement (hors Nextcloud mutualisé), vous avez la possibilité d'utiliser votre propre nom de domaine: pour l'adresse de votre site, ou la deuxième moitié de votre adresse@mail.com. Ce nom de domaine doit être loué chez un "Registrar" type Gandi ou OVH, et coûte environ 20€ par an pour un ".fr" (le tarif exact dépend du fournisseur et de l'extension choisie).</p>
|
||||
<p>Utiliser un nom de domaine dont vous êtes propriétaire est particulièrement important pour un site mais aussi pour vos boîtes mail, et ce pour plusieurs raisons. D'abord pour votre site c'est la garantie de conserver votre référencement si vous changer d'hébergeur. Pour vos boîtes mails il en va de même: en cas de changement d'hébergeur, vous conserverez vos adresses et courriers.</p>
|
||||
<p>En tant que petit hébergeur, je n'ai pas la possibilité de proposer des noms de domaine à la location, c'est réservé à des entreprises de taille plus élevée, à ma connaissance aucun membre du CHATONS ne propose ce service. Je peux en revanche en assurer la gestion technique pour vous, si nécessaire.</p>
|
||||
<p>
|
||||
Pour chaque offre d’hébergement (hors Nextcloud mutualisé),
|
||||
vous pouvez utiliser votre propre nom de domaine,
|
||||
que ce soit pour l’adresse de votre site
|
||||
ou pour vos adresses email.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Le nom de domaine doit être acheté auprès d’un registrar
|
||||
(comme Gandi ou OVH).
|
||||
Pour un domaine en « .fr », le coût est généralement
|
||||
d’environ 20 € par an, selon le fournisseur et l’extension choisie.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Être propriétaire de son nom de domaine est essentiel.
|
||||
Cela vous permet de conserver votre référencement
|
||||
et vos adresses email en cas de changement d’hébergeur,
|
||||
sans rupture ni perte de données.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
En tant qu’hébergeur indépendant,
|
||||
je ne propose pas la vente de noms de domaine.
|
||||
En revanche, je peux en assurer la gestion technique pour vous,
|
||||
si vous le souhaitez.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -86,14 +166,21 @@ $currentPage = $pages['faq'];
|
||||
<h3 class="">Comment se déroule l'installation d'un nouveau client?</h3>
|
||||
<p>Lorsqu'un client souscrit un contrat pour un VPS le déploiement se passe ainsi, dans l'ordre:</p>
|
||||
<ul>
|
||||
<li>Création du VPS "vierge" selon un modèle pré-configuré sur Proxmox.</li>
|
||||
<li>Configuration du nouveau VPS: attribution de l'espace de stockage et des adresses IP sur le réseau interne, routage, procédures de backup et de monitoring, entre autres.</li>
|
||||
<li>Création des entrées DNS IPv4 et IPv6 par défaut (chaque VPS est livré avec un <a href="https://fr.wikipedia.org/wiki/Fully_qualified_domain_name" target="_blank">FQDN</a> dédié).</li>
|
||||
<li>Première sauvegarde et restauration pour confirmer que tout est fonctionnel.</li>
|
||||
<li>Création des accès client à l'hyperviseur Proxmox (pour l'accès KVM, la gestion des sauvegardes et du firewall) et au monitoring.</li>
|
||||
<li>Livraison au client de son nouveau VPS et de mon numéro de téléphone en cas de besoin.</li>
|
||||
<li>Création d’un VPS vierge à partir d’un modèle préconfiguré sur Proxmox.</li>
|
||||
<li>Configuration du serveur : stockage, réseau interne, routage, sauvegardes et supervision.</li>
|
||||
<li>Création des entrées DNS IPv4 et IPv6 par défaut (chaque VPS dispose d’un FQDN dédié).</li>
|
||||
<li>Réalisation d’une première sauvegarde et restauration de test pour validation.</li>
|
||||
<li>Création des accès client à l’hyperviseur Proxmox (KVM, sauvegardes, pare-feu) et au monitoring.</li>
|
||||
<li>Livraison du VPS au client, accompagnée de mes coordonnées pour toute question ou besoin.</li>
|
||||
</ul>
|
||||
<p>Pour les clients web et mail, les opérations sont un peu différentes et consistent essentiellement à créer des accès et configurer l'infrastructure pour accueillir un nouveau nom de domaine. Pour des comptes Nextcloud sur l'instance mutualisée c'est encore plus simple puisqu'il s'agit simplement d'y créer un compte par nouvel utilisateur.</p>
|
||||
<p>
|
||||
Pour les services web et mail,
|
||||
les opérations consistent principalement
|
||||
à créer les accès nécessaires
|
||||
et à configurer l’infrastructure pour le nouveau nom de domaine.
|
||||
Pour les comptes Nextcloud mutualisés,
|
||||
il s’agit simplement de créer un compte utilisateur.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -103,7 +103,7 @@ function pageLink(array $p, array $override = []): string
|
||||
|
||||
return '<a class="' .
|
||||
implode(" ", $css) .
|
||||
'" href="https://clawd.fr' .
|
||||
'" href="' .
|
||||
$url .
|
||||
'" target="_self" title="' .
|
||||
$p["desc"] .
|
||||
|
||||
114
index.php
114
index.php
@@ -24,8 +24,8 @@ $currentPage = $pages['index'];
|
||||
|
||||
<div class="ui container">
|
||||
<h1 class="ui header clawdlogo">CLAWD.FR</h1>
|
||||
<h2>HÉBERGEUR ENGAGÉ</h2>
|
||||
<span class="intro">Vous avez des besoins d'outils en ligne?<br>Vous voulez sortir des griffes des GAFAM et retrouver la maîtrise de vos données?<br>Vous êtes au bon endroit, laissez-vous guider!</span>
|
||||
<h2>HÉBERGEUR WEB <br>INDÉPENDANT ET HUMAIN</h2>
|
||||
<span class="intro">Hébergement web, cloud et email: des outils adaptés, gérés par une vraie personne.</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -33,23 +33,69 @@ $currentPage = $pages['index'];
|
||||
<div class="ui four column doubling stackable grid container">
|
||||
<div class="column">
|
||||
<h2>Hébergeur</h2>
|
||||
<p>Je propose des solutions d'hébergement <?= pageLink($pages['services'], array('name'=>'Nextcloud', 'anchor'=>'nextcloud')) ?>, <?= pageLink($pages['services'], array('name'=>'Web', 'anchor'=>'web')) ?>, <?= pageLink($pages['services'], array('name'=>'Mail', 'anchor'=>'mail')) ?>, et <?= pageLink($pages['services'], array('name'=>'VPS', 'anchor'=>'vps')) ?>. Mon objectif premier est de rendre à l'utilisateur final la <strong>souveraineté de ses données</strong>.</p>
|
||||
<p>Concrètement, cela signifie que j'utilise exclusivement des logiciels open-source, qui garantissent à mes clients <strong>l'interopérabilité et la portabilité</strong> de leurs données.</p>
|
||||
<p>
|
||||
Clawd est un hébergeur indépendant proposant des solutions d'hébergement
|
||||
<?= pageLink($pages['services'], array('name'=>'Nextcloud', 'anchor'=>'nextcloud')) ?>,
|
||||
<?= pageLink($pages['services'], array('name'=>'Web', 'anchor'=>'web')) ?>,
|
||||
<?= pageLink($pages['services'], array('name'=>'Mail', 'anchor'=>'mail')) ?> et
|
||||
<?= pageLink($pages['services'], array('name'=>'VPS', 'anchor'=>'vps')) ?>,
|
||||
avec maintenance, sauvegardes et support humain inclus.
|
||||
Des outils sur-mesure conçus pour être simples à utiliser et fiables dans le temps.
|
||||
</p>
|
||||
<p>
|
||||
Je prends en charge la configuration, la maintenance et le suivi technique,
|
||||
afin que vous puissiez utiliser vos outils sans avoir à vous soucier de leur fonctionnement.
|
||||
Vous restez maître de vos données, sans dépendre d’une plateforme opaque.
|
||||
</p>
|
||||
<p></p>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h2>Engagé</h2>
|
||||
<p>À l'heure où les GAFAM font tout pour retenir captifs les internautes sur leurs plate-formes, je pense qu'il est impératif de <strong>remettre l'usager et ses besoins au centre du débat</strong>.</p>
|
||||
<p>Mon <?= pageLink($pages['transparence'], ['name'=>'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.</p>
|
||||
<p>
|
||||
Aujourd’hui, de nombreuses solutions en ligne privilégient la captation des utilisateurs
|
||||
au détriment de la clarté, de la simplicité et du respect des besoins réels.
|
||||
</p>
|
||||
<p>
|
||||
Mon <?= pageLink($pages['transparence'], ['name'=>'infrastructure', 'anchor'=>'infrastructure']) ?>
|
||||
repose sur des technologies open-source,
|
||||
les demandes sont traitées par un humain et non par des robots,
|
||||
et les choix techniques sont guidés par la recherche de solutions durables et compréhensibles.
|
||||
</p>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h2>À prix libre</h2>
|
||||
<p>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.</p>
|
||||
<p>É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 <strong>une décision éduquée</strong> quant au prix que vous voulez payer, je mets un point d'honneur à être <strong>aussi <?= pageLink($pages['transparence'], ['name'=>'transparent']) ?> que possible</strong> et je vous propose un <?= pageLink($pages['tarifs'], ['name'=>'calculateur']) ?> de tarif pour estimer au mieux vos mensualités.</p>
|
||||
<p>
|
||||
Le prix libre repose sur une relation de confiance.
|
||||
Si vous me confiez vos données et vos outils,
|
||||
je vous laisse évaluer la valeur du service rendu.
|
||||
</p>
|
||||
<p>
|
||||
Afin de vous permettre de prendre une
|
||||
<strong>décision éclairée</strong>,
|
||||
je mets un point d’honneur à être
|
||||
<strong>aussi <?= pageLink($pages['transparence'], ['name'=>'transparent']) ?> que possible</strong>
|
||||
sur les coûts réels,
|
||||
et je mets à disposition un
|
||||
<?= pageLink($pages['tarifs'], ['name'=>'calculateur']) ?>
|
||||
pour estimer vos mensualités.
|
||||
</p>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h2>Transparent</h2>
|
||||
<p>La transparence est indispensable à la confiance qui doit régner entre mes clients et moi. Tous les <?= pageLink($pages['transparence'], ['name'=>'frais', 'anchor'=>'frais']) ?> liés à l'infrastructure d'hébergement sont publics, de même que les <?= pageLink($pages['transparence'], ['name'=>'logiciels utilisés', 'anchor'=>'infrastructure']) ?>, les <?= pageLink($pages['interventions'], ['name'=>'interventions techniques']) ?>, la <?= pageLink($pages['transparence'], ['name'=>'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.</p>
|
||||
<p>J'ai également pris soin de rédiger les <?= pageLink($pages['cgu']) ?> & <?= pageLink($pages['cgv']) ?> pour qu'elles soient <strong>lisibles et intelligibles par tous</strong>, afin que chacun puisse enfin les accepter en pleine conscience!</p>
|
||||
<p>
|
||||
La transparence est essentielle à une relation de confiance durable.
|
||||
Les <?= pageLink($pages['transparence'], ['name'=>'frais', 'anchor'=>'frais']) ?>
|
||||
liés à l’hébergement sont publics,
|
||||
tout comme les <?= pageLink($pages['transparence'], ['name'=>'logiciels utilisés', 'anchor'=>'infrastructure']) ?>,
|
||||
les <?= pageLink($pages['interventions'], ['name'=>'interventions techniques']) ?>,
|
||||
et la <?= pageLink($pages['transparence'], ['name'=>'localisation', 'anchor'=>'infrastructure']) ?> des serveurs.
|
||||
</p>
|
||||
<p>
|
||||
Les <?= pageLink($pages['cgu']) ?> et <?= pageLink($pages['cgv']) ?>
|
||||
ont été rédigées pour être
|
||||
<strong>claires et compréhensibles</strong>,
|
||||
afin que chacun puisse s’engager en toute connaissance de cause.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -58,20 +104,56 @@ $currentPage = $pages['index'];
|
||||
<div class="row">
|
||||
<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 Lozère; 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 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>
|
||||
<p>
|
||||
Vous vous demandez peut-être qui est ce « je ».
|
||||
Je m’appelle Adrien Weiskopff, je vis aujourd’hui en Haute-Loire,
|
||||
et je suis seul à bord de cette activité.
|
||||
</p>
|
||||
<p>
|
||||
Né en 1987, je me suis très tôt intéressé à l’informatique et au web.
|
||||
Autodidacte par passion puis formé au webdesign et au développement,
|
||||
j’ai exercé comme développeur PHP, développeur full-stack
|
||||
et administrateur système.
|
||||
</p>
|
||||
<p>
|
||||
Je propose aujourd’hui à mes clients une approche à la fois technique,
|
||||
globale et pragmatique,
|
||||
avec un objectif simple : fournir des outils fiables,
|
||||
compréhensibles et adaptés à leurs usages réels.
|
||||
</p>
|
||||
</div>
|
||||
<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>
|
||||
<p>
|
||||
Chaque projet est différent.
|
||||
Je vous invite à me contacter afin de discuter de vos besoins
|
||||
et d’évaluer ensemble les solutions les plus pertinentes pour votre situation.
|
||||
</p>
|
||||
<p>
|
||||
Pour me contacter, vous pouvez envoyer un e-mail à
|
||||
<a href="mailto:contact@clawd.fr" target="_blank">contact@clawd.fr</a>.
|
||||
Un premier échange permet souvent d’y voir clair.
|
||||
</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>
|
||||
<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 à 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.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Cette adhésion garantit une approche respectueuse des utilisateurs,
|
||||
de leurs données et des principes de transparence.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -23,7 +23,7 @@ $currentPage = $pages["interventions"];
|
||||
|
||||
<div class="ui text container">
|
||||
<h1 class="ui header clawdlogo">CLAWD.FR</h1>
|
||||
<h2>HÉBERGEUR ENGAGÉ</h2>
|
||||
<h2>HÉBERGEUR WEB <br>INDÉPENDANT ET HUMAIN</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -24,7 +24,7 @@ $currentPage = $pages['mentions'];
|
||||
|
||||
<div class="ui text container">
|
||||
<h1 class="ui header clawdlogo">CLAWD.FR</h1>
|
||||
<h2>HÉBERGEUR ENGAGÉ</h2>
|
||||
<h2>HÉBERGEUR WEB <br>INDÉPENDANT ET HUMAIN</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
120
services.php
120
services.php
@@ -24,7 +24,7 @@ $currentPage = $pages['services'];
|
||||
|
||||
<div class="ui text container">
|
||||
<h1 class="ui header clawdlogo">CLAWD.FR</h1>
|
||||
<h2>HÉBERGEUR ENGAGÉ</h2>
|
||||
<h2>HÉBERGEUR WEB <br>INDÉPENDANT ET HUMAIN</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -39,18 +39,53 @@ $currentPage = $pages['services'];
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<h2>Nextcloud</h2>
|
||||
<p>Nextcloud est un outil de stockage et partage de fichiers pour plusieurs utilisateurs avec une gestion fine des droits d'accès. Nextcloud intègre également un client mail, la gestion des calendriers et contacts, de la visioconférence, et toute une panoplie d'applications diverses installables en quelques clics depuis l'interface d'administration.</p>
|
||||
<p>Je vous propose deux formules différentes pour Nextcloud, la première "mutualisée" sur une instance commune à plusieurs clients: vous y aurez votre compte privé et sur demande quelques comptes supplémentaires et des dossiers partagés pour de la famille ou des amis, mais aucun droit d'administration sur l'instance. Cette formule est adaptée aux besoins des personnes seules ou des petits groupes qui n'ont pas la nécessité de pouvoir administrer leur instance.</p>
|
||||
<p>La deuxième formule est adaptée aux besoins plus complexes: chaque client dispose d'une instance Nextcloud dédiée et donc isolée des autres, ce qui me permet de leur fournir les droits d'administration sur leur instance et de ce fait la pleine autonomie sur la gestion des utilisateurs et des quotas, des applications installées, ainsi que sur la personnalisation et l'administration générale.</p>
|
||||
<p>Dans les deux cas, vous disposez d'un espace de stockage privé pour chaque compte, sur une instance Nextcloud sauvegardée quotidiennement, ainsi que l'accès à toutes les applications Nextcloud par défaut (voir liste plus bas). Vos données restent les vôtres et si vous souhaitez arrêter votre contrat vous pouvez tout récupérer sans aucune restriction ou limitation.</p>
|
||||
<p>Nextcloud est un logiciel gratuit, libre et open-source. Il est maintenu par la société Nextcloud GmbH basée à Stuttgart en Allemagne. Vous pouvez retrouver plus d'informations sur le site <a href="https://nextcloud.com/" target="_blank">nextcloud.com</a>, quant au code source du logiciel, il est disponible sur la <a href="https://github.com/nextcloud/server" target="_blank">page github du projet</a>.</p>
|
||||
<p>
|
||||
Nextcloud est une solution de stockage et de partage de fichiers, conçue pour un usage personnel ou collaboratif.
|
||||
Elle permet de centraliser vos documents, de les partager de manière maîtrisée et d’y accéder depuis plusieurs appareils.
|
||||
C'est une alternative à Google Drive, Dropbox, ou OneDrive.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Nextcloud intègre également de nombreuses fonctionnalités utiles au quotidien :
|
||||
gestion des contacts et des calendriers, client mail, visioconférence, ainsi qu’un large choix d’applications
|
||||
installables facilement selon vos besoins.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Je propose deux modes d’hébergement.
|
||||
La première formule est une instance mutualisée : vous disposez d’un compte privé, avec la possibilité
|
||||
de créer des partages et des comptes supplémentaires, sans avoir à gérer l’administration technique.
|
||||
Cette formule convient parfaitement aux particuliers, indépendants et petits groupes.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
La seconde formule repose sur une instance Nextcloud dédiée.
|
||||
Elle vous offre une isolation complète, ainsi que les droits d’administration,
|
||||
vous permettant de gérer librement les utilisateurs, les quotas, les applications
|
||||
et la personnalisation de votre instance.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Dans les deux cas, chaque compte dispose de son espace de stockage privé.
|
||||
Les instances sont maintenues et sauvegardées quotidiennement.
|
||||
Si vous décidez d’arrêter le service, vous pouvez récupérer l’ensemble de vos données,
|
||||
sans restriction ni verrou technique.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Nextcloud est un logiciel libre et open-source, développé par la société Nextcloud GmbH en Allemagne.
|
||||
Plus d’informations sont disponibles sur <a href="https://nextcloud.com/" target="_blank">nextcloud.com</a>,
|
||||
et le code source est accessible sur
|
||||
<a href="https://github.com/nextcloud/server" target="_blank">GitHub</a>.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui two column doubling stackable grid container">
|
||||
<div class="column">
|
||||
<h3>Pour quoi?</h3>
|
||||
<p>Voici quelques-unes des fonctionnalités par défaut de Nextcloud:</p>
|
||||
<p>Nextcloud permet notamment :</p>
|
||||
<ul class="list">
|
||||
<li>Stockage en ligne</li>
|
||||
<li>Partage privé et/ou public</li>
|
||||
@@ -68,7 +103,7 @@ $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>Petites et moyennes entreprises, associations, administrations, groupes familiaux ou amicaux, équipes de travail et travailleurs indépendants.</p>
|
||||
<h3>Lançons-nous!</h3>
|
||||
<p>Pour réserver votre Nextcloud privé ou en savoir plus, n'hésitez plus: entrons en contact!</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>
|
||||
@@ -82,8 +117,18 @@ $currentPage = $pages['services'];
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<h2>Hébergement web</h2>
|
||||
<p>Du site statique à l'application web en passant par les moteurs de blogs et autres CMS, je peux assurer votre hébergement web sous la forme qui vous conviendra.</p>
|
||||
<p>Je saurai vous accompagner sur toute la chaîne pour mettre en place votre hébergement quel qu'il soit, de la configuration des DNS aux bases de données en passant par les comptes d'accès aux fichiers.</p>
|
||||
<p>
|
||||
Du site WordPress à l’application web plus complexe,
|
||||
je propose un hébergement web adapté à vos besoins réels,
|
||||
sans solution surdimensionnée ni contraintes inutiles.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Je vous accompagne sur l’ensemble de la mise en place technique :
|
||||
configuration des noms de domaine et DNS,
|
||||
accès aux fichiers, bases de données,
|
||||
et suivi de l’hébergement dans le temps.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -102,7 +147,7 @@ $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>Petites et moyennes entreprises, associations, administrations, groupes familiaux ou amicaux, équipes de travail et 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>
|
||||
@@ -114,7 +159,10 @@ $currentPage = $pages['services'];
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<h2>Hébergement mail</h2>
|
||||
<p>Vos boîtes mail sur votre nom de domaine, hébergées par mes soins. Lancée en Octobre 2021, cette offre a passé plusieurs années de tests, d'ajustements et d'améliorations. Elle est maintenant officiellement en production et disponible.</p>
|
||||
<p>
|
||||
Je propose l’hébergement de boîtes mail professionnelles
|
||||
sans publicités, sur votre propre nom de domaine.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -142,7 +190,19 @@ $currentPage = $pages['services'];
|
||||
<div class="column">
|
||||
<h2>Hébergement VPS</h2>
|
||||
<p>Si vos besoins en hébergement sont spécifiques ou que vous avez tout simplement besoin d'avoir un accès root sur un serveur, c'est la solution.</p>
|
||||
<p>Vous pourrez être livré rapidement d'un VPS sous Debian 13 (autres OS sur demande) avec une plage IPv6 (/112) publique (IPv4: 100 ports via NAT + 80/443 via PROXY), un accès KVM via l'hyperviseur Proxmox et les sauvegardes pré-installés (PVE + borg).</p>
|
||||
<p>
|
||||
Si vous avez des besoins spécifiques ou si vous souhaitez disposer
|
||||
d’un accès complet à votre serveur, l’hébergement VPS est la solution adaptée.
|
||||
Je vous laisse le choix entre un VPS administré ou non administré.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Les VPS sont livrés prêts à l’emploi, avec un système Debian 13 par défaut
|
||||
(autres systèmes possibles sur demande),
|
||||
une connectivité IPv6 publique (IPv4 via NAT),
|
||||
un accès de secours via KVM,
|
||||
et un système de sauvegardes préconfiguré.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -172,7 +232,24 @@ $currentPage = $pages['services'];
|
||||
<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>
|
||||
<p>
|
||||
Si votre activité nécessite une infrastructure dédiée,
|
||||
mais que vous ne souhaitez pas en assurer la gestion au quotidien,
|
||||
je propose un service d’infogérance adapté à vos besoins.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Je peux prendre en charge l’administration de vos serveurs,
|
||||
qu’ils soient hébergés chez un fournisseur ou en interne,
|
||||
tout en vous fournissant une documentation claire
|
||||
permettant à vos équipes de comprendre ou de reprendre la gestion à tout moment.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Vous bénéficiez ainsi d’une infrastructure conçue avec vous,
|
||||
adaptée à votre activité, évolutive dans le temps
|
||||
et maîtrisée à chaque étape de son cycle de vie.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -181,7 +258,7 @@ $currentPage = $pages['services'];
|
||||
<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>
|
||||
<li>Exploiter une infrastructure dédiée sans en gérer la complexité</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -199,7 +276,12 @@ $currentPage = $pages['services'];
|
||||
<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>
|
||||
<p>
|
||||
Si vous souhaitez faire évoluer vos usages numériques
|
||||
vers des solutions libres et mieux maîtrisées,
|
||||
je peux vous accompagner dans une transition progressive,
|
||||
adaptée à vos contraintes et à votre niveau technique.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -207,14 +289,14 @@ $currentPage = $pages['services'];
|
||||
<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>
|
||||
<li>Mieux comprendre et maîtriser ses outils numériques</li>
|
||||
<li>Réduire sa dépendance aux plateformes centralisées</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>Petites et moyennes entreprises, associations, administrations, équipes ou individus souhaitant reprendre la main sur leurs outils.</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>
|
||||
|
||||
151
tarifs.php
151
tarifs.php
@@ -110,6 +110,7 @@ $currentPage = $pages["tarifs"];
|
||||
padding: 1.5em;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
||||
margin-bottom: 2em;
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
.examples-section h3 {
|
||||
@@ -252,7 +253,8 @@ $currentPage = $pages["tarifs"];
|
||||
padding: .2em 1.5em;
|
||||
/*padding-left: 1.5em;*/
|
||||
position: relative;
|
||||
font-size: 1.1em;
|
||||
font-size: 1.2em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tarif-info li:before {
|
||||
@@ -563,7 +565,7 @@ $currentPage = $pages["tarifs"];
|
||||
|
||||
<div class="ui text container">
|
||||
<h1 class="ui header clawdlogo">CLAWD.FR</h1>
|
||||
<h2>HÉBERGEUR ENGAGÉ</h2>
|
||||
<h2>HÉBERGEUR WEB <br>INDÉPENDANT ET HUMAIN</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -575,8 +577,38 @@ $currentPage = $pages["tarifs"];
|
||||
<!-- Introduction -->
|
||||
<div class="ui container">
|
||||
<div class="intro-section">
|
||||
<p>Tarif libre ne veut pas dire gratuit, mais estimer la valeur d'un service n'est pas une mince affaire. Pour vous aider dans le choix du tarif de votre offre, voici un calculateur qui vous permettra à la fois de sélectionner vos options et de connaître la fourchette habituelle dans laquelle vous pourrez vous positionner.</p>
|
||||
<p>Ce calculateur est là pour vous assister dans vos choix et vous donner une idée des tarifs habituels. La fourchette donnée n'est pas définitive ni contractuelle, tout est négociable et peut être revu ensemble à tout moment.</p>
|
||||
<p>
|
||||
Les services proposés reposent sur un principe simple :
|
||||
le prix est libre et basé sur la confiance.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Vous choisissez le montant que vous souhaitez payer,
|
||||
en fonction de votre usage, de vos moyens
|
||||
et de la valeur que vous accordez au service rendu.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
De mon côté, je m’engage à être aussi transparent que possible
|
||||
sur les coûts réels de l’infrastructure,
|
||||
le temps de travail nécessaire
|
||||
et ce qui est inclus dans chaque service,
|
||||
afin de vous permettre de faire un choix éclairé.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Le prix libre permet d’adapter la contribution de chacun
|
||||
à la réalité de son usage et de sa structure,
|
||||
sans imposer de grille tarifaire rigide ou déconnectée des besoins réels.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Il favorise également une relation plus saine :
|
||||
plutôt qu’un empilement d’options ou de frais cachés,
|
||||
le service repose sur la clarté,
|
||||
la discussion
|
||||
et la confiance mutuelle.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Légende des tranches -->
|
||||
@@ -625,48 +657,6 @@ $currentPage = $pages["tarifs"];
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Formules d'exemples -->
|
||||
<div class="examples-section">
|
||||
<h3><i class="lightbulb icon"></i>Formules d'exemples</h3>
|
||||
<p class="sub-header">Chargez rapidement une configuration type pour vous donner une idée</p>
|
||||
<div class="example-grid">
|
||||
<div class="example-card example-formula" data-formula="solo">
|
||||
<div class="icon"><i class="user icon"></i></div>
|
||||
<div class="title">Utilisateur solo</div>
|
||||
<div class="description">Nextcloud 50Go, 1 utilisateur<br> Mail 1 boîte de 20Go +catchall</div>
|
||||
</div>
|
||||
<div class="example-card example-formula" data-formula="team">
|
||||
<div class="icon"><i class="users icon"></i></div>
|
||||
<div class="title">Association</div>
|
||||
<div class="description">Nextcloud 150Go, 5 utilisateurs<br>Mail 5 boîtes de 5Go</div>
|
||||
</div>
|
||||
<div class="example-card example-formula" data-formula="company">
|
||||
<div class="icon"><i class="building icon"></i></div>
|
||||
<div class="title">Entreprise</div>
|
||||
<div class="description">Nextcloud Privé 2To<br> Web 50Go/3 sites<br> Mail 20 boîtes de 5Go</div>
|
||||
</div>
|
||||
<div class="example-card example-formula" data-formula="company">
|
||||
<div class="icon"><i class="industry icon"></i></div>
|
||||
<div class="title">Industrie</div>
|
||||
<div class="description">Nextcloud Privé 5To<br> Web 250Go/5 sites<br> Mail 100 boîtes de 5Go</div>
|
||||
</div>
|
||||
<div class="example-card example-formula" data-formula="storage">
|
||||
<div class="icon"><i class="cloud icon"></i></div>
|
||||
<div class="title">Stockage massif</div>
|
||||
<div class="description">Nextcloud Privé Dédié 10To</div>
|
||||
</div>
|
||||
<div class="example-card example-formula" data-formula="developer">
|
||||
<div class="icon"><i class="laptop icon"></i></div>
|
||||
<div class="title">Développeur solo</div>
|
||||
<div class="description">VPS 50Go 2 vCPU 4Go RAM</div>
|
||||
</div>
|
||||
<div class="example-card example-formula" data-formula="devteam">
|
||||
<div class="icon"><i class="server icon"></i></div>
|
||||
<div class="title">Équipe de développement</div>
|
||||
<div class="description">VPS 250Go 8 vCPU 16Go RAM +IPv4</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Calculateur -->
|
||||
@@ -723,24 +713,25 @@ $currentPage = $pages["tarifs"];
|
||||
<div class="ui labeled ticked slider grey" id="nextcloud_users_source"></div>
|
||||
|
||||
<h5><i class="icon privacy"></i>Options</h5>
|
||||
|
||||
<div class="ui toggle checkbox nc_opt_lxc">
|
||||
<input type="checkbox" name="nc_opt_lxc" id="nc_opt_lxc">
|
||||
<label for="nc_opt_lxc"><strong>Privé</strong>: votre propre instance Nextcloud privée, administrable et configurable.</label>
|
||||
</div>
|
||||
<div class="ui toggle checkbox nc_opt_vol">
|
||||
<input type="checkbox" name="nc_opt_vol" id="nc_opt_vol">
|
||||
<label for="nc_opt_vol"><strong>Gros volume</strong>: ajouter
|
||||
<input id="nc_opt_vol_val" name="nc_opt_vol_val" type="number" placeholder="1" value="1" min="1" max="150" step="1" style="width: 60px; text-align: center;">
|
||||
To d'espace supplémentaire. Entre <span id="teraeurolow">-</span> et <span id="teraeurohigh">-</span> € par To.</label>
|
||||
</div>
|
||||
<div class="ui toggle checkbox nc_opt_lxc">
|
||||
<input type="checkbox" name="nc_opt_lxc" id="nc_opt_lxc">
|
||||
<label for="nc_opt_lxc"><strong>Privé</strong>: votre propre instance Nextcloud privée, administrable et configurable.</label>
|
||||
</div>
|
||||
<div class="ui toggle checkbox nc_opt_decicated">
|
||||
<input type="checkbox" name="nc_opt_decicated" id="nc_opt_decicated">
|
||||
<label for="nc_opt_decicated"><strong>Dédié</strong>: sur un serveur dédié à votre structure (serveur inclus).</label>
|
||||
</div>
|
||||
<div class="ui toggle checkbox nc_opt_onprem">
|
||||
<input type="checkbox" name="nc_opt_onprem" id="nc_opt_onprem">
|
||||
<label for="nc_opt_onprem"><strong>Sur site</strong>: sur un serveur dédié à votre structure, dans vos locaux (serveur non inclus!).</label>
|
||||
</div>
|
||||
<!-- <div class="ui toggle checkbox nc_opt_decicated">-->
|
||||
<!-- <input type="checkbox" name="nc_opt_decicated" id="nc_opt_decicated">-->
|
||||
<!-- <label for="nc_opt_decicated"><strong>Dédié</strong>: sur un serveur dédié à votre structure (serveur inclus).</label>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="ui toggle checkbox nc_opt_onprem">-->
|
||||
<!-- <input type="checkbox" name="nc_opt_onprem" id="nc_opt_onprem">-->
|
||||
<!-- <label for="nc_opt_onprem"><strong>Sur site</strong>: sur un serveur dédié à votre structure, dans vos locaux (serveur non inclus!).</label>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
|
||||
<div class="title">
|
||||
@@ -808,6 +799,49 @@ $currentPage = $pages["tarifs"];
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Formules d'exemples -->
|
||||
<div class="examples-section">
|
||||
<h3><i class="lightbulb icon"></i>Formules d'exemples</h3>
|
||||
<p class="sub-header">Chargez rapidement une configuration type pour vous donner une idée</p>
|
||||
<div class="example-grid">
|
||||
<div class="example-card example-formula" data-formula="solo">
|
||||
<div class="icon"><i class="user icon"></i></div>
|
||||
<div class="title">Utilisateur solo</div>
|
||||
<div class="description">Nextcloud 50Go, 1 utilisateur<br> Mail 1 boîte de 20Go +catchall</div>
|
||||
</div>
|
||||
<div class="example-card example-formula" data-formula="team">
|
||||
<div class="icon"><i class="users icon"></i></div>
|
||||
<div class="title">Association</div>
|
||||
<div class="description">Nextcloud 150Go, 5 utilisateurs<br>Mail 5 boîtes de 5Go</div>
|
||||
</div>
|
||||
<div class="example-card example-formula" data-formula="company">
|
||||
<div class="icon"><i class="building icon"></i></div>
|
||||
<div class="title">Entreprise</div>
|
||||
<div class="description">Nextcloud Privé 2To<br> Web 50Go/3 sites<br> Mail 20 boîtes de 5Go</div>
|
||||
</div>
|
||||
<!-- <div class="example-card example-formula" data-formula="company">-->
|
||||
<!-- <div class="icon"><i class="industry icon"></i></div>-->
|
||||
<!-- <div class="title">Industrie</div>-->
|
||||
<!-- <div class="description">Nextcloud Privé 5To<br> Web 250Go/5 sites<br> Mail 100 boîtes de 5Go</div>-->
|
||||
<!-- </div>-->
|
||||
<div class="example-card example-formula" data-formula="storage">
|
||||
<div class="icon"><i class="cloud icon"></i></div>
|
||||
<div class="title">Stockage massif</div>
|
||||
<div class="description">Nextcloud Privé Dédié 10To</div>
|
||||
</div>
|
||||
<div class="example-card example-formula" data-formula="developer">
|
||||
<div class="icon"><i class="laptop icon"></i></div>
|
||||
<div class="title">Développeur solo</div>
|
||||
<div class="description">VPS 50Go 2 vCPU 4Go RAM</div>
|
||||
</div>
|
||||
<!-- <div class="example-card example-formula" data-formula="devteam">-->
|
||||
<!-- <div class="icon"><i class="server icon"></i></div>-->
|
||||
<!-- <div class="title">Équipe de développement</div>-->
|
||||
<!-- <div class="description">VPS 250Go 8 vCPU 16Go RAM +IPv4</div>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Récapitulatif -->
|
||||
<div id="summary-container" style="display: none;">
|
||||
<h3><i class="list icon"></i>Récapitulatif de votre sélection</h3>
|
||||
@@ -827,6 +861,7 @@ $currentPage = $pages["tarifs"];
|
||||
Lien copié dans le presse-papier !
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -24,7 +24,7 @@ $currentPage = $pages['transparence'];
|
||||
|
||||
<div class="ui text container">
|
||||
<h1 class="ui header clawdlogo">CLAWD.FR</h1>
|
||||
<h2>HÉBERGEUR ENGAGÉ</h2>
|
||||
<h2>HÉBERGEUR WEB <br>INDÉPENDANT ET HUMAIN</h2>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -39,8 +39,23 @@ $currentPage = $pages['transparence'];
|
||||
<div class="row">
|
||||
<div class=" wide column">
|
||||
<h2>Une structure à taille humaine</h2>
|
||||
<p>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.</p>
|
||||
<p>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, j'apprécie toujours de rencontrer en personne mes clients. Tout ceci demande du temps, un solide bagage technique et une veille permanente, que je suis heureux de proposer à mes clients.</p>
|
||||
<p>
|
||||
L’activité est exercée sous le régime de la micro-entreprise.
|
||||
Je suis seul à assurer l’administration technique de l’infrastructure
|
||||
ainsi que la relation avec les clients.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Cela implique une relation directe, sans intermédiaire ni support externalisé.
|
||||
Chaque demande est étudiée individuellement, les situations particulières sont prises en compte,
|
||||
et les choix techniques sont expliqués de manière claire et honnête.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Cette approche demande du temps, de l’expérience et une veille technique constante,
|
||||
que je mets volontairement au service de mes clients,
|
||||
dans une logique de qualité et de durabilité plutôt que de volume.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -70,6 +85,10 @@ $currentPage = $pages['transparence'];
|
||||
<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>EXPERTISE</h3>
|
||||
<p>L'infrastructure est conçue, opérée, maintenue et surveillée par un administrateur système expérimenté. Elle est hébergée dans des datacenters sécurisés.</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>
|
||||
|
||||
Reference in New Issue
Block a user