clawd.fr/website
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update on wording

Browse Source
This commit is contained in:
Adrien W.
2026-02-04 14:40:41 +01:00
parent 3c88616a64
commit 685a1406c8
11 changed files with 423 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
tarifs.php
View File

@@ -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&nbsp;:
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&nbsp;:
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>