major updates

master
Adrien W 4 years ago
parent 3db3e0b63b
commit b898889de6

@ -2,8 +2,10 @@
RewriteEngine On RewriteEngine On
RewriteRule ^index\.html$ /index.php [L] RewriteRule ^index\.html$ /index.php [L]
RewriteRule ^cgu\.html$ /cgu.php [L] RewriteRule ^cgu\.html$ /cgu.php [L]
RewriteRule ^cgv\.html$ /cgv.php [L]
RewriteRule ^interventions\.html$ /interventions.php [L] RewriteRule ^interventions\.html$ /interventions.php [L]
RewriteRule ^solutions\.html$ /solutions.php [L] RewriteRule ^solutions\.html$ /solutions.php [L]
RewriteRule ^mentionslegales\.html$ /mentionslegales.php [L]
# nginx rules # nginx rules

@ -57,6 +57,10 @@
--logoshade: var(--tartorange); --logoshade: var(--tartorange);
} }
html {
scroll-behavior: smooth;
}
body { body {
background-color: var(--cultured); background-color: var(--cultured);
font-family: var(--textfont); font-family: var(--textfont);
@ -102,6 +106,24 @@ h1, h2, h3, h4, h5, .ui.header {
font-variant: all-small-caps; font-variant: all-small-caps;
} }
h1.dimmed, h2.dimmed, h3.dimmed, h4.dimmed, h5.dimmed, .ui.header.dimmed {
color: var(--ceruleanfrost);
}
.impact-none {
color: var(--ceruleanfrost) !important;
}
.impact-some {
color: var(--yaleblue) !important;
}
.impact-important {
color: var(--tartorange) !important;
}
.impact-critical {
color: var(--yellowryb) !important;
background-color: var(--tartorange) !important;
}
h1 { h1 {
min-height: 1rem; min-height: 1rem;
font-size: 4.5rem; font-size: 4.5rem;
@ -228,6 +250,17 @@ h3.ui.horizontal.header.divider {
color: var(--yaleblue); color: var(--yaleblue);
} }
.interventions .raised.segment .segment {
margin: 0 !important;
}
.interventions .raised.segment .clearing.segment h4 {
margin-bottom: 0 !important;
}
.interventions .raised.segment .basic.segment h4 {
margin-top: 0 !important;
}
.ui.vertical.stripe { .ui.vertical.stripe {
padding: 8em 0; padding: 8em 0;
} }

@ -37,6 +37,21 @@ $currentPage = $pages['cgu'];
<div class="row"> <div class="row">
<div class=" wide column"> <div class=" wide column">
<h2>VERSION TRÈS COURTE</h2>
<p>
<ul class="list">
<li>Je vous respecte ainsi que mes engagements auprès de vous.</li>
<li>Vous me respectez ainsi que vos engagements auprès de moi.</li>
<li>On respecte tous les lois en vigueur.</li>
<li>Je n'abuse pas de vos données, je suis aussi transparent et ouvert que possible.</li>
<li>Vous n'abusez pas des services fournis.</li>
<li>Je vous accorde le bénéfice du doute en cas de problème (abus des ressources, fichiers douteux, retard de paiement, délai de réponse, entre autres).</li>
<li>Vous m'accordez le bénéfice du doute en cas problème (interruption ou ralentissement, délai de réponse ou de correction d'un problème, entre autres).</li>
</ul>
</p>
<h2>VERSION UN PEU MOINS COURTE</h2>
<h3>DÉFINITIONS</h3> <h3>DÉFINITIONS</h3>
<p> <p>
<ul class="list"> <ul class="list">

@ -0,0 +1,102 @@
<?php
require_once 'includes/_config.php';
$currentPage = $pages['cgv'];
?><!DOCTYPE html>
<html>
<head>
<?php include 'includes/_meta.php'; ?>
<title>clawd.fr - CGU</title>
<?php include 'includes/_assets.php'; ?>
</head>
<body class="clawd">
<?php include 'includes/_menus.php'; ?>
<!-- Page Contents -->
<div class="pusher">
<div class="ui inverted vertical masthead center aligned segment">
<?php include 'includes/_mainmenu.php'; ?>
<div class="ui text container">
<h1 class="ui header" id="logo">CLAWD.FR</h1>
<h2>HÉBERGEUR ENGAGÉ</h2>
</div>
</div>
<div class="ui container borderless center aligned">
<h1>CONDITIONS GÉNÉRALES DE VENTE</h1>
</div>
<div class="ui vertical stripe segment">
<div class="ui middle aligned stackable grid container">
<div class="row">
<div class=" wide column">
<h2>VERSION TRÈS COURTE</h2>
<p>
<ul class="list">
<li>On se met d'accord sur les prestation et le tarif que vous souhaitez.</li>
<li>J'émet un devis reflétant cet accord.</li>
<li>Vous signez ce devis qui devient un contrat.</li>
<li>Le tarif et les prestations sont toujours renégociables sous réserve d'arriver à un nouvel accord.</li>
<li>En cas de retard de paiement important je peux suspendre les services.</li>
<li>En cas de retard de paiement trop important je peux couper définitivement les services et supprimer les données.</li>
<li>Ces délais sont fixés dans le but de protéger la perrennité de l'activité; chaque cas est étudié individuellement et il est évident qu'un client qui aura toujours été honnête et ouvert (à priori tous) bénéficiera de délais supplémentaires.</li>
</ul>
</p>
<h2>VERSION UN PEU MOINS COURTE</h2>
<h3>DÉFINITIONS</h3>
<p>
<ul class="list">
<li><strong>Hébergeur</strong> - l'entreprise responsable de la structure <a href="https://clawd.fr/" target="_blank">clawd.fr</a>.</li>
<li><strong>Client</strong> - toute personne physique ou morale ayant conclu et signé un contrat d'hébergement avec l'hébergeur.</li>
<li><strong>Contrat</strong> - tout accord écrit signé par l'hébergeur et le client et qui engage d'une part l'hébergeur à une obligation de moyens quant à la fiabilité du service fourni et d'autre part le client à s'acquitter à temps des paiements auxquels il s'est engagé pour les services fournis.</li>
<li><strong>VPS</strong> - Virtual Private Server ou Serveur Privé Virtuel en Français, une machine virtuelle réservée par l'hébergeur à un client spécifique dans le cadre des services fournis, tous les services propres à un client donné sont rendus depuis cette machine.</li>
</ul>
</p>
<h3>OBJET</h3>
<p>Les Conditions Générales de Ventes décrites ci-après détaillent les droits et obligations de l'hébergeur et de son client dans le cadre de la location des services proposés.<br>
Toute prestation accomplie par clawd.fr pour un client implique l'acceptation des présentes CGV ainsi que des CGU.</p>
<h3>TARIFS</h3>
<p>Les tarifs pratiqués par clawd.fr sont libres et donc laissés à la discrétion des clients. Le tarif d'une prestation sera défini par accord écrit après discussion entre clawd.fr et chaque client, il sera alors fixé pour toute la durée de la prestation de service.<br>
Le tarif d'une prestation peut être renégocié et donc modifié à tout moment sous réserve d'accord écrit entre les deux parties, le nouveau tarif entre en vigueur au mois suivant.<br>
clawd.fr n'étant pas soumis à la TVA les tarifs sont toujours exprimés HT.</p>
<h3>MODALITÉS DE PAIEMENT</h3>
<p>Le paiement des sommes dûes sera fait par virement bancaire aux coordonnées fournies lors de la signature du contrat.</p>
<h3>DÉLAI DE LIVRAISON</h3>
<p>Les délais de livraison seront définis par accord écrit entre l'hébergeur et le client pour chaque prestation. À titre indicatif les prestations de location seront généralement livrées sous 4 jours ouvrables.</p>
<h3>DÉLAI ET RETARD DE PAIEMENT</h3>
<p>Toutes les locations de service devront être réglées d'avance pour le mois suivant. Tout retard de paiement total ou partiel supérieur à 15 jours ouvrables entraînera une suspension des services concernés. Tout retard de paiement partiel ou total supérieur à 45 jours ouvrables entrainera la rupture du contrat et la suppression définitive des services et des données concernées sans possibilité de recours.</p>
<h3>PROPRIÉTÉ</h3>
<p>L'hébergeur est propriétaire des infrastructures techniques utilisées pour fournir les services. L'hébergeur ne revendique aucune propriété sur les données stockées par ses clients. Chaque client est seul responsable des données qu'il stocke sur son VPS et dans quelle mesure ces données sont rendues publiques ou non.</p>
<h3>FORCE MAJEURE</h3>
<p>L'hébergeur ne pourra être tenu pour responsable pour une non-livraison, un retard, une interruption une coupure ou un ralentissement d'un ou plusieurs services ou le non-respect de ses obligations décrites dans les présentes conditions de vente en cas de force majeure. À ce titre, la force majeure s'entend de tout évènement extérieur, imprévisible et irrésistible au sens de l'article 1148 du Code civil.</p>
<h3>TRIBUNAL COMPÉTENT</h3>
<p>Tout litige relatif à l'interprétation et à l'exécution des présentes conditions générales de vente est soumis au droit français.</p>
<p>À défaut de résolution amiable, le litige sera porté devant le Tribunal de commerce du Puy-en-Velay: 4 Avenue de la Dentelle, 43000 Le Puy en Velay, France.</p>
</div>
</div>
</div>
</div>
<?php include 'includes/_footer.php'; ?>
</div>
</body>
</html>

@ -2,38 +2,68 @@
$pages = Array( $pages = Array(
'index' => Array( 'index' => Array(
'key' => 'index', 'key' => 'index',
'name' => 'Accueil' 'name' => 'Accueil',
'desc' => 'Retour à l\'accueil du site'
), ),
'solutions' => Array( 'solutions' => Array(
'key' => 'solutions', 'key' => 'solutions',
'name' => 'Solutions' 'name' => 'Solutions',
'desc' => 'Solutions proposées',
), ),
'cgu' => Array( 'cgu' => Array(
'key' => 'cgu', 'key' => 'cgu',
'name' => 'C.G.U.' 'name' => 'C.G.U.',
'desc' => 'Conditions Générales d\'Utilisation',
),
'cgv' => Array(
'key' => 'cgv',
'name' => 'C.G.V.',
'desc' => 'Conditions Générales de Vente',
), ),
'interventions' => Array( 'interventions' => Array(
'key' => 'interventions', 'key' => 'interventions',
'name' => 'Interventions' 'name' => 'Interventions',
'desc' => 'Interventions passées et à venir',
), ),
'faq' => Array( 'faq' => Array(
'key' => 'faq', 'key' => 'faq',
'name' => 'F.A.Q.' 'name' => 'F.A.Q.',
'desc' => 'Foire Aux Questions',
), ),
'aide' => Array( 'aide' => Array(
'key' => 'aide', 'key' => 'aide',
'name' => 'Aide' 'name' => 'Aide',
'desc' => 'Obtenir de l\'aide',
), ),
'contact' => Array( 'contact' => Array(
'key' => 'contact', 'key' => 'contact',
'name' => 'Contact' 'name' => 'Contact',
)); 'desc' => 'Page de Contact',
),
$mainMenu = Array( 'mentions' => Array(
0 => $pages['index'], 'key' => 'mentions',
1 => $pages['solutions'], 'name' => 'Mentions Légales',
2 => $pages['cgu'], 'desc' => 'Consulter les mentions légales du site',
3 => $pages['interventions'] )
); );
$mainMenu = [
$pages['index'],
$pages['solutions'],
$pages['cgu'],
$pages['cgv'],
$pages['interventions']
];
$currentPage = $pages['index']; $currentPage = $pages['index'];
function pageLink(Array $p, Array $override=[]) {
global $currentPage;
if (!empty($override)) $p = array_replace($p, $override);
$active = $currentPage==$p? 'active ': '';
$anchor = isset($p['anchor'])? '#'.$p['anchor']: '';
return '<a class="'.$active.'item" href="'.$p['key'].'.html'.$anchor.'" target="_self" title="'.$p['desc'].'">'.$p['name'].'</a>';
}

@ -2,26 +2,24 @@
<div class="ui container"> <div class="ui container">
<div class="ui stackable inverted divided equal height stackable grid"> <div class="ui stackable inverted divided equal height stackable grid">
<div class="three wide column"> <div class="three wide column">
<h4 class="ui inverted header">À propos</h4> <h4 class="ui inverted header">clawd.fr</h4>
<div class="ui inverted link list"> <div class="ui inverted link list">
<a href="#" class="item">Plan du site</a> <?= pageLink($pages['index'], ['name'=>'Infrastructure', 'anchor'=>'infrastructure']) ?>
<a href="#" class="item">Contact</a> <?= pageLink($pages['index'], ['name'=>'Transparence', 'anchor'=>'transparence']) ?>
<a href="#" class="item">Qui suis-je?</a> <a href="https://stats.uptimerobot.com/l02mKT1oE7" target="_blank" title="Lien externe vers uptimerobot">État des services</a>
<a href="#" class="item">Mentions légales</a>
</div> </div>
</div> </div>
<div class="three wide column"> <div class="three wide column">
<h4 class="ui inverted header">clawd.fr</h4> <h4 class="ui inverted header">À propos</h4>
<div class="ui inverted link list"> <div class="ui inverted link list">
<a href="#" class="item">Infrastructure</a> <?= pageLink($pages['cgu']) ?>
<a href="#" class="item">Transparence</a> <?= pageLink($pages['cgv']) ?>
<a href="#" class="item">C.G.U.</a> <?= pageLink($pages['mentions']) ?>
<a href="#" class="item">État des services</a>
</div> </div>
</div> </div>
<div class="seven wide column"> <div class="seven wide column">
<h4 class="ui inverted header">clawd.fr</h4> <!-- <h4 class="ui inverted header">clawd.fr</h4>-->
<p>Hébergeur engagé</p> <!-- <p>Hébergeur engagé</p>-->
</div> </div>
</div> </div>
</div> </div>

@ -3,13 +3,10 @@
<a class="toc item"> <a class="toc item">
<i class="sidebar icon"></i> <i class="sidebar icon"></i>
</a> </a>
<?php <?php
foreach ($mainMenu as $item) { foreach ($mainMenu as $item) {
$active = $currentPage==$item? 'active ': ''; echo ' ' . pageLink($item)."\r\n";
echo '
<a class="'.$active.'item" href="'.$item['key'].'.html" target="_self">'.$item['name'].'</a>';
} }
?> ?>
</div> </div>
</div> </div>

@ -32,7 +32,7 @@ $currentPage = $pages['index'];
<div class="ui four column doubling stackable grid container"> <div class="ui four column doubling stackable grid container">
<div class="column"> <div class="column">
<h2>Hébergeur</h2> <h2>Hébergeur</h2>
<p>Je propose actuellement des solutions d'<a href="solutions.html" title="voir les solutions proposées">hébergement Nextcloud</a> à 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.</p> <p>Je propose actuellement des <?= pageLink($pages['solutions'], array('name'=>'solutions d\'hébergement')) ?> Nextcloud entre autres, à 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.</p>
<p>Concrètement, celà signifie que j'utilise exclusivement des technologies et logiciels open-source, qui garantissent à mes clients l'interopérabilité et la portabilité de leurs données.</p> <p>Concrètement, celà signifie que j'utilise exclusivement des technologies et logiciels open-source, qui garantissent à mes clients l'interopérabilité et la portabilité de leurs données.</p>
</div> </div>
<div class="column"> <div class="column">
@ -42,13 +42,13 @@ $currentPage = $pages['index'];
</div> </div>
<div class="column"> <div class="column">
<h2>À prix libre</h2> <h2>À prix libre</h2>
<p>Oui, vous avez bien lu! Je pense que si vous me faites assez confiance pour héberger vos données chez moi, je me dois de vous rendre la pareille en vous laissant juger de la valeur du service fourni.</p> <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 une décision éduquée quant au prix que vous voulez payer, je met un point d'honneur à être aussi transparent que possible sur mes frais fixes.</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 une décision éduquée quant au prix que vous voulez payer, je met un point d'honneur à être aussi transparent que possible sur mes frais fixes.</p>
</div> </div>
<div class="column"> <div class="column">
<h2>Transparent</h2> <h2>Transparent</h2>
<p>La transparence est indispensable à la confiance qui doit régner avec mes clients. Tous les frais liés à l'infrastructure d'hébergement sont publics, de même que les logiciels utilisés, les interventions techniques, la localisation des serveurs, et toute autre information que vous pourriez me demander et qui ne met par en péril la sécurité de l'infrastructure ou des données des clients.</p> <p>La transparence est indispensable à la confiance qui doit régner avec mes clients. Tous les frais liés à l'infrastructure d'hébergement sont publics, de même que les logiciels utilisés, les interventions techniques, la localisation des serveurs, et toute autre information que vous pourriez me demander et qui ne met par en péril la sécurité de l'infrastructure ou des données des clients.</p>
<p>J'ai également pris soin de rédiger les conditions d'utilisation afin qu'elles soient lisibles et intelligibles par tous, afin que chacun puisse enfin "cocher la case" en pleine conscience!</p> <p>J'ai également pris soin de rédiger les <?= pageLink($pages['cgu']) ?> & <?= pageLink($pages['cgv']) ?> pour qu'elles soient lisibles et intelligibles par tous, afin que chacun puisse enfin "cocher la case" en pleine conscience!</p>
</div> </div>
</div> </div>
@ -56,14 +56,15 @@ $currentPage = $pages['index'];
<div class="ui top aligned container"> <div class="ui top aligned container">
<div class="row"> <div class="row">
<div class=" wide column"> <div class=" wide column">
<h2>Discutons de vos besoins</h2> <h2>Parlons de vous!</h2>
<p>Je vous invite à me contacter pour 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> <p>Je vous invite à me contacter pour 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> Pour me contacter, envoyez un e-mail à l'adresse <a href="mailto:contact@clawd.fr" target="_blank">contact@clawd.fr</a>.</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<a name="structure"></a>
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<div class="ui top aligned container"> <div class="ui top aligned container">
<div class="row"> <div class="row">
@ -77,6 +78,7 @@ $currentPage = $pages['index'];
</div> </div>
</div> </div>
<a name="infrastructure"></a>
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<div class="ui top aligned stackable grid container"> <div class="ui top aligned stackable grid container">
<div class="row"> <div class="row">
@ -97,14 +99,16 @@ $currentPage = $pages['index'];
</div> </div>
</div> </div>
<a name="transparence"></a>
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<div class="ui top aligned stackable grid container"> <div class="ui top aligned stackable grid container">
<div class="row"> <div class="row">
<div class="sixteen wide column"> <div class="sixteen wide column">
<h2>Coût de l'infrastructure</h2> <h2>Transparence</h2>
<h3>Coût de l'infrastructure</h3>
</div> </div>
<div class="height wide column"> <div class="height wide column">
<h3>Locations et licences</h3> <h4>Locations et licences</h4>
<ul class="list"> <ul class="list">
<li>Serveur: 140€/mois</li> <li>Serveur: 140€/mois</li>
<li>Licence Proxmox "Community": 90€/an</li> <li>Licence Proxmox "Community": 90€/an</li>
@ -112,22 +116,27 @@ $currentPage = $pages['index'];
<li>Stockage des sauvegardes: 2TB ~128€/an; ~4.27€/TB/mois au delà</li> <li>Stockage des sauvegardes: 2TB ~128€/an; ~4.27€/TB/mois au delà</li>
</ul> </ul>
<p>Total environ 1930€ par an soit ~160€/mois</p> <p>Total environ 1930€ par an soit ~160€/mois</p>
<p>Bénéfice théorique net pour 20TB loués 40€/TB/mois: 500€/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 500€. 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>
<div class="height wide column"> <div class="height wide column">
<h3>Temps de travail</h3> <h4>Temps de travail</h4>
<ul class="list"> <ul class="list">
<li>Installation et configuration initiale de l'infrastructure: environ 40h</li> <li>Installation et configuration initiale de l'infrastructure: environ 30h</li>
<li>Installation simple d'un nouveau client: 1 à 2h</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>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 et sécurité: 1 à 4h par semaine</li>
<li>Vérification de l'état des sauvegardes: 10 minutes par client, une fois par mois</li> <li>Vérification de l'état des sauvegardes: 10 minutes par client, une fois par mois</li>
</ul> </ul>
</div> </div>
<div class="sixteen wide column">
<h3>Interventions</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>
</div>
</div> </div>
</div> </div>
</div> </div>
<a name="objectifs"></a>
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<div class="ui top aligned stackable grid container"> <div class="ui top aligned stackable grid container">
<div class="row"> <div class="row">
@ -149,7 +158,7 @@ $currentPage = $pages['index'];
</div> </div>
<div class="row"> <div class="row">
<div class="column"> <div class="column">
<p>Ces évolutions se traduiront lorsqu'elle seront implémentées par une modification des CGU 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.</p> <p>Ces évolutions se traduiront, lorsqu'elles seront implémentées, par une modification des <?= pageLink($pages['cgu']) ?> 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.</p>
</div> </div>
</div> </div>
</div> </div>

@ -34,27 +34,58 @@ $currentPage = $pages['interventions'];
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<div class="ui text container"> <div class="ui text container">
<h3 class="ui horizontal header divider">Interventions planifiées</h3> <h2>Interventions planifiées / en cours</h2>
<h3 class="ui header">lorem ipsum</h3> <p>Aucune intervention planifiée ni en cours à cette heure!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam gravida vestibulum tincidunt. Sed finibus neque vel elit finibus, eget interdum ex fringilla. Nulla ipsum tellus, suscipit a tincidunt suscipit, mattis a nunc. Donec varius augue metus, ac dictum turpis dignissim at. Aenean porta enim ut nisl consectetur ullamcorper eget posuere arcu.</p>
<a class="ui large button">Read More</a>
<h3 class="ui header">dolor sit amet</h3>
<p>Nunc pulvinar lorem in nisi interdum pulvinar non vitae velit. Donec rhoncus elementum sem eu ornare. Aliquam eget maximus mauris. Nam molestie scelerisque mauris in ullamcorper. Maecenas placerat non elit id dictum. Vestibulum ut est congue, blandit dui vel, sagittis velit.</p>
<a class="ui large button">Read More</a>
</div> </div>
</div> </div>
<div class="ui vertical stripe segment interventions">
<div class="ui vertical stripe segment">
<div class="ui text container"> <div class="ui text container">
<h3 class="ui horizontal header divider">Dernières interventions</h3> <h2>Interventions terminées</h2>
<h3 class="ui header">lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam gravida vestibulum tincidunt. Sed finibus neque vel elit finibus, eget interdum ex fringilla. Nulla ipsum tellus, suscipit a tincidunt suscipit, mattis a nunc. Donec varius augue metus, ac dictum turpis dignissim at. Aenean porta enim ut nisl consectetur ullamcorper eget posuere arcu.</p>
<a class="ui large button">Read More</a> <div class="ui raised segment">
<div class="ui clearing basic segment">
<h3 class="ui header">dolor sit amet</h3> <h4 class="ui left floated header">Création du site public</h4>
<p>Nunc pulvinar lorem in nisi interdum pulvinar non vitae velit. Donec rhoncus elementum sem eu ornare. Aliquam eget maximus mauris. Nam molestie scelerisque mauris in ullamcorper. Maecenas placerat non elit id dictum. Vestibulum ut est congue, blandit dui vel, sagittis velit.</p> <h4 class="ui right floated header dimmed">le 01/10/2021</h4>
<a class="ui large button">Read More</a> </div>
<div class="ui basic segment">
<h4 class="ui header impact-none">Impact: aucun</h4>
<p>Ouverture ce jour du site public officiel clawd.fr; bienvenue à tous les visiteurs d'ici et d'ailleurs!</p>
</div>
</div>
<div class="ui raised segment">
<div class="ui clearing basic segment">
<h4 class="ui left floated header">Configuration du premier serveur mail</h4>
<h4 class="ui right floated header dimmed">le 01/09/2021</h4>
</div>
<div class="ui basic segment">
<h4 class="ui header impact-none">Impact: aucun</h4>
<p>Le premier serveur de mail de l'infrastructure est configuré et prêt à subir les tests qui valideront peut-être l'ajout de cette offre aux solutions proposées. Les tests dureront quelques mois, les clients qui souhaitent y participer sont invités à se signaler par mail.</p>
</div>
</div>
<div class="ui raised segment">
<div class="ui clearing basic segment">
<h4 class="ui left floated header">Installation du premier client</h4>
<h4 class="ui right floated header dimmed">le 31/08/2021</h4>
</div>
<div class="ui basic segment">
<h4 class="ui header impact-none">Impact: aucun</h4>
<p>L'infrastructure accueille aujourd'hui son premier client officiel sur un VPS Nextcloud. Un petit pas pour l'internet ouvert mais un grand bond pour clawd.fr!</p>
</div>
</div>
<div class="ui raised segment">
<div class="ui clearing basic segment">
<h4 class="ui left floated header">Création de l'infrastructure</h4>
<h4 class="ui right floated header dimmed">le 29/08/2021</h4>
</div>
<div class="ui basic segment">
<h4 class="ui header impact-important">Impact: important</h4>
<p>Premier serveur commandé et reçu ce jour, l'installation de l'infrastructure complète commence. Quelques nuits blanches en perspective!</p>
</div>
</div>
</div> </div>
</div> </div>

@ -0,0 +1,70 @@
<?php
require_once 'includes/_config.php';
$currentPage = $pages['mentions'];
?><!DOCTYPE html>
<html>
<head>
<?php include 'includes/_meta.php'; ?>
<title>clawd.fr - Mentions Légales</title>
<?php include 'includes/_assets.php'; ?>
</head>
<body class="clawd">
<?php include 'includes/_menus.php'; ?>
<!-- Page Contents -->
<div class="pusher">
<div class="ui inverted vertical masthead center aligned segment">
<?php include 'includes/_mainmenu.php'; ?>
<div class="ui text container">
<h1 class="ui header" id="logo">CLAWD.FR</h1>
<h2>HÉBERGEUR ENGAGÉ</h2>
</div>
</div>
<div class="ui container borderless center aligned">
<h1>MENTIONS LÉGALES</h1>
</div>
<div class="ui vertical stripe segment">
<div class="ui middle aligned stackable grid container">
<div class="row">
<div class="wide column">
<h3>IDENTIFICATION</h3>
<p>Le site <a href="https://clawd.fr/" target="_self">clawd.fr</a> est édité par la micro-entreprise enregistrée au nom de:<br>
M. WEISKOPFF Adrien<br>
46 Avenue de Lattres de Tassigny<br>
43300 LANGEAC, FRANCE<br>
SIRET 85324082800022<br>
<a href="mailto:admin@clawd.fr" target="_blank">admin@clawd.fr</a><br>
zéro-six 13 03 41 66</p>
<p>Le serveur physique hébergeant le site <a href="https://clawd.fr/" target="_self">clawd.fr</a> est hébergé par la société <a href="https://www.hetzner.com/" target="_blank">Hetzner Online GmbH</a> en Allemagne.</p>
<h3>ACTIVITÉ</h3>
<p><a href="https://clawd.fr/" target="_self">clawd.fr</a> propose des solutions d'hébergement de site et d'application web à prix libre.<br>
Les Conditions Générales d'Utilisation du site et des services proposés sont disponibles à l'adresse suivante: <a href="https://clawd.fr/cgu.html" target="_blank">http://clawd.fr/cgu.html</a>.<br>
Les Conditions Générales de Vente des services proposés sont disponibles à l'adresse suivante: <a href="https://clawd.fr/cgv.html" target="_blank">http://clawd.fr/cgv.html</a>.</p>
<h3>DONNÉES PERSONNELLES ET COOKIES</h3>
<p>Le site <a href="https://clawd.fr/" target="_self">clawd.fr</a> n'utilise aucun cookies.</p>
<p><a href="https://clawd.fr/" target="_self">clawd.fr</a> est dans l'obligation légale de conserver l'historique des visites sur le site <a href="https://clawd.fr/" target="_self">clawd.fr</a> et sur chaque service mis en place, cet historique contient les données suivantes: horodatage de la visite, adresse IP du visiteur, version complète du navigateur, adresse de la page consultée. Ces données sont supprimées automatiquement au bout d'un an.</p>
<p>Les clients qui souscrivent une offre auprès de <a href="https://clawd.fr/" target="_self">clawd.fr</a> sont amenés à fournir des données personnelles du type Nom, Prénom, adresses et raison sociale, ces données ne sont collectées qu'à des fins de gestion administrative et ne sont jamais cédées, vendues, ou transmises à des tiers pour quelque raison que ce soit.<br>
Conformément aux obligations légales, chaque client peut demander à consulter, modifier ou supprimer les données personnelles le concernant par simple demande écrite envoyée à l'adresse <a href="mailto:admin@clawd.fr" target="_blank">admin@clawd.fr</a>.</p>
</div>
</div>
</div>
</div>
<?php include 'includes/_footer.php'; ?>
</div>
</body>
</html>

@ -63,7 +63,63 @@ $currentPage = $pages['solutions'];
<div class="column"> <div class="column">
<h3>Pour qui?</h3> <h3>Pour qui?</h3>
<p>Petites et moyennes entreprises, associations, administrations, groupes d'amis ou familiaux</p> <p>Petites et moyennes entreprises, associations, administrations, groupes d'amis ou familiaux, équipes de développement, travailleurs indépendants</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>Hébergement web</h2>
<p>Du site statique HTML/CSS à l'application web en passant par les moteurs de blogs et autres CMS, je peux assurer pour vous l'hébergement web sous la plupart de ses multiples formes.</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>
</div>
</div>
</div>
<div class="ui two column doubling stackable grid container">
<div class="column">
<h3>Pour quoi?</h3>
<ul class="list">
<li>Site web statique ou dynamique</li>
<li>Application web</li>
<li>Moteur de blog / CMS (type Wordpress)</li>
<li>Boutique en ligne (Prestashop, Magento, Sylius)</li>
<li>Backend pour application mobile</li>
<li>Miroir de téléchargement FTP(S)/HTTP(S)</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>
</div>
</div>
</div>
<div class="ui vertical stripe segment">
<div class="ui middle aligned stackable grid container">
<div class="row">
<div class="column">
<h2>Hébergement mail</h2>
<p>Cette partie de mon activité en est encore dans sa phase d'essais, elle n'est donc pas encore assez fiable et peut être interrompue ou remise à zéro n'importe quand, mais si vous souhaitez faire partie de l'expérience je peux vous y donner accès.</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 communications</li>
<li>Gérer ses propres domaines et boîtes mails</li>
<li>Gérer ses propres mailing-lists</li>
</ul>
</div>
<div class="column">
<h3>Pour qui?</h3>
<p>À l'heure actuelle seulement pour les enthousiastes qui n'ont pas froid aux yeux!</p>
</div> </div>
</div> </div>
</div> </div>

Loading…
Cancel
Save