RecycledCloud
/
recycled.cloud
6
0
Fork 0
Code Issues 5 Pull Requests Releases Wiki Activity

Restructure project based on original page-template script

This commit is contained in:
Timothée Floure 2024-06-28 13:32:25 +02:00
parent 4a4f4996c2
commit e7adbc62eb
Signed by: tfloure
GPG Key ID: 4502C902C00A1E12
58 changed files with 1471 additions and 3421 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
legacy/.gitignore → .gitignore vendored
View File

7
assets/main.css Normal file
View File

@ -0,0 +1,7 @@
body, main, header, footer {
width: 100%;
}
.flex {
display: flex;
}

0
Style.css → assets/robel.css
View File

200
backup.html
View File

@ -1,200 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recycled Cloud</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Style.css">
<link rel="icon" type="image/RecycledCloudLogo" href="assets/Recycledcloud-02.svg">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<meta name="keywords" content="green, eco-friendly, backup, cloud, server, swiss, IT, ecological, recycled, ethical">
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index.html" class="logo_01">
<img id="logo_01" src="assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
</a>
<input id="nav-toggle" type="checkbox">
<ul class="topnav-links">
<li class="nav-item"><a href="index.html"><span>Home</span></a></li>
<li class="nav-item"><a href="backup.html" class="active"><span>Backup</span></a></li>
<li class="nav-item"><a href="virtual-machine.html"><span>Virtual Machines</span></a></li>
<li class="nav-item">
<a href="manifesto.html"><span>Manifesto</span></a>
</li>
<li class="nav-item"><a href="become-client.html" style="color: #043975"><span>Become
Client</span></a></li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="#" class="active-1"><span>EN</span></a></li>
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
<li class="nav-item nav-item2"><a href="backup_fr.html"><span>FR</span></a></li>
</ul>
</ul>
</ul>
<label for="nav-toggle" class="icon-burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</nav>
</header>
<main>
<div class="Flex-Container_14_1">
<img id="logo_12" src="assets/Backup.svg" alt="Backup logo">
<h1 id="BP_06">Backup & Protect</h1>
</div>
<section class="Flex-Container_14">
<div class="Flex-item_23">
<div class="Flex-item_23_1">
<div class="Flex-item_23_2">
<img id="logo_11" src="assets/Backup.svg" alt="Backup logo">
<h1 id="BP_05">Backup & Protect</h1>
</div>
<p class="Flex-item_23_3">An enterprise grade Backup and Protection service for your critical files and most important servers (whether physical or virtual). This service protects you from complete loss of data and potential and closure of your business in
the event of a major disaster in your office.
</p>
<p class="Flex-item_23_4">All is monitored for you and you don't have to worry about remembering to save that disk or rotate this external drive: everything is done for you. There is no need to learn Acronis or Veeam backup software, we'll take care of their
configuration for you.
</p>
<div class="Flex-item_23_5">
<a href="#link_TS_02">
<p id="link_TS_01"><span>Technical Specifications</span></p>
</a>
<a href="#link_PR">
<p id="link_PR_1"><span>Prices</span></p>
</a>
</div>
</div>
</div>
<div class="Flex-item_24">
<p class="Flex-item_24_1">All inclusive flat fee</p>
<p class="Flex-item_24_2">from <strong>99.- </strong>/month</p>
<p class="Flex-item_24_3">excluding taxes</p>
<a href="become-client.html"><button id="btn_01" class="button_01">
<h5>I'm interested</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_10">
<div>
<h2 id="Question">Questions? We are happy to answer them.</h2>
<p id="Call_us" class=" ML_170 ">Call us <a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a> or send a <a href="mailto:contact@e-durable.ch?subject=Question about Recycled Cloud&body=Hello Recycled Cloud!"
class="Flex-item_15">message.</a></p>
</div>
</section>
<article class="Flex-item_25">
<div>
<h4 id="link_TS_02">Technical specifications</h4>
</div>
<div>
<p class="Flex-item_25_1">
We provide several types of backup services, from the completely unmanaged to a full solution for on-premise virtual infrastructure. Our core component is <span><a href="https://www.borgbackup.org/"
class="Flex-item_15" target="_blank">borgbackup</a></span> which provides encrypted, deduplicated append-only backups.
</p>
<p class="Flex-item_25_2">
For our unmanaged offer, we provide either a borg or an rsync endpoint with configurable available space, requiring only an SSH key from our clients.
</p>
<p class="Flex-item_25_3">
With our managed backup offer, we combine the archiving capabilities of borg with the power of VEEAM software backups, for a two-step backup procedure allowing configurable retention of virtual machine images, protecting your infrastructure against data
loss.
</p>
</div>
</article>
<div>
<div class="Flex-item_26">
<h4 id="link_PR">Prices</h4>
</div>
<section class="Flex-Container_15">
<div class="Flex-Container_15_1">
<div class="Flex-item_26_1">
<ul>
<li><strong>All your documents<sup>*</sup> </strong>saved remotely
</strong>
</li>
<li class="MT_40">2 copies at all times</li>
<li class="MT_40">Monitoring and follow-up of backups included</li>
</ul>
</div>
<div class="Flex-item_26_2">
<p>=</p>
</div>
<div class="Flex-item_26_3">
<p class="Flex-item_26_3_1"> <strong> 99.- </strong> / month</p>
<p class="Flex-item_26_3_2">excluding taxes</p>
</div>
</div>
<div class="Flex-item_26_4">
<small> (*) based on fair use, subject to prior analysis and acceptance by e-Durable. In case of
large volume of data additional fees may apply.</small>
</div>
</section>
<article class="Flex-item_27">
<p class="Flex-item_27_1">
Unlike our competitors, we can offer you exactly what you need as we do not base our prices only on large data size chunks. We'll provide a sound backup strategy, based on your business type and on your exact needs, all while optimizing resource usage.
</p>
<p class="Flex-item_27_2">
Please contact us for a personalized offer so you don't end up paying for things you don't need.
</p>
</article>
</div>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Interested?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Take your first step to make</br> your IT more sustainable
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contact Us</h5>
</button></a>
</div>
</div>
</article>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<a href="https://e-durable.ch/" target="_blank">
<img id="logo_09" src="assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
<p class="Flex-item_18_01">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, Switzerland </p>
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a>
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="index.html">Home</a></li>
<li class="Flex-item_20"><a href="Backup.html">Backup</a></li>
<li class="Flex-item_20"><a href="virtual-machine.html">Virtual Machines</a></li>
<li class="Flex-item_20"><a href="manifesto.html">Manifesto</a></li>
<li class="Flex-item_20"><a href="become-client.html">Become Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
</div>
</section>
<footer class="Flex-Container_13">
<a href="privacy-policy.html">
<p class="Flex-item_21 MT_40"> Terms of Usage & Privacy Policy</p>
</a>
<p class="Flex-item_22 MT_40">&copy;Copyright by e-Durable SA</p>
</footer>
</main>
</body>
</html>

210
backup_fr.html
View File

@ -1,210 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recycled Cloud</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Style.css">
<link rel="icon" type="image/RecycledCloudLogo" href="assets/Recycledcloud-02.svg">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<meta name="keywords" content="écologique, vert, backup, cloud, serveur, suisse, IT, recyclé, éthique">
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index_fr.html" class="logo_01">
<img id="logo_01" src="assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
</a>
<input id="nav-toggle" type="checkbox">
<ul class="topnav-links">
<li class="nav-item"><a href="index_fr.html"><span>Accueil</span></a></li>
<li class="nav-item"><a href="backup_fr.html" class="active"><span>Backup</span></a></li>
<li class="nav-item"><a href="virtual-machine_fr.html"><span>Machines Virtuelles</span></a></li>
<li class="nav-item">
<a href="manifesto_fr.html"><span>Manifesto</span></a>
</li>
<li class="nav-item"><a href="become-client_fr.html" style="color: #043975"><span>Devenir
Client</span></a>
</li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="backup.html"><span>EN</span></a></li>
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
<li class="nav-item nav-item2"><a href="backup_fr.html" class="active-1"><span>FR</span></a></li>
</ul>
</ul>
</ul>
<label for="nav-toggle" class="icon-burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</nav>
</header>
<main>
<div class="Flex-Container_14_1">
<img id="logo_12" src="assets/Backup.svg" alt="Backup logo">
<h1 id="BP_06">Backup &amp; Protect</h1>
</div>
<section class="Flex-Container_14">
<div class="Flex-item_23">
<div class="Flex-item_23_1">
<div class="Flex-item_23_2">
<img id="logo_11" src="assets/Backup.svg" alt="Backup logo">
<h1 id="BP_05">Backup &amp; Protect</h1>
</div>
<p class="Flex-item_23_3">Un service de sauvegarde et de protection de grade entreprise pour vos fichiers critiques et vos serveurs les plus importants (qu'ils soient physiques ou virtuels). Ce service vous prot&egrave;ge contre la perte totale de donn&eacute;es
et la fermeture potentielle de votre entreprise en cas de sinistre majeur dans vos locaux.
</p>
<p class="Flex-item_23_4">Tout est surveill&eacute; pour vous et vous n'avez pas &agrave; vous soucier de vous rappeler de sauvegarder tel disque ou de faire la rotation de tel lecteur externe : tout est fait pour vous. Il n'est pas n&eacute;cessaire d'apprendre
un logiciel de sauvegarde (p. ex. Acronis ou Veeam), nous nous chargeons de leur configuration pour vous.
</p>
<div class="Flex-item_23_5">
<a href="#link_TS_02">
<p id="link_TS_01"><span>Caract&eacute;ristiques techniques</span></p>
</a>
<a href="#link_PR">
<p id="link_PR_1"><span>Tarifs</span></p>
</a>
</div>
</div>
</div>
<div class="Flex-item_24">
<p class="Flex-item_24_1">Tarif forfaitaire tout compris</p>
<p class="Flex-item_24_2">d&eacute;s <strong>99.- </strong>/ mois</p>
<p class="Flex-item_24_3">hors taxes</p>
<a href="become-client_fr.html"><button id="btn_01" class="button_01">
<h5>Je suis int&eacute;ress&eacute;</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_10">
<div>
<h2 id="Question">Vous avez des questions ? Nous sommes ravis d'y r&eacute;pondre.</h2>
<p id="Call_us" class=" ML_170 ">Appelez-nous au <a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a> ou envoyez-nous <a href="mailto:contact@e-durable.ch?subject=Question sur le Recycled Cloud&amp;body=Bonjour Recycled Cloud!"
class="Flex-item_15">un message</a></p>
</div>
</section>
<article class="Flex-item_25">
<div>
<h4 id="link_TS_02">Caract&eacute;ristiques techniques</h4>
</div>
<div>
<p class="Flex-item_25_1">
Nous proposons plusieurs types de services de sauvegarde, de la solution totalement non g&eacute;r&eacute;e &agrave; une solution compl&egrave;te pour l'infrastructure virtuelle sur site. Notre composant principal est <span><a href="https://www.borgbackup.org/" class="Flex-item_15"
target="_blank">borgbackup</a></span> qui fournit des sauvegardes crypt&eacute;es, d&eacute;dupliqu&eacute;es et en ajout seul.
</p>
<p class="Flex-item_25_2">
Pour notre offre non g&eacute;r&eacute;e, nous fournissons un point de terminaison borg ou rsync avec un espace disponible configurable, ne n&eacute;cessitant qu'une cl&eacute; SSH de la part de nos clients.
</p>
<p class="Flex-item_25_3">
Avec notre offre de sauvegarde g&eacute;r&eacute;e, nous combinons les capacit&eacute;s d'archivage de borg avec la puissance des sauvegardes du logiciel VEEAM, pour une proc&eacute;dure de sauvegarde en deux &eacute;tapes permettant une r&eacute;tention
configurable des images de machines virtuelles, prot&eacute;geant ainsi votre infrastructure contre la perte de donn&eacute;es.
</p>
</div>
</article>
<div>
<div class="Flex-item_26">
<h4 id="link_PR">Tarifs</h4>
</div>
<section class="Flex-Container_15">
<div class="Flex-Container_15_1">
<div class="Flex-item_26_1">
<ul>
<li><strong>Tous vos documents<sup>*</sup> </strong>sauvergard&eacute;s &agrave; distance
</strong>
</li>
<li class="MT_40">2 copies en permanence</li>
<li class="MT_40">Surveillance et suivi des sauvegardes inclus</li>
</ul>
</div>
<div class="Flex-item_26_2">
<p>=</p>
</div>
<div class="Flex-item_26_3">
<p class="Flex-item_26_3_1"> <strong> 99.- </strong> / mois</p>
<p class="Flex-item_26_3_2">hors taxes</p>
</div>
</div>
<div class="Flex-item_26_4">
<small>(*) bas&eacute; sur une utilisation raisonn&eacute; sous réserve d'analyse et acceptation
pr&eacute;alable par e-Durable. Des frais supplémentaires peuvent s'appliquer en cas de volume
important de données.
</small>
</div>
</section>
</div>
<article class="Flex-item_27">
<p class="Flex-item_27_1">
Contrairement &agrave; nos concurrents, nous pouvons vous offrir exactement ce dont vous avez besoin car nous ne basons pas nos prix uniquement sur des promesses de grands espaces de stockage qui resteront vides. Nous vous fournirons une strat&eacute;gie
de sauvegarde solide, bas&eacute;e sur votre type d'entreprise et sur vos besoins exacts, tout en optimisant l'utilisation des ressources.
</p>
<p class="Flex-item_27_2">
N'h&eacute;sitez pas &agrave; nous contacter pour obtenir une offre personnalis&eacute;e afin d'&eacute;viter de payer pour des choses dont vous n'avez pas besoin.
</p>
</article>
</div>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Int&eacute;rress&eacute; ?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Faites votre premier pas pour rendre<br> votre informatique plus durable.
</h4>
<div>
<a href="become-client_fr.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contactez-nous</h5>
</button></a>
</div>
</div>
</article>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<a href="https://e-durable.ch/fr" target="_blank">
<img id="logo_09" src="assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
<p class="Flex-item_18_01">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, Suisse </p>
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41
22 566 78 58</a>
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="index_fr.html">Accueil</a></li>
<li class="Flex-item_20"><a href="backup_fr.html">Backup</a></li>
<li class="Flex-item_20"><a href="virtual-machine_fr.html">Machines Virtuelles</a></li>
<li class="Flex-item_20"><a href="manifesto_fr.html">Manifesto</a></li>
<li class="Flex-item_20"><a href="become-client_fr.html">Devenir Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
</div>
</section>
<footer class="Flex-Container_13">
<a href="privacy-policy_fr.html">
<p class="Flex-item_21 MT_40">Conditions d'Utilisation &amp; politique de confidentialit&eacute;.
</p>
</a>
<p class="Flex-item_22 MT_40">&copy;2022 e-Durable SA</p>
</footer>
</main>
</body>
</html>

97
become-client.html
View File

@ -1,97 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recycled Cloud</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Style.css">
<link rel="icon" type="image/RecycledCloudLogo" href="assets/Recycledcloud-02.svg">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<meta name="keywords" content="green, hosting, eco-friendly, cloud, server, swiss, IT, ecological, recycled, ethical">
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index.html" class="logo_01">
<img id="logo_01" src="assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
</a>
<input id="nav-toggle" type="checkbox">
<ul class="topnav-links">
<li class="nav-item"><a href="index.html"><span>Home</span></a></li>
<li class="nav-item"><a href="backup.html"><span>Backup</span></a></li>
<li class="nav-item"><a href="virtual-machine.html"><span>Virtual Machines</span></a></li>
<li class="nav-item">
<a href="manifesto.html"><span><span>Manifesto</span></span></a>
</li>
<li class="nav-item"><a href="become-client.html" class="active_2" style="color: #043975"><span>Become
Client</span></a></li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="become-client.html" class="active-1"><span>EN</span></a></li>
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
<li class="nav-item nav-item2"><a href="become-client_fr.html"><span>FR</span></a></li>
</ul>
</ul>
<label for="nav-toggle" class="icon-burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</nav>
</header>
<main>
<section class="Flex-Container_17">
<h1 class="Flex-item_31">Become our Client</h1>
<P style="color:#0f3975" class="MB_20"><strong> Thank you for your interest in our services.</strong> </P>
<p class="Flex-item_32 MB_40"> Please email or call us to directly order a service, ask a question or leave feedback. We will get back within half a business day.
</p>
<p><a href="mailto:contact@e-durable.ch?subject=Recycled Cloud - I am interested in your services&body=Hello Recycled Cloud!" class="Flex-item_15 MT_100">contact@e-durable.ch</a>
</p>
<ul class="Flex-item_33">
<li>
<p><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41
22 566 78 58</a></p>
</li>
</ul>
</section>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<a href="https://e-durable.ch/" target="_blank">
<img id="logo_09" src="assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
<p class="Flex-item_18_01">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, Switzerland </p>
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a>
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="index.html">Home</a></li>
<li class="Flex-item_20"><a href="backup.html">Backup</a></li>
<li class="Flex-item_20"><a href="virtual-machine.html">Virtual Machines</a></li>
<li class="Flex-item_20"><a href="manifesto.html">Manifesto</a></li>
<li class="Flex-item_20"><a href="become-client.html">Become Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
</div>
</section>
<footer class="Flex-Container_13">
<a href="privacy-policy.html">
<p class="Flex-item_21 MT_40"> Terms of Usage & Privacy Policy</p>
</a>
<p class="Flex-item_22 MT_40">&copy;Copyright by e-Durable SA</p>
</footer>
</main>
</body>
</html>

101
become-client_fr.html
View File

@ -1,101 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recycled Cloud</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Style.css">
<link rel="icon" type="image/RecycledCloudLogo" href="assets/Recycledcloud-02.svg">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<meta name="keywords" content="écologique, hébergement, vert, vps, cloud, serveur, suisse, IT, recyclé, éthique">
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index_fr.html" class="logo_01">
<img id="logo_01" src="assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
</a>
<input id="nav-toggle" type="checkbox">
<ul class="topnav-links">
<li class="nav-item"><a href="index_fr.html"><span>Accueil</span></a></li>
<li class="nav-item"><a href="backup_fr.html"><span>Backup</span></a></li>
<li class="nav-item"><a href="virtual-machine_fr.html"><span>Machines Virtuelles</span></a></li>
<li class="nav-item">
<a href="manifesto_fr.html"><span><span>Manifesto</span></span></a>
</li>
<li class="nav-item"><a href="become-client_fr.html" class="active_2" style="color: #043975"><span>Devenir
Client</span></a></li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="become-client.html"><span>EN</span></a></li>
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
<li class="nav-item nav-item2"><a href="become-client_fr.html" class="active-1"><span>FR</span></a>
</li>
</ul>
</ul>
<label for="nav-toggle" class="icon-burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</nav>
</header>
<main>
<section class="Flex-Container_17">
<h1 class="Flex-item_31">Devenez notre client</h1>
<P style="color:#0f3975" class="MB_20"><strong>Nous vous remercions de l'intérêt que vous portez à nos
services.</strong> </P>
<p class="Flex-item_32 MB_40"> Veuillez nous envoyer un courriel ou nous appeler pour commander directement un service, poser une question ou laisser un commentaire. Nous vous répondrons dans un délai d'un demi-jour ouvrable.
</p>
<p><a href="mailto:contact@e-durable.ch?subject=Recycled Cloud - Je suis intéressé(e) par vos services&body=Bonjour Recycled Cloud!" class="Flex-item_15 MT_100">contact@e-durable.ch</a>
</p>
<ul class="Flex-item_33">
<li>
<p><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41
22 566 78 58</a></p>
</li>
</ul>
</section>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<a href="https://e-durable.ch/fr" target="_blank">
<img id="logo_09" src="assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
<p class="Flex-item_18_01">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, Suisse </p>
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41
22 566 78 58</a>
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="index_fr.html">Accueil</a></li>
<li class="Flex-item_20"><a href="backup_fr.html">Backup</a></li>
<li class="Flex-item_20"><a href="virtual-machine_fr.html">Machines Virtuelles</a></li>
<li class="Flex-item_20"><a href="manifesto_fr.html">Manifesto</a></li>
<li class="Flex-item_20"><a href="become-client_fr.html">Devenir Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
</div>
</section>
<footer class="Flex-Container_13">
<a href="privacy-policy_fr.html">
<p class="Flex-item_21 MT_40">Conditions d'Utilisation &amp; politique de confidentialit&eacute;.
</p>
</a>
<p class="Flex-item_22 MT_40">&copy;2022 e-Durable SA</p>
</footer>
</main>
</body>
</html>

24
deploy.sh Executable file
View File

@ -0,0 +1,24 @@
#!/bin/sh
set -e
DESTINATION=root@static.recycled.cloud:/var/www/
WEBSITE=recycled.cloud
for locale in en fr; do
(cd $locale/; make clean; make all)
done
workdir=$(mktemp -d)
cp -r assets $workdir
for locale in en fr; do
mkdir $workdir/$locale
cp -r $locale/*.html $workdir/$locale
cp -r assets $workdir/$locale
done
cp en/index.html $workdir
sftp -b - "$DESTINATION" <<- EOF
-rm ${WEBSITE:?}/*
put -R ${workdir:?}/* $WEBSITE
EOF

24
en/Makefile Normal file
View File

@ -0,0 +1,24 @@
# Stuff for make to work make magic.
.DEFAULT: all
.SUFFIXES: .part .html
.PHONY: all clean deploy
.EXPORT_ALL_VARIABLES:
BASE_TITLE = Recycled Cloud
PAGES = index.html backup.html virtual-machine.html become-client.html privacy-policy.html manifesto.html
all: $(PAGES)
clean:
rm -rf $(PAGES)
.part.html:
./page-template.sh $+ > $@
$(PAGES): page-template.sh
index.html: TITLE = "$(BASE_TITLE) | Home"
backup.html: TITLE = "$(BASE_TITLE) | Backups"
manifesto.html: TITLE = "$(BASE_TITLE) | Manifesto"
virtual-machine.html: TITLE = "$(BASE_TITLE) | Virtual machines"
become-client.html: TITLE = "$(BASE_TITLE) | Become client"
privacy-policy.html: TITLE = "$(BASE_TITLE) | Privacy Policy"

1
en/assets Symbolic link
View File

@ -0,0 +1 @@
../assets/

116
en/backup.part Normal file
View File

@ -0,0 +1,116 @@
<div class="Flex-Container_14_1">
<img id="logo_12" src="assets/Backup.svg" alt="Backup logo">
<h1 id="BP_06">Backup & Protect</h1>
</div>
<section class="Flex-Container_14">
<div class="Flex-item_23">
<div class="Flex-item_23_1">
<div class="Flex-item_23_2">
<img id="logo_11" src="assets/Backup.svg" alt="Backup logo">
<h1 id="BP_05">Backup & Protect</h1>
</div>
<p class="Flex-item_23_3">An enterprise grade Backup and Protection service for your critical files and most important servers (whether physical or virtual). This service protects you from complete loss of data and potential and closure of your business in
the event of a major disaster in your office.
</p>
<p class="Flex-item_23_4">All is monitored for you and you don't have to worry about remembering to save that disk or rotate this external drive: everything is done for you. There is no need to learn Acronis or Veeam backup software, we'll take care of their
configuration for you.
</p>
<div class="Flex-item_23_5">
<a href="#link_TS_02">
<p id="link_TS_01"><span>Technical Specifications</span></p>
</a>
<a href="#link_PR">
<p id="link_PR_1"><span>Prices</span></p>
</a>
</div>
</div>
</div>
<div class="Flex-item_24">
<p class="Flex-item_24_1">All inclusive flat fee</p>
<p class="Flex-item_24_2">from <strong>99.- </strong>/month</p>
<p class="Flex-item_24_3">excluding taxes</p>
<a href="become-client.html"><button id="btn_01" class="button_01">
<h5>I'm interested</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_10">
<div>
<h2 id="Question">Questions? We are happy to answer them.</h2>
<p id="Call_us" class=" ML_170 ">Call us <a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a> or send a <a href="mailto:contact@e-durable.ch?subject=Question about Recycled Cloud&body=Hello Recycled Cloud!"
class="Flex-item_15">message.</a></p>
</div>
</section>
<article class="Flex-item_25">
<div>
<h4 id="link_TS_02">Technical specifications</h4>
</div>
<div>
<p class="Flex-item_25_1">
We provide several types of backup services, from the completely unmanaged to a full solution for on-premise virtual infrastructure. Our core component is <span><a href="https://www.borgbackup.org/"
class="Flex-item_15" target="_blank">borgbackup</a></span> which provides encrypted, deduplicated append-only backups.
</p>
<p class="Flex-item_25_2">
For our unmanaged offer, we provide either a borg or an rsync endpoint with configurable available space, requiring only an SSH key from our clients.
</p>
<p class="Flex-item_25_3">
With our managed backup offer, we combine the archiving capabilities of borg with the power of VEEAM software backups, for a two-step backup procedure allowing configurable retention of virtual machine images, protecting your infrastructure against data
loss.
</p>
</div>
</article>
<div>
<div class="Flex-item_26">
<h4 id="link_PR">Prices</h4>
</div>
<section class="Flex-Container_15">
<div class="Flex-Container_15_1">
<div class="Flex-item_26_1">
<ul>
<li><strong>All your documents<sup>*</sup> </strong>saved remotely
</strong>
</li>
<li class="MT_40">2 copies at all times</li>
<li class="MT_40">Monitoring and follow-up of backups included</li>
</ul>
</div>
<div class="Flex-item_26_2">
<p>=</p>
</div>
<div class="Flex-item_26_3">
<p class="Flex-item_26_3_1"> <strong> 99.- </strong> / month</p>
<p class="Flex-item_26_3_2">excluding taxes</p>
</div>
</div>
<div class="Flex-item_26_4">
<small> (*) based on fair use, subject to prior analysis and acceptance by e-Durable. In case of
large volume of data additional fees may apply.</small>
</div>
</section>
<article class="Flex-item_27">
<p class="Flex-item_27_1">
Unlike our competitors, we can offer you exactly what you need as we do not base our prices only on large data size chunks. We'll provide a sound backup strategy, based on your business type and on your exact needs, all while optimizing resource usage.
</p>
<p class="Flex-item_27_2">
Please contact us for a personalized offer so you don't end up paying for things you don't need.
</p>
</article>
</div>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Interested?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Take your first step to make</br> your IT more sustainable
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contact Us</h5>
</button></a>
</div>
</div>
</article>

14
en/become-client.part Normal file
View File

@ -0,0 +1,14 @@
<section class="Flex-Container_17">
<h1 class="Flex-item_31">Become our Client</h1>
<p style="color:#0f3975" class="MB_20"><strong> Thank you for your interest in our services.</strong> </p>
<p class="Flex-item_32 MB_40"> Please email or call us to directly order a service, ask a question or leave feedback. We will get back within half a business day.
</p>
<p><a href="mailto:contact@e-durable.ch?subject=Recycled Cloud - I am interested in your services&body=Hello Recycled Cloud!" class="Flex-item_15 MT_100">contact@e-durable.ch</a>
</p>
<ul class="Flex-item_33">
<li>
<p><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41
22 566 78 58</a></p>
</li>
</ul>
</section>

217
en/index.part Normal file
View File

@ -0,0 +1,217 @@
<section class="Flex-Container_03">
<div class="Flex-item_01">
<img id="logo_02" src="assets/Recycledcloud-02.svg" alt="Recycled Clourd logo"></div>
<div class="Flex-item_02">
<h1>Cloud Services</h1>
<h2 id="local_recycled" class="MT_20">100% Local, 100% Recycled,</br> 100% Committed</h2>
<p id="local_recycled_2">Entirely swiss and with all environmental </br>cursors pushed to their max</p>
<a href="manifesto.html" class="Flex-item_03_1"><button id="btn_RM" class="button_01 MT_40 ">
<h5>Read our Manifesto</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_04">
<div>
<h2 class="Flex-item_02_2 ">Green Solutions for Your Projects</h2>
</div>
<div class="Flex-Container_05">
<article class="Flex-item_03" style="align-items: center;">
<div>
<img id="logo_03" src="assets/Backup.svg" alt="Backup logo">
<div>
<h3>Backup & Protect</h3>
<p>Hassle Free Managed Backup </br>& Cyber-Protection</p>
</div>
<a href="backup.html" class="Flex-item_03_1">
<button type="button" style="border: none;">
<h5 id="btn_BK" class=" button_01 "> More
about Backups</h5>
</button></a>
</div>
</article>
<article class=" Flex-item_04 ">
<div style=" justify-content: center;">
<img id="logo_04" src="assets/Virtual_Machines.svg" alt="Virtual machine logo">
<div>
<h3>Virtual Machines</h3>
<p id="VM_02">Build your infrastructure in </br>Switzerland with confidence and</br> local support
</p>
</div>
<a href="virtual-machine.html" class="Flex-item_03_1">
<button type="button" style="border: none;">
<h5 id="btn_VM" class="button_01 ">
More
about VMs</h5>
</button></a>
</div>
</article>
<article class=" Flex-item_04 ">
<div style=" justify-content: center;">
<img id="logo_04_02" src="assets/globe_low_carbon_website.svg" alt="Low carbon website logo">
<div>
<h3>Low-Carbon Websites</h3>
<p id="VM_03">Design and host your web </br>sites with a very small carbon</br>
footprint and incredible speed
</p>
</div>
<a href="become-client.html" class="Flex-item_03_1">
<button type="button" style="border: none;">
<h5 id="btn_VM" class="button_01 ">
Become a Client</h5>
</button></a>
</div>
</article>
</div>
</section>
<section class="Flex-Container_06">
<article class="Flex-item_05">
<div>
<h2 id="Manifesto">Manifesto</h2>
</div>
<p id="Manifesto_p_01">We want to minimize the negative environmental impact of IT while re-using unused servers and to offer you a bespoke cloud and virtual servers that are
<strong>100% local</strong> (Switzerland),
<strong>100% recycled</strong> and <strong>100% committed.</strong></p>
<p id="Manifesto_p_02" class="MB_60 ">This is what we know how to do and this is what we love doing. And we do it with as much meaning as possible.</p>
<a href="manifesto.html">
<div class="Flex-item_05_1">
<h6 id="link_RM" class="MB_60">Read whole Manifesto</h6>
<div id="wcb" class="carbonbadge"></div>
</div>
</a>
</div>
</article>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Interested?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Take your first step to make</br> your IT more sustainable
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contact Us</h5>
</button></a>
</div>
</div>
</article>
</section>
<section class="Flex-Container_08">
<div>
<h2 id="title_hcyh">How can you help?</h2>
</div>
<article class="Flex-item_09">
<aside class="Flex-item_10">
<h4>Donate Unused</br> Hardware</h4>
<img id="logo_05" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
<p class="Flex-item_10_1"> don’t buy </br> a new one</br> unnecessarily.</p>
</aside>
<aside class="Flex-item_10 ">
<h4>Spread the Word</h4>
<img id="logo_06" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
<p class="Flex-item_10_1">We still have some</br> space available on our</br> current infrastructure.
</p>
</aside>
<aside id="JS" class="Flex-item_10">
<h4 class="Flex-item_10_5">Join Us</h4>
<img id="logo_07" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
<p class="Flex-item_10_1">We would gladly</br> welcome new</br> members, to help us</br> run the infrastructure.
</p>
</aside>
</article>
</section>
<section class="Flex-Container_09">
<div>
<h2 id="BP_04">Backup & Protect</h2>
</div>
<article class="Flex-item_11">
<div class="Flex-item_12">
<img id="logo_08_1" src="assets/Backup.svg" alt="Backup logo">
<p class="Flex-item_12_1"><strong> Hassle Free Managed</br> Backup & Cyber-Protection</strong></p>
</div>
<div>
<p class="Flex-item_12_2 ">An open source based solution to keep your data in a safe second location, away from your own facilities.</p>
<ul class="Flex-item_13">
<li>
<p id="BP_06">You know it stays in Switzerland.</p>
</li>
<li>
<p id="BP_07">You talk to local people in case you need help.</p>
</li>
<li>
<p> You can restart your activity in case of a major event</br> on your premises (fire, flooding, ransomware...).
</p>
</li>
</ul>
</div>
</article>
<div class="Flex-item_14">
<a href="backup.html">
<h6 id="link_LMB">Learn more about Backups</h6>
</a>
<a href="become-client.html">
<button id="btn_BC_02" class="button_01 ">
<h5>Become a Client</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_09">
<div>
<h2 id="BP_04">Virtual Machines</h2>
</div>
<article class="Flex-item_11">
<div class="Flex-item_12_3 ">
<img id="logo_08_2" src="assets/Virtual_Machines.svg" alt="Virtual Machine logo">
<p class="Flex-item_12_1"><strong>Build your infrastructure in
</br>Switzerland with</br> confidence and local </br> support</strong></p>
</div>
<div>
<p class="Flex-item_12_2 ">A virtual machine hosting to host your servers on our recycled cloud .
</p>
<ul class="Flex-item_13">
<li>
<p id="BP_06">You know it stays in Switzerland.</p>
</li>
<li>
<p id="BP_07">You talk to local people in case you need help.</p>
</li>
<li>
<p>You can create a new machine according to your </br> needs to deploy a mail server or to host your applications.</p>
</li>
</ul>
</div>
</article>
<div class="Flex-item_14">
<a href="virtual-machine.html">
<h6 id="link_LMVM"> Learn more about Virtual </br> Machines </h6>
</a>
<a href="become-client.html">
<button id="btn_BC_02" class="button_01 ">
<h5>Become a Client</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_10">
<div>
<h2 id="Question">Questions? We are happy to answer them.</h2>
<p id="Call_us">Call us <a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a> or send a <a href="mailto:contact@e-durable.ch?subject=Question about Recycled Cloud&body=Hello Recycled Cloud!"
class="Flex-item_15">message.</a></p>
</div>
</section>
<section class="Flex-Container_11 ">
<h2 class="Flex-item_16">Locations</h2>
<div id="row_01">
<div class="Flex-item_16_1">
<img id="Location_Map" src="assets/Locaton_map_02.svg" alt="Location Map">
</div>
<div></div>
<p class="Flex-item_17">* Natural cooling means we do not use any artificial air conditioning. Rest assured that your project will run on natural and sustainable energy, with the lowest possible carbon footprint.
</p>
</div>
</div>
</section>
<script src="https://unpkg.com/website-carbon-badges@1.1.3/b.min.js" defer></script>

83
en/manifesto.part Normal file
View File

@ -0,0 +1,83 @@
<section class="Flex-Container_16">
<h1 class="Flex-item_28">Manifesto</h1>
<p class="Flex-item_29">The idea of creating the <strong>Recycled Cloud</strong> was born by observing the astronomical amount of waste generated by the disposal of old computer servers from companies and data centers. </p>
<p class="Flex-item_29">This industry throws away servers while they are still functional. We think this waste can easily be avoided. Every day, many servers are produced, using earth's rare minerals (sometimes failing to provide decent working conditions or even
exploiting children), this environmental impact is huge. We think it’s a shame not to use the products to their full potential and long lifecycle. We do not want to support programmed obsolescence, therefore we have decided to re-use,
repair and re-use, again and again, until the hardware can no longer function.
</p>
<p class="Flex-item_29">
This thought is aligned with our values:
</p>
<ul class="Flex-item_30">
<li>
<p>We are convinced that there are many solutions coming from technology usage to lighten one’s footprint.
</p>
</li>
<li>
<p>We feel it is important to promote these solutions and to make them available to many.</p>
</li>
<li>
<p>We also believe that IT, by producing relevant data and key indicators, is a very powerful tool, which can be used to help everyone measure progress along the ecological transition.</p>
</li>
<li>
<p>Innovation should be used to push all the sliders towards more sustainable solutions.</p>
</li>
</ul>
<p class="Flex-item_29">
We want to help our customers minimize the effect their ICT has on the planet by re-using servers that would otherwise go to waste and to offer you a bespoke cloud, <strong>100% local</strong> (Switzerland),
<strong>100% recycled</strong> and <strong>100% committed.</strong>
</p>
<p class="Flex-item_29">
This is what we love doing.
</p class="Flex-item_29">
<p class="Flex-item_29">
And we do it with as much meaning as possible.
</p>
<p class="Flex-item_29">
Our data centers use all the best known practices and we provide our cloud services in the most sustainable way, by:
</p>
<ul class="Flex-item_30">
<li>
<p>Using natural cooling,</p>
</li>
<li>
<p>Creating local entities which are reasonable in size,</p>
</li>
<li>
<p>Choosing electricity from only renewable sources,</p>
</li>
<li>
<p>Selecting Open Source tools and avoiding vendor lock-in,</p>
</li>
<li>
<p>Not selling any data, not tracking any behavior,</p>
</li>
<li>
<p>Keeping local jobs and supporting teams close to our customers.</p>
</li>
</ul>
<p class="Flex-item_29">
And our <strong>Recycled.Cloud</strong> service is just beginning. We have many more ideas, so stay tuned!
</p>
<p class="Flex-item_29">
<strong>Recycled Cloud</strong> can be a beginning for you as well. We have many things to share and can help you move your IT forward in<strong> a sustainable way</strong>. Reach out to get our help and facilitate these steps.
</p>
<p class="Flex-item_29">
By using the <strong>Recycled.Cloud,</strong> you choose to trust innovative ideas and you support this transition to more ecological IT <strong>services and infrastructures.</strong>
</p>
</section>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Interested?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Take your first step to make</br> your IT more sustainable
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contact Us</h5>
</button></a>
</div>
</div>
</article>

110
en/page-template.sh Executable file
View File

@ -0,0 +1,110 @@
#!/bin/sh
# Most general template template for nyll.
CURRENT_PAGE=$(echo "$1" | cut -d. -f 1)
LOCALE="en"
if_page () {
if [ "$CURRENT_PAGE" = "$1" ]; then
echo "$2"
fi
}
get_url () {
echo "/${LOCALE:?}/$1.html"
}
cat << EOF
<!DOCTYPE html>
<html lang="en" manifest="app_cache.appache">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>${TITLE:?}</title>
<link rel="stylesheet" href="/assets/main.css">
<link rel="stylesheet" href="/assets/robel.css">
<link rel="icon" type="image/RecycledCloudLogo" href="/assets/Recycledcloud-02.svg">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap">
<meta name="keywords" content="green, hosting, eco-friendly, vps, cloud, server, swiss, IT, ecological, low-carbon, recycled, ethical">
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index.html" class="logo_01">
<img id="logo_01" src="/assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
</a>
<input id="nav-toggle" type="checkbox">
<input id="nav-toggle_1" type="checkbox">
<ul class="topnav-links">
<li class="nav-item"><a href="$(get_url index)" class="$(if_page index active)"><span>Home</span></a></li>
<li class="nav-item"><a href="$(get_url backup)" class="$(if_page backup active)"><span>Backup</span></a></li>
<li class="nav-item"><a href="$(get_url virtual-machine)" class="$(if_page virtual-machine active)"><span>Virtual Machines</span></a></li>
<li class="nav-item" class="$(if_page manifesto active)">
<a href="$(get_url manifesto)"><span>Manifesto</span></a>
</li>
<li class="nav-item">
<a href="$(get_url become-client)" style="color: #043975">
<span>Become Client</span>
</a>
</li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="/en/" class="active-1"><span>EN</span></a></li>
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
<li class="nav-item nav-item2"><a href="/fr/"><span>FR</span></a></li>
</ul>
</ul>
<label for="nav-toggle" class="icon-burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</nav>
</header>
<main>
$(cat "$1")
</main>
<footer>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<a href="https://e-durable.ch/" target="_blank">
<img id="logo_09" src="/assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
<p class="Flex-item_18_01">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, Switzerland </p>
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a>
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="$(get_url index)">Home</a></li>
<li class="Flex-item_20"><a href="$(get_url backup)">Backup</a></li>
<li class="Flex-item_20"><a href="$(get_url virtual-machine)">Virtual Machines</a></li>
<li class="Flex-item_20"><a href="$(get_url manifesto)">Manifesto</a></li>
<li class="Flex-item_20"><a href="$(get_url become-client)">Become Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="/assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
</div>
</section>
<div class="Flex-Container_13 flex">
<a href="$(get_url privacy-policy)">
<p class="Flex-item_21 MT_40">Conditions d'Utilisation & politique de confidentialité</p>
</a>
<p class="Flex-item_22 MT_40">&copy;Copyright by e-Durable SA</p>
</div>
</footer>
</body>
</html>
EOF

38
en/privacy-policy.part Normal file
View File

@ -0,0 +1,38 @@
<section class="Flex-Container_18">
<h1 class="Flex-item_28">Privacy Policy</h1>
<p class="Flex-item_29">Here in Recycled Cloud we care not only about environment but foremostly about people.
</p>
<p class="Flex-item_29_1">And we are not only talking about it, but we also actually do it. Here’s why.
</p>
<h2 class="Flex-item_28">Data</h2>
<p class="Flex-item_29">The only data we store are the emails and billing addresses of our customers.</p>
<p class="Flex-item_29_1">We do not save any data about the online users too, hence do not stress about cookies or tracking. You can relax and enjoy our 100% static and low carbon website. Isn’t it loading fast?
</p>
<h2 class="Flex-item_28">Security</h2>
<p class="Flex-item_29">We do not share your data with any third party.</p>
<p class="Flex-item_29_1">Your billing informations are securely stored in our system and available only to the authorized personnel.
</p>
<h2 class="Flex-item_28">Trust</h2>
<p class="Flex-item_29">We will not spam you with the marketing e-mails.</p>
<p class="Flex-item_29">If one day you decided to leave, your data will not be forward to any third party, your account will be deleted, and all your billing data securely archived.
</p>
<p class="Flex-item_29">As we are local people you can always reach us, and we would be happy to talk to you about your concerns, over a phone or a cup of tea.</p>
</section>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Interested?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Take your first step to make</br> your IT more sustainable
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contact Us</h5>
</button></a>
</div>
</div>
</article>

103
en/virtual-machine.part Normal file
View File

@ -0,0 +1,103 @@
<div class="Flex-Container_14_1">
<img id="logo_12" src="assets/Virtual_Machines.svg" alt="Backup logo">
<h1 id="BP_06">Virtual Machines</h1>
</div>
<section class="Flex-Container_14">
<div class="Flex-item_23">
<div class="Flex-item_23_1">
<div class="Flex-item_23_2">
<img id="logo_11" src="assets/Virtual_Machines.svg" alt="Backup logo">
<h1 id="BP_05">Virtual Machines</h1>
</div>
<p class="Flex-item_23_3">We provide virtual machine hosting, allowing you to host your servers in our cloud.
</p>
<p class="Flex-item_23_4">Create a new machine according to your resource requirements and with the operating system of your choice to deploy a secondary AD or mail server, or to host your company applications.
</p>
<div class="Flex-item_23_5">
<a href="#link_TS_02">
<p id="link_TS_01"><span>Technical Specifications</span></p>
</a>
<a href="#link_PR">
<p id="link_PR_1"><span>Prices</span></p>
</a>
</div>
</div>
</div>
<div class="Flex-item_24">
<p class="Flex-item_24_1">All inclusive flat fee</p>
<p class="Flex-item_24_2">from <strong>34.- </strong>/month</p>
<p class="Flex-item_24_3">excluding taxes</p>
<a href="become-client.html"><button id="btn_01" class="button_01">
<h5>I'm interested</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_10">
<div>
<h2 id="Question">Questions? We are happy to answer them.</h2>
<p id="Call_us" class=" ML_170 ">Call us <a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a> or send a <a href="mailto:contact@e-durable.ch?subject=Question about Recycled Cloud&body=Hello Recycled Cloud!"
class="Flex-item_15">message.</a></p>
</div>
</section>
<article class="Flex-item_25">
<div>
<h4 id="link_TS_02">Technical specifications</h4>
</div>
<div>
<p class="Flex-item_25_1">
We provide virtual machine hosting, with configurable drives, NICs, disks and memory.
</p>
<p class="Flex-item_25_2">
The default provided connectivity provided is IPv6 with DNS64+NAT64 for access to the IPv4 world; additional IPv4 and IPv6 addresses can be requested.
</p>
<p class="Flex-item_25_3">
Our machines come with a wide variety of GNU/Linux distributions, as well as FreeBSD and Windows Server 2019.
</p>
</div>
</article>
<div>
<div class="Flex-item_26">
<h4 id="link_PR">Prices</h4>
</div>
<section class="Flex-Container_15">
<div class="Flex-Container_15_1">
<div class="Flex-item_26_1">
<ul>
<li>1 CPU</li>
<li class="MT_40">2 GB RAM</li>
<li class="MT_40">20 GB disk space</li>
</ul>
</div>
<div class="Flex-item_26_2 ">
<p class="MT_20">=</p>
</div>
<div class="Flex-item_26_3">
<p class="Flex-item_26_3_1 MT_20"> <strong> 34.- </strong> / month</p>
<p class="Flex-item_26_3_2 MT_20">excluding taxes</p>
</div>
</div>
</div>
</section>
<article class="Flex-item_27">
<p class="Flex-item_27_1">
AS PER ABOVE: Unlike our competitors, we can offer you exactly what you need. Please contact us for a personalized offer so you won't pay for what is not necessary.
</p>
</article>
</div>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Interested?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Take your first step to make</br> your IT more sustainable
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contact Us</h5>
</button></a>
</div>
</div>
</article>

24
fr/Makefile Normal file
View File

@ -0,0 +1,24 @@
# Stuff for make to work make magic.
.DEFAULT: all
.SUFFIXES: .part .html
.PHONY: all clean deploy
.EXPORT_ALL_VARIABLES:
BASE_TITLE = Recycled Cloud
PAGES = index.html backup.html virtual-machine.html become-client.html privacy-policy.html manifesto.html
all: $(PAGES)
clean:
rm -rf $(PAGES)
.part.html:
./page-template.sh $+ > $@
$(PAGES): page-template.sh
index.html: TITLE = "$(BASE_TITLE) | Home"
backup.html: TITLE = "$(BASE_TITLE) | Backups"
manifesto.html: TITLE = "$(BASE_TITLE) | Manifesto"
virtual-machine.html: TITLE = "$(BASE_TITLE) | Virtual machines"
become-client.html: TITLE = "$(BASE_TITLE) | Become client"
privacy-policy.html: TITLE = "$(BASE_TITLE) | Privacy Policy"

1
fr/assets Symbolic link
View File

@ -0,0 +1 @@
../assets/

123
fr/backup.part Normal file
View File

@ -0,0 +1,123 @@
<div class="Flex-Container_14_1">
<img id="logo_12" src="assets/Backup.svg" alt="Backup logo">
<h1 id="BP_06">Backup &amp; Protect</h1>
</div>
<section class="Flex-Container_14">
<div class="Flex-item_23">
<div class="Flex-item_23_1">
<div class="Flex-item_23_2">
<img id="logo_11" src="assets/Backup.svg" alt="Backup logo">
<h1 id="BP_05">Backup &amp; Protect</h1>
</div>
<p class="Flex-item_23_3">Un service de sauvegarde et de protection de grade entreprise pour vos fichiers critiques et vos serveurs les plus importants (qu'ils soient physiques ou virtuels). Ce service vous prot&egrave;ge contre la perte totale de donn&eacute;es
et la fermeture potentielle de votre entreprise en cas de sinistre majeur dans vos locaux.
</p>
<p class="Flex-item_23_4">Tout est surveill&eacute; pour vous et vous n'avez pas &agrave; vous soucier de vous rappeler de sauvegarder tel disque ou de faire la rotation de tel lecteur externe : tout est fait pour vous. Il n'est pas n&eacute;cessaire d'apprendre
un logiciel de sauvegarde (p. ex. Acronis ou Veeam), nous nous chargeons de leur configuration pour vous.
</p>
<div class="Flex-item_23_5">
<a href="#link_TS_02">
<p id="link_TS_01"><span>Caract&eacute;ristiques techniques</span></p>
</a>
<a href="#link_PR">
<p id="link_PR_1"><span>Tarifs</span></p>
</a>
</div>
</div>
</div>
<div class="Flex-item_24">
<p class="Flex-item_24_1">Tarif forfaitaire tout compris</p>
<p class="Flex-item_24_2">d&eacute;s <strong>99.- </strong>/ mois</p>
<p class="Flex-item_24_3">hors taxes</p>
<a href="become-client.html"><button id="btn_01" class="button_01">
<h5>Je suis int&eacute;ress&eacute;</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_10">
<div>
<h2 id="Question">Vous avez des questions ? Nous sommes ravis d'y r&eacute;pondre.</h2>
<p id="Call_us" class=" ML_170 ">Appelez-nous au <a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a> ou envoyez-nous <a href="mailto:contact@e-durable.ch?subject=Question sur le Recycled Cloud&amp;body=Bonjour Recycled Cloud!"
class="Flex-item_15">un message</a></p>
</div>
</section>
<article class="Flex-item_25">
<div>
<h4 id="link_TS_02">Caract&eacute;ristiques techniques</h4>
</div>
<div>
<p class="Flex-item_25_1">
Nous proposons plusieurs types de services de sauvegarde, de la solution totalement non g&eacute;r&eacute;e &agrave; une solution compl&egrave;te pour l'infrastructure virtuelle sur site. Notre composant principal est <span><a href="https://www.borgbackup.org/" class="Flex-item_15"
target="_blank">borgbackup</a></span> qui fournit des sauvegardes crypt&eacute;es, d&eacute;dupliqu&eacute;es et en ajout seul.
</p>
<p class="Flex-item_25_2">
Pour notre offre non g&eacute;r&eacute;e, nous fournissons un point de terminaison borg ou rsync avec un espace disponible configurable, ne n&eacute;cessitant qu'une cl&eacute; SSH de la part de nos clients.
</p>
<p class="Flex-item_25_3">
Avec notre offre de sauvegarde g&eacute;r&eacute;e, nous combinons les capacit&eacute;s d'archivage de borg avec la puissance des sauvegardes du logiciel VEEAM, pour une proc&eacute;dure de sauvegarde en deux &eacute;tapes permettant une r&eacute;tention
configurable des images de machines virtuelles, prot&eacute;geant ainsi votre infrastructure contre la perte de donn&eacute;es.
</p>
</div>
</article>
<div>
<div class="Flex-item_26">
<h4 id="link_PR">Tarifs</h4>
</div>
<section class="Flex-Container_15">
<div class="Flex-Container_15_1">
<div class="Flex-item_26_1">
<ul>
<li><strong>Tous vos documents<sup>*</sup> </strong>sauvergard&eacute;s &agrave; distance
</strong>
</li>
<li class="MT_40">2 copies en permanence</li>
<li class="MT_40">Surveillance et suivi des sauvegardes inclus</li>
</ul>
</div>
<div class="Flex-item_26_2">
<p>=</p>
</div>
<div class="Flex-item_26_3">
<p class="Flex-item_26_3_1"> <strong> 99.- </strong> / mois</p>
<p class="Flex-item_26_3_2">hors taxes</p>
</div>
</div>
<div class="Flex-item_26_4">
<small>(*) bas&eacute; sur une utilisation raisonn&eacute; sous réserve d'analyse et acceptation
pr&eacute;alable par e-Durable. Des frais supplémentaires peuvent s'appliquer en cas de volume
important de données.
</small>
</div>
</section>
</div>
<article class="Flex-item_27">
<p class="Flex-item_27_1">
Contrairement &agrave; nos concurrents, nous pouvons vous offrir exactement ce dont vous avez besoin car nous ne basons pas nos prix uniquement sur des promesses de grands espaces de stockage qui resteront vides. Nous vous fournirons une strat&eacute;gie
de sauvegarde solide, bas&eacute;e sur votre type d'entreprise et sur vos besoins exacts, tout en optimisant l'utilisation des ressources.
</p>
<p class="Flex-item_27_2">
N'h&eacute;sitez pas &agrave; nous contacter pour obtenir une offre personnalis&eacute;e afin d'&eacute;viter de payer pour des choses dont vous n'avez pas besoin.
</p>
</article>
</div>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Int&eacute;rress&eacute; ?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Faites votre premier pas pour rendre<br> votre informatique plus durable.
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contactez-nous</h5>
</button></a>
</div>
</div>
</article>

15
fr/become-client.part Normal file
View File

@ -0,0 +1,15 @@
<section class="Flex-Container_17">
<h1 class="Flex-item_31">Devenez notre client</h1>
<P style="color:#0f3975" class="MB_20"><strong>Nous vous remercions de l'intérêt que vous portez à nos
services.</strong> </P>
<p class="Flex-item_32 MB_40"> Veuillez nous envoyer un courriel ou nous appeler pour commander directement un service, poser une question ou laisser un commentaire. Nous vous répondrons dans un délai d'un demi-jour ouvrable.
</p>
<p><a href="mailto:contact@e-durable.ch?subject=Recycled Cloud - Je suis intéressé(e) par vos services&body=Bonjour Recycled Cloud!" class="Flex-item_15 MT_100">contact@e-durable.ch</a>
</p>
<ul class="Flex-item_33">
<li>
<p><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41
22 566 78 58</a></p>
</li>
</ul>
</section>

222
fr/index.part Normal file
View File

@ -0,0 +1,222 @@
<section class="Flex-Container_03">
<div class="Flex-item_01">
<img id="logo_02" src="assets/Recycledcloud-02.svg" alt="Recycled Clourd logo"></div>
<div class="Flex-item_02">
<h1>Services Cloud</h1>
<h2 id="local_recycled" class="MT_20">100% Locaux, 100% Recycl&eacute;s, <br>100% Engag&eacute;s</h2>
<p id="local_recycled_2">Enti&egrave;rement suisses et avec tous les curseurs environnementaux pouss&eacute;s au max.
</p>
<a href="manifesto.html" class="Flex-item_03_1"><button id="btn_RM" class="button_01 MT_40 ">
<h5>Lire le Manifesto</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_04">
<div>
<h2 class="Flex-item_02_2 ">Des Solutions Vertes pour Vos Projets</h2>
</div>
<div class="Flex-Container_05">
<article class="Flex-item_03" style="align-items: center;">
<div>
<img id="logo_03" src="assets/Backup.svg" alt="Backup logo">
<div>
<h3>Backup &amp; Protect</h3>
<p>Sauvegarde et Cyber Protection <br>g&eacute;r&eacute;es pour vous, sans tracas.</p>
</div>
<a href="backup.html" class="Flex-item_03_1">
<button type="button" style="border: none;">
<h5 id="btn_BK" class=" button_01 ">D&eacute;tails des Sauvegardes...</h5>
</button></a>
</div>
</article>
</article>
<article class=" Flex-item_04 ">
<div style=" justify-content: center;">
<img id="logo_04" src="assets/Virtual_Machines.svg" alt="Virtual machine logo">
<div>
<h3>Machines Virtuelles</h3>
<p id="VM_02">Construisez votre infrastructure <br>en Suisse en toute confiance, <br> avec du support local.
</p>
</div>
<a href="virtual-machine.html" class="Flex-item_03_1">
<button type="button" style="border: none;">
<h5 id="btn_VM" class=" button_01 ">
D&eacute;tails des VM...</h5>
</button></a>
</div>
</article>
<article class=" Flex-item_04 ">
<div style=" justify-content: center;">
<img id="logo_04_03" src="assets/globe_low_carbon_website.svg" alt="Sites web Bas-Carbone logo">
<div>
<h3>Sites web Bas-Carbone</h3>
<p id="VM_03">Dessinez et hébergez votre site <br> avec une toute petite empreinte <br> carbone et une vitesse incroyable.
</p>
</div>
<a href="become-client.html" class="Flex-item_03_1">
<button type="button" style="border: none;">
<h5 id="btn_VM" class=" button_01 ">
Devenir Client</h5>
</button></a>
</div>
</article>
</div>
</section>
<section class="Flex-Container_06">
<article class="Flex-item_05">
<div>
<h2 id="Manifesto">Manifesto</h2>
</div>
<p id="Manifesto_p_01">Nous minimisons l'impact n&eacute;gatif de l'informatique sur l'environnement en recyclant les serveurs abandonn&eacute;s et nous vous offrons un cloud sur mesure et des serveurs virtuels
<strong>100% locaux</strong> (Suisse),
<strong>100% recycl&eacute;s</strong> et
<strong>100% engag&eacute;s.</strong></p>
<p id="Manifesto_p_02" class="MB_60 ">C'est ce que nous savons faire et c'est ce que nous aimons faire. Et nous le faisons avec le plus de sens possible.</p>
<a href="manifesto.html">
<div class="Flex-item_05_1">
<h6 id="link_RM" class="MB_60">Lire le Manifesto complet</h6>
<div id="wcb" class="carbonbadge"></div>
</div>
</a>
</article>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Int&eacute;rress&eacute; ?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Faites votre premier pas pour rendre <br> votre informatique plus durable.
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contactez-nous</h5>
</button></a>
</div>
</div>
</article>
</section>
<section class="Flex-Container_08">
<div>
<h2 id="title_hcyh">Comment pouvez-vous aider ?</h2>
</div>
<article class="Flex-item_09">
<aside class="Flex-item_10">
<h4>Donnez votre <br> &eacute;quippement inutilis&eacute;</h4>
<img id="logo_05" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
<p class="Flex-item_10_1"> ou assurez-vous de ne pas <br> en acheter un nouveau <br> pour rien.
</p>
</aside>
<aside class="Flex-item_10 ">
<h4>Faites passer le mot !</h4>
<img id="logo_06" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
<p class="Flex-item_10_1">Il nous reste de la <br> place disponible sur<br> notre infrastructure actuelle.
</p>
</aside>
<aside id="JS" class="Flex-item_10">
<h4 class="Flex-item_10_5">Rejoignez-nous</h4>
<img id="logo_07" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
<p class="Flex-item_10_1">Nous accueillons volontiers <br> de nouveaux membres, <br> pour nous aider à faire <br> tourner l'infrastructure.
</p>
</aside>
</article>
</section>
<section class="Flex-Container_09">
<div>
<h2 id="BP_04">Backup &amp; Protect</h2>
</div>
<article class="Flex-item_11">
<div class="Flex-item_12">
<img id="logo_08_1" src="assets/Backup.svg" alt="Backup logo">
<p class="Flex-item_12_1"><strong> Sauvergarde &amp; Cyber-Protection g&eacute;r&eacute;es sans
soucis</strong></p>
</div>
<div>
<p class="Flex-item_12_2 ">Une solution bas&eacute;e sur des logiciels ouverts (open source) pour conserver vos donn&eacute;es dans un second lieu sûr, en dehors de vos propres installations.
</p>
<ul class="Flex-item_13">
<li>
<p id="BP_06">Vous savez qu'elles restent en Suisse.</p>
</li>
<li>
<p id="BP_07">Vous parlez à des interlocuteurs locaux si jamais vous avez besoin d'aide.
</p>
</li>
<li>
<p> Vous pouvez red&eacute;marrer votre activit&eacute; en cas d'incident majeur<br> dans vos locaux (incendie, inondation, ransongiciel...).
</p>
</li>
</ul>
</div>
</article>
<div class="Flex-item_14">
<a href="backup.html">
<h6 id="link_LMB">D&eacute;tails des Sauvegardes</h6>
</a>
<a href="become-client.html">
<button id="btn_BC_02" class="button_01 ">
<h5>Devenir Client</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_09">
<div>
<h2 id="BP_04">Machines Virtuelles</h2>
</div>
<article class="Flex-item_11">
<div class="Flex-item_12_3 ">
<img id="logo_08_2" src="assets/Virtual_Machines.svg" alt="Virtual Machine logo">
<p class="Flex-item_12_1"><strong>Construisez votre infrastructure en Suisse en toute confiance,
<br>avec du support local.</strong></p>
</div>
<div>
<p class="Flex-item_12_2 ">L'h&eacute;bergement de machines virtuelles pour vos serveurs, sur notre Recycled Cloud.
</p>
<ul class="Flex-item_13">
<li>
<p id="BP_06">Vous savez qu'elles restent en Suisse.</p>
</li>
<li>
<p id="BP_07">Vous parlez à des interlocuteurs locaux si jamais vous avez besoin d'aide.
</p>
</li>
<li>
<p>Vous pouvez cr&eacute;er une nouvelle machine virtuelle en fonction de vos <br> besoins pour d&eacute;ployer un serveur de messagerie ou pour h&eacute;berger vos applications.
</p>
</li>
</ul>
</div>
</article>
<div class="Flex-item_14">
<a href="virtual-machine.html">
<h6 id="link_LMVM">D&eacute;tails des Machines <br>Virtuelles</h6>
</a>
<a href="become-client.html">
<button id="btn_BC_02" class="button_01 ">
<h5>Devenir Client</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_10">
<div>
<h2 id="Question">Vous avez des questions ? Nous sommes ravis d'y r&eacute;pondre.</h2>
<p id="Call_us">Appelez-nous au <a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a> ou envoyez-nous <a href="mailto:contact@e-durable.ch?subject=Question sur le Recycled Cloud&amp;body=Bonjour Recycled Cloud!"
class="Flex-item_15">un message</a></p>
</div>
</section>
<section class="Flex-Container_11 ">
<h2 class="Flex-item_16">Emplacements</h2>
<div id="row_01">
<div class="Flex-item_16_1">
<img id="Location_Map" src="assets/Map_FR.svg" alt="Location Map">
</div>
<div></div>
<p class="Flex-item_17">* Le &quot;refroidissement naturel&quot; signifie que nous n'utilisons pas de climatisation. Soyez assur&eacute; que votre projet fonctionnera &agrave; l'aide d'une &eacute;nergie naturelle et durable, avec la plus faible empreinte carbone.
</p>
</div>
</div>
</section>

92
fr/manifesto.part Normal file
View File

@ -0,0 +1,92 @@
<section class="Flex-Container_16">
<h1 class="Flex-item_28">Manifesto</h1>
<p class="Flex-item_29">L'id&eacute;e de cr&eacute;er le <strong>Recycled Cloud</strong> est n&eacute;e de l'observation de la quantit&eacute; astronomique de d&eacute;chets g&eacute;n&eacute;r&eacute;s par l'&eacute;limination des vieux serveurs informatiques des
entreprises et des centres de donn&eacute;es. </p>
<p class="Flex-item_29">L'industrie jette les serveurs alors qu'ils sont encore fonctionnels. Nous pensons que ce gaspillage peut être facilement &eacute;vit&eacute;. Chaque jour, de nombreux serveurs sont produits, en utilisant les min&eacute;raux rares de la terre
(parfois sans offrir de conditions de travail d&eacute;centes ou même en exploitant des enfants), cet impact environnemental est &eacute;norme. Nous pensons qu'il est dommage de ne pas utiliser les produits au maximum de leur potentiel
et de leur long cycle de vie. Nous ne voulons pas soutenir l'obsolescence programm&eacute;e, c'est pourquoi nous avons d&eacute;cid&eacute; de r&eacute;utiliser, r&eacute;parer et r&eacute;utiliser, encore et encore, jusqu'&agrave; ce
que le mat&eacute;riel ne puisse plus fonctionner.
</p>
<p class="Flex-item_29">
Cette pens&eacute;e est en accord avec nos valeurs :
</p>
<ul class="Flex-item_30">
<li>
<p>Nous sommes convaincus qu'il existe de nombreuses solutions issues de l'utilisation de la technologie pour all&eacute;ger son empreinte.
</p>
</li>
<li>
<p>Nous pensons qu'il est important de promouvoir ces solutions et de les rendre accessibles au plus grand nombre.</p>
</li>
<li>
<p>Nous pensons &eacute;galement que l'informatique, en produisant des donn&eacute;es pertinentes et des indicateurs cl&eacute;s, est un outil tr&egrave;s puissant, qui peut être utilis&eacute; pour aider chacun &agrave; mesurer les progr&egrave;s
r&eacute;alis&eacute;s dans le cadre de la transition &eacute;cologique.
</p>
</li>
<li>
<p>L'innovation doit être utilis&eacute;e pour pousser tous les curseurs vers des solutions plus durables.
</p>
</li>
</ul>
<p class="Flex-item_29">
Nous voulons aider nos clients &agrave; minimiser l'impact de leurs TIC sur la plan&egrave;te en r&eacute;utilisant des serveurs qui seraient autrement mis au rebut et vous offrir un cloud sur mesure,
<strong>100%
local</strong> (Suisse),
<strong>100% recycl&eacute;</strong> et <strong>100% engag&eacute;</strong>.
</p>
<p class="Flex-item_29">
C'est ce que nous adorons faire.
</p class="Flex-item_29">
<p class="Flex-item_29">
Et nous le faisons avec autant de sens que possible.
</p>
<p class="Flex-item_29">
Nos centres de donn&eacute;es utilisent toutes les meilleures pratiques connues et nous fournissons nos services en cloud de la mani&egrave;re la plus durable qui soit :
</p>
<ul class="Flex-item_30">
<li>
<p>par l'utilisation de refroidissement naturel,</p>
</li>
<li>
<p>par la cr&eacute;ation d'entit&eacute;s locales de taille raisonnable,</p>
</li>
<li>
<p>en choisissant une &eacute;lectricit&eacute; provenant uniquement de sources renouvelables,</p>
</li>
<li>
<p>en choisissant des outils Open Source et en &eacute;vitant le verrouillage par nos fournisseurs,
</p>
</li>
<li>
<p>en ne vendant aucune donn&eacute;e et en ne suivant aucun comportement,</p>
</li>
<li>
<p>en maintenant des emplois locaux et soutenant des &eacute;quipes proches de nos clients.</p>
</li>
</ul>
<p class="Flex-item_29">
Et notre <strong>Recycled.Cloud</strong> ne fait que commencer. Nous avons beaucoup d'autres id&eacute;es, alors restez &agrave; l'&eacute;coute !
</p>
<p class="Flex-item_29">
<strong>Recycled Cloud</strong> peut être un d&eacute;but pour vous aussi. Nous avons beaucoup de choses &agrave; partager et pouvons vous aider &agrave; faire avancer votre informatique vers<strong> plus de
durabilit&eacute;</strong>. Rejoignez-nous pour obtenir notre aide et faciliter ces &eacute;tapes.
</p>
<p class="Flex-item_29">
En utilisant le <strong>Recycled.Cloud,</strong> vous choisissez de faire confiance aux id&eacute;es innovantes et vous soutenez cette transition vers <strong>des services et des infrastructures</strong> informatiques <strong>plus &eacute;cologiques.</strong>
</p>
</section>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Int&eacute;rress&eacute; ?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Faites votre premier pas pour rendre <br> votre informatique plus durable.
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contactez-nous</h5>
</button></a>
</div>
</div>
</article>

110
fr/page-template.sh Executable file
View File

@ -0,0 +1,110 @@
#!/bin/sh
# Most general template template for nyll.
CURRENT_PAGE=$(echo "$1" | cut -d. -f 1)
LOCALE="fr"
if_page () {
if [ "$CURRENT_PAGE" = "$1" ]; then
echo "$2"
fi
}
get_url () {
echo "/${LOCALE:?}/$1.html"
}
cat << EOF
<!DOCTYPE html>
<html lang="en" manifest="app_cache.appache">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>${TITLE:?}</title>
<link rel="stylesheet" href="/assets/main.css">
<link rel="stylesheet" href="/assets/robel.css">
<link rel="icon" type="image/RecycledCloudLogo" href="/assets/Recycledcloud-02.svg">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap">
<meta name="keywords" content="écologique, greenwashing, hébergement, vert, vps, cloud, serveur, suisse, IT, recyclé, éthique">
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index.html" class="logo_01">
<img id="logo_01" src="/assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
</a>
<input id="nav-toggle" type="checkbox">
<input id="nav-toggle_1" type="checkbox">
<ul class="topnav-links">
<li class="nav-item"><a href="$(get_url index)" class="$(if_page index active)"><span>Accueil</span></a></li>
<li class="nav-item"><a href="$(get_url backup)" class="$(if_page backup active)"><span>Backup</span></a></li>
<li class="nav-item"><a href="$(get_url virtual-machine)" class="$(if_page virtual-machine active)"><span>Machines virtuelles</span></a></li>
<li class="nav-item" class="$(if_page manifesto active)">
<a href="$(get_url manifesto)"><span>Manifeste</span></a>
</li>
<li class="nav-item">
<a href="$(get_url become-client)" style="color: #043975">
<span>Devenir Client</span>
</a>
</li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="/en/"><span>EN</span></a></li>
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
<li class="nav-item nav-item2"><a href="/fr/" class="active-1"><span>FR</span></a></li>
</ul>
</ul>
<label for="nav-toggle" class="icon-burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</nav>
</header>
<main>
$(cat "$1")
</main>
<footer>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<a href="https://e-durable.ch/" target="_blank">
<img id="logo_09" src="/assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
<p class="Flex-item_18_01">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, Switzerland </p>
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a>
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="$(get_url index)">Accueil</a></li>
<li class="Flex-item_20"><a href="$(get_url backup)">Backup</a></li>
<li class="Flex-item_20"><a href="$(get_url virtual-machine)">Machines virtuelles</a></li>
<li class="Flex-item_20"><a href="$(get_url manifesto)">Manifeste</a></li>
<li class="Flex-item_20"><a href="$(get_url become-client)">Devenir Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="/assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
</div>
</section>
<div class="Flex-Container_13 flex">
<a href="$(get_url privacy-policy)">
<p class="Flex-item_21 MT_40"> Terms of Usage & Privacy Policy</p>
</a>
<p class="Flex-item_22 MT_40">&copy;Copyright by e-Durable SA</p>
</div>
</footer>
</body>
</html>
EOF

39
fr/privacy-policy.part Normal file
View File

@ -0,0 +1,39 @@
<section class="Flex-Container_18">
<h1 class="Flex-item_28">Politique de confidentialit&eacute;</h1>
<p class="Flex-item_29">Chez Recycled Cloud, nous ne nous pr&eacute;occupons pas seulement de l'environnement, mais surtout des gens.
</p>
<p class="Flex-item_29_1">Et nous ne faisons pas qu'en parler, nous le faisons r&eacute;ellement. Voici pourquoi.
</p>
<h2 class="Flex-item_28">Les Donn&eacute;es</h2>
<p class="Flex-item_29">Les seules donn&eacute;es que nous stockons sont les adresses &eacute;lectroniques et de facturation de nos clients.</p>
<p class="Flex-item_29_1">Nous n'enregistrons pas non plus de donn&eacute;es sur les utilisateurs en ligne. Ne vous inqui&eacute;tez pas des cookies ou du suivi : il n'y en a pas. Vous pouvez vous d&eacute;tendre et profiter de notre site web 100% statique et &agrave;
faible &eacute;mission de carbone. Avez-vous remarqu&eacute; comme son chargement est super rapide ?
</p>
<h2 class="Flex-item_28">La s&eacute;curit&eacute;</h2>
<p class="Flex-item_29">Nous ne partageons pas vos donn&eacute;es avec des tiers.</p>
<p class="Flex-item_29_1">Vos informations de facturation sont stock&eacute;es en toute s&eacute;curit&eacute; dans notre syst&egrave;me et ne sont accessibles qu'au personnel autoris&eacute;.
</p>
<h2 class="Flex-item_28">La confiance</h2>
<p class="Flex-item_29">Nous ne vous enverrons pas de courriel publicitaire.</p>
<p class="Flex-item_29">Si un jour vous d&eacute;cidiez de partir, vos donn&eacute;es ne seront transmises &agrave; aucun tiers, votre compte sera supprim&eacute; et toutes vos donn&eacute;es de facturation seront archiv&eacute;es de mani&egrave;re s&eacute;curis&eacute;e.
</p>
<p class="Flex-item_29">Comme nous sommes des gens de la r&eacute;gion, vous pouvez toujours nous joindre, et nous serions heureux de parler de vos pr&eacute;occupations, au t&eacute;l&eacute;phone ou autour d'un verre.</p>
</section>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Int&eacute;rress&eacute; ?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Faites votre premier pas pour rendre <br> votre informatique plus durable.
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contactez-nous</h5>
</button></a>
</div>
</div>
</article>

107
fr/virtual-machine.part Normal file
View File

@ -0,0 +1,107 @@
<div class="Flex-Container_14_1">
<img id="logo_12" src="/assets/Virtual_Machines.svg" alt="Backup logo">
<h1 id="BP_06">Machines Virtuelles
</h1>
</div>
<section class="Flex-Container_14">
<div class="Flex-item_23">
<div class="Flex-item_23_1">
<div class="Flex-item_23_2">
<img id="logo_11" src="assets/Virtual_Machines.svg" alt="Backup logo">
<h1 id="BP_05">Machines Virtuelles
</h1>
</div>
<p class="Flex-item_23_3">Nous proposons l'h&eacute;bergement de machines virtuelles, ce qui vous permet de virtualiser et g&eacute;rer vos serveurs dans notre cloud.
</p>
<p class="Flex-item_23_4">Cr&eacute;ez une nouvelle machine en fonction de vos besoins en ressources et avec le syst&egrave;me d'exploitation de votre choix pour par exemple d&eacute;ployer un AD secondaire ou un serveur de messagerie, ou pour h&eacute;berger
les applications de votre entreprise.
</p>
<div class="Flex-item_23_5">
<a href="#link_TS_02">
<p id="link_TS_01"><span>Caract&eacute;ristiques techniques</span></p>
</a>
<a href="#link_PR">
<p id="link_PR_1"><span>Tarifs</span></p>
</a>
</div>
</div>
</div>
<div class="Flex-item_24">
<p class="Flex-item_24_1">Tarif forfaitaire tout compris</p>
<p class="Flex-item_24_2">d&eacute;s <strong>34.- </strong>/ mois</p>
<p class="Flex-item_24_3">hors taxes</p>
<a href="become-client.html"><button id="btn_01" class="button_01">
<h5>Je suis int&eacute;ress&eacute;</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_10">
<div>
<h2 id="Question">Vous avez des questions ? Nous sommes ravis d'y r&eacute;pondre.</h2>
<p id="Call_us" class=" ML_170 ">Appelez-nous au <a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a> ou envoyez-nous <a href="mailto:contact@e-durable.ch?subject=Question sur le Recycled Cloud&amp;body=Bonjour Recycled Cloud!"
class="Flex-item_15">un message</a></a>
</p>
</div>
</section>
<article class="Flex-item_25">
<div>
<h4 id="link_TS_02">Caract&eacute;ristiques techniques</h4>
</div>
<div>
<p class="Flex-item_25_1">
Nous fournissons un h&eacute;bergement de machines virtuelles, avec de la m&eacute;moire configurable, des NICs, et des disques configurables.
</p>
<p class="Flex-item_25_2">
La connectivit&eacute; fournie par d&eacute;faut est IPv6 avec DNS64+NAT64 pour l'acc&egrave;s au monde IPv4 ; des adresses IPv4 et IPv6 suppl&eacute;mentaires peuvent être demand&eacute;es en option.
</p>
<p class="Flex-item_25_3">
Nos machines peuvent &ecirc;tre livr&eacute;es avec une grande vari&eacute;t&eacute; de distributions GNU/Linux, ainsi que FreeBSD et Windows Server 2019.
</p>
</div>
</article>
<div>
<div class="Flex-item_26">
<h4 id="link_PR">Tarifs</h4>
</div>
<section class="Flex-Container_15">
<div class="Flex-Container_15_1">
<div class="Flex-item_26_1">
<ul>
<li>1 CPU</li>
<li class="MT_40">2 GB RAM</li>
<li class="MT_40">20 GB d'espace disque</li>
</ul>
</div>
<div class="Flex-item_26_2 ">
<p class="MT_20">=</p>
</div>
<div class="Flex-item_26_3">
<p class="Flex-item_26_3_1 MT_20"> <strong> 34.- </strong> / mois</p>
<p class="Flex-item_26_3_2 MT_20">hors taxes</p>
</div>
</div>
</div>
</section>
<article class="Flex-item_27">
<p class="Flex-item_27_1">
Contrairement &agrave; nos concurrents, nous pouvons vous offrir exactement ce dont vous avez besoin, et vous fournir une configuration sur mesure. Veuillez nous contacter pour une offre personnalis&eacute;e afin de ne pas payer pour ce qui n'est pas
n&eacute;cessaire. </p>
</article>
</div>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Int&eacute;rress&eacute; ?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Faites votre premier pas pour rendre<br> votre informatique plus durable.
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contactez-nous</h5>
</button></a>
</div>
</div>
</article>

301
index.html
View File

@ -1,301 +0,0 @@
<!DOCTYPE html>
<html lang="en" manifest="app_cache.appache">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recycled Cloud</title>
<link rel="stylesheet" href="Style.css">
<link rel="icon" type="image/RecycledCloudLogo" href="assets/Recycledcloud-02.svg">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap">
<meta name="keywords" content="green, hosting, eco-friendly, vps, cloud, server, swiss, IT, ecological, low-carbon, recycled, ethical">
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index.html" class="logo_01">
<img id="logo_01" src="assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
</a>
<input id="nav-toggle" type="checkbox">
<input id="nav-toggle_1" type="checkbox">
<ul class="topnav-links">
<li class="nav-item"><a href="index.html" class="active"><span>Home</span></a></li>
<li class="nav-item"><a href="backup.html"><span>Backup</span></a></li>
<li class="nav-item"><a href="virtual-machine.html"><span>Virtual Machines</span></a></li>
<li class="nav-item">
<a href="manifesto.html"><span>Manifesto</span></a>
</li>
<li class="nav-item"><a href="become-client.html" style="color: #043975"><span>Become
Client</span></a></li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="index.html" class="active-1"><span>EN</span></a></li>
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
<li class="nav-item nav-item2"><a href="index_fr.html"><span>FR</span></a></li>
</ul>
</ul>
<label for="nav-toggle" class="icon-burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</nav>
</header>
<main>
<section class="Flex-Container_03">
<div class="Flex-item_01">
<img id="logo_02" src="assets/Recycledcloud-02.svg" alt="Recycled Clourd logo"></div>
<div class="Flex-item_02">
<h1>Cloud Services</h1>
<h2 id="local_recycled" class="MT_20">100% Local, 100% Recycled,</br> 100% Committed</h2>
<p id="local_recycled_2">Entirely swiss and with all environmental </br>cursors pushed to their max</p>
<a href="manifesto.html" class="Flex-item_03_1"><button id="btn_RM" class="button_01 MT_40 ">
<h5>Read our Manifesto</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_04">
<div>
<h2 class="Flex-item_02_2 ">Green Solutions for Your Projects</h2>
</div>
<div class="Flex-Container_05">
<article class="Flex-item_03" style="align-items: center;">
<div>
<img id="logo_03" src="assets/Backup.svg" alt="Backup logo">
<div>
<h3>Backup & Protect</h3>
<p>Hassle Free Managed Backup </br>& Cyber-Protection</p>
</div>
<a href="backup.html" class="Flex-item_03_1">
<button type="button" style="border: none;">
<h5 id="btn_BK" class=" button_01 "> More
about Backups</h5>
</button></a>
</div>
</article>
<article class=" Flex-item_04 ">
<div style=" justify-content: center;">
<img id="logo_04" src="assets/Virtual_Machines.svg" alt="Virtual machine logo">
<div>
<h3>Virtual Machines</h3>
<p id="VM_02">Build your infrastructure in </br>Switzerland with confidence and</br> local support
</p>
</div>
<a href="virtual-machine.html" class="Flex-item_03_1">
<button type="button" style="border: none;">
<h5 id="btn_VM" class="button_01 ">
More
about VMs</h5>
</button></a>
</div>
</article>
<article class=" Flex-item_04 ">
<div style=" justify-content: center;">
<img id="logo_04_02" src="assets/globe_low_carbon_website.svg" alt="Low carbon website logo">
<div>
<h3>Low-Carbon Websites</h3>
<p id="VM_03">Design and host your web </br>sites with a very small carbon</br>
footprint and incredible speed
</p>
</div>
<a href="become-client.html" class="Flex-item_03_1">
<button type="button" style="border: none;">
<h5 id="btn_VM" class="button_01 ">
Become a Client</h5>
</button></a>
</div>
</article>
</div>
</section>
<section class="Flex-Container_06">
<article class="Flex-item_05">
<div>
<h2 id="Manifesto">Manifesto</h2>
</div>
<p id="Manifesto_p_01">We want to minimize the negative environmental impact of IT while re-using unused servers and to offer you a bespoke cloud and virtual servers that are
<strong>100% local</strong> (Switzerland),
<strong>100% recycled</strong> and <strong>100% committed.</strong></p>
<p id="Manifesto_p_02" class="MB_60 ">This is what we know how to do and this is what we love doing. And we do it with as much meaning as possible.</p>
<a href="manifesto.html">
<div class="Flex-item_05_1">
<h6 id="link_RM" class="MB_60">Read whole Manifesto</h6>
<div id="wcb" class="carbonbadge"></div>
</div>
</a>
</div>
</article>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Interested?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Take your first step to make</br> your IT more sustainable
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contact Us</h5>
</button></a>
</div>
</div>
</article>
</section>
<section class="Flex-Container_08">
<div>
<h2 id="title_hcyh">How can you help?</h2>
</div>
<article class="Flex-item_09">
<aside class="Flex-item_10">
<h4>Donate Unused</br> Hardware</h4>
<img id="logo_05" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
<p class="Flex-item_10_1"> don’t buy </br> a new one</br> unnecessarily.</p>
</aside>
<aside class="Flex-item_10 ">
<h4>Spread the Word</h4>
<img id="logo_06" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
<p class="Flex-item_10_1">We still have some</br> space available on our</br> current infrastructure.
</p>
</aside>
<aside id="JS" class="Flex-item_10">
<h4 class="Flex-item_10_5">Join Us</h4>
<img id="logo_07" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
<p class="Flex-item_10_1">We would gladly</br> welcome new</br> members, to help us</br> run the infrastructure.
</p>
</aside>
</article>
</section>
<section class="Flex-Container_09">
<div>
<h2 id="BP_04">Backup & Protect</h2>
</div>
<article class="Flex-item_11">
<div class="Flex-item_12">
<img id="logo_08_1" src="assets/Backup.svg" alt="Backup logo">
<p class="Flex-item_12_1"><strong> Hassle Free Managed</br> Backup & Cyber-Protection</strong></p>
</div>
<div>
<p class="Flex-item_12_2 ">An open source based solution to keep your data in a safe second location, away from your own facilities.</p>
<ul class="Flex-item_13">
<li>
<p id="BP_06">You know it stays in Switzerland.</p>
</li>
<li>
<p id="BP_07">You talk to local people in case you need help.</p>
</li>
<li>
<p> You can restart your activity in case of a major event</br> on your premises (fire, flooding, ransomware...).
</p>
</li>
</ul>
</div>
</article>
<div class="Flex-item_14">
<a href="backup.html">
<h6 id="link_LMB">Learn more about Backups</h6>
</a>
<a href="become-client.html">
<button id="btn_BC_02" class="button_01 ">
<h5>Become a Client</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_09">
<div>
<h2 id="BP_04">Virtual Machines</h2>
</div>
<article class="Flex-item_11">
<div class="Flex-item_12_3 ">
<img id="logo_08_2" src="assets/Virtual_Machines.svg" alt="Virtual Machine logo">
<p class="Flex-item_12_1"><strong>Build your infrastructure in
</br>Switzerland with</br> confidence and local </br> support</strong></p>
</div>
<div>
<p class="Flex-item_12_2 ">A virtual machine hosting to host your servers on our recycled cloud .
</p>
<ul class="Flex-item_13">
<li>
<p id="BP_06">You know it stays in Switzerland.</p>
</li>
<li>
<p id="BP_07">You talk to local people in case you need help.</p>
</li>
<li>
<p>You can create a new machine according to your </br> needs to deploy a mail server or to host your applications.</p>
</li>
</ul>
</div>
</article>
<div class="Flex-item_14">
<a href="virtual-machine.html">
<h6 id="link_LMVM"> Learn more about Virtual </br> Machines </h6>
</a>
<a href="become-client.html">
<button id="btn_BC_02" class="button_01 ">
<h5>Become a Client</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_10">
<div>
<h2 id="Question">Questions? We are happy to answer them.</h2>
<p id="Call_us">Call us <a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a> or send a <a href="mailto:contact@e-durable.ch?subject=Question about Recycled Cloud&body=Hello Recycled Cloud!"
class="Flex-item_15">message.</a></p>
</div>
</section>
<section class="Flex-Container_11 ">
<h2 class="Flex-item_16">Locations</h2>
<div id="row_01">
<div class="Flex-item_16_1">
<img id="Location_Map" src="assets/Locaton_map_02.svg" alt="Location Map">
</div>
<div></div>
<p class="Flex-item_17">* Natural cooling means we do not use any artificial air conditioning. Rest assured that your project will run on natural and sustainable energy, with the lowest possible carbon footprint.
</p>
</div>
</div>
</section>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<a href="https://e-durable.ch/" target="_blank">
<img id="logo_09" src="assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
<p class="Flex-item_18_01">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, Switzerland </p>
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a>
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="index.html">Home</a></li>
<li class="Flex-item_20"><a href="backup.html">Backup</a></li>
<li class="Flex-item_20"><a href="virtual-machine.html">Virtual Machines</a></li>
<li class="Flex-item_20"><a href="manifesto.html">Manifesto</a></li>
<li class="Flex-item_20"><a href="become-client.html">Become Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
</div>
</section>
<footer class="Flex-Container_13">
<a href="privacy-policy.html">
<p class="Flex-item_21 MT_40"> Terms of Usage & Privacy Policy</p>
</a>
<p class="Flex-item_22 MT_40">&copy;Copyright by e-Durable SA</p>
</footer>
</main>
<script src="https://unpkg.com/website-carbon-badges@1.1.3/b.min.js" defer></script>
</body>
</html>

1
index.html Symbolic link
View File

@ -0,0 +1 @@
en/index.html

311
index_fr.html
View File

@ -1,311 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recycled Cloud</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/RecycledCloudLogo" href="assets/Recycledcloud-02.svg">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="Style.css">
<meta name="keywords" content="écologique, hébergement, vert, vps, cloud, serveur, suisse, IT, recyclé, éthique">
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index_fr.html" class="logo_01">
<img id="logo_01" src="assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
</a>
<input id="nav-toggle" type="checkbox">
<input id="nav-toggle_1" type="checkbox">
<ul class="topnav-links">
<li class="nav-item"><a href="index_fr.html" class="active"><span>Accueil</span></a></li>
<li class="nav-item"><a href="backup_fr.html"><span>Backup</span></a></li>
<li class="nav-item"><a href="virtual-machine_fr.html"><span>Machines Virtuelles</span></a></li>
<li class="nav-item">
<a href="manifesto_fr.html">Manifesto</a>
</li>
<li class="nav-item"><a href="become-client_fr.html" style="color: #043975"><span>Devenir
Client</span></a>
</li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="index.html"><span>EN</span></a></li>
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
<li class="nav-item nav-item2"><a href="index_fr.html" class="active-1"><span>FR</span></a></li>
</ul>
</ul>
<label for="nav-toggle" class="icon-burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</nav>
</header>
<main>
<section class="Flex-Container_03">
<div class="Flex-item_01">
<img id="logo_02" src="assets/Recycledcloud-02.svg" alt="Recycled Clourd logo"></div>
<div class="Flex-item_02">
<h1>Services Cloud</h1>
<h2 id="local_recycled" class="MT_20">100% Locaux, 100% Recycl&eacute;s, <br>100% Engag&eacute;s</h2>
<p id="local_recycled_2">Enti&egrave;rement suisses et avec tous les curseurs environnementaux pouss&eacute;s au max.
</p>
<a href="manifesto_fr.html" class="Flex-item_03_1"><button id="btn_RM" class="button_01 MT_40 ">
<h5>Lire le Manifesto</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_04">
<div>
<h2 class="Flex-item_02_2 ">Des Solutions Vertes pour Vos Projets</h2>
</div>
<div class="Flex-Container_05">
<article class="Flex-item_03" style="align-items: center;">
<div>
<img id="logo_03" src="assets/Backup.svg" alt="Backup logo">
<div>
<h3>Backup &amp; Protect</h3>
<p>Sauvegarde et Cyber Protection <br>g&eacute;r&eacute;es pour vous, sans tracas.</p>
</div>
<a href="backup_fr.html" class="Flex-item_03_1">
<button type="button" style="border: none;">
<h5 id="btn_BK" class=" button_01 ">D&eacute;tails des Sauvegardes...</h5>
</button></a>
</div>
</article>
</article>
<article class=" Flex-item_04 ">
<div style=" justify-content: center;">
<img id="logo_04" src="assets/Virtual_Machines.svg" alt="Virtual machine logo">
<div>
<h3>Machines Virtuelles</h3>
<p id="VM_02">Construisez votre infrastructure <br>en Suisse en toute confiance, <br> avec du support local.
</p>
</div>
<a href="virtual-machine_fr.html" class="Flex-item_03_1">
<button type="button" style="border: none;">
<h5 id="btn_VM" class=" button_01 ">
D&eacute;tails des VM...</h5>
</button></a>
</div>
</article>
<article class=" Flex-item_04 ">
<div style=" justify-content: center;">
<img id="logo_04_03" src="assets/globe_low_carbon_website.svg" alt="Sites web Bas-Carbone logo">
<div>
<h3>Sites web Bas-Carbone</h3>
<p id="VM_03">Dessinez et hébergez votre site <br> avec une toute petite empreinte <br> carbone et une vitesse incroyable.
</p>
</div>
<a href="become-client_fr.html" class="Flex-item_03_1">
<button type="button" style="border: none;">
<h5 id="btn_VM" class=" button_01 ">
Devenir Client</h5>
</button></a>
</div>
</article>
</div>
</section>
<section class="Flex-Container_06">
<article class="Flex-item_05">
<div>
<h2 id="Manifesto">Manifesto</h2>
</div>
<p id="Manifesto_p_01">Nous minimisons l'impact n&eacute;gatif de l'informatique sur l'environnement en recyclant les serveurs abandonn&eacute;s et nous vous offrons un cloud sur mesure et des serveurs virtuels
<strong>100% locaux</strong> (Suisse),
<strong>100% recycl&eacute;s</strong> et
<strong>100% engag&eacute;s.</strong></p>
<p id="Manifesto_p_02" class="MB_60 ">C'est ce que nous savons faire et c'est ce que nous aimons faire. Et nous le faisons avec le plus de sens possible.</p>
<a href="manifesto_fr.html">
<div class="Flex-item_05_1">
<h6 id="link_RM" class="MB_60">Lire le Manifesto complet</h6>
<div id="wcb" class="carbonbadge"></div>
</div>
</a>
</article>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Int&eacute;rress&eacute; ?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Faites votre premier pas pour rendre <br> votre informatique plus durable.
</h4>
<div>
<a href="become-client_fr.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contactez-nous</h5>
</button></a>
</div>
</div>
</article>
</section>
<section class="Flex-Container_08">
<div>
<h2 id="title_hcyh">Comment pouvez-vous aider ?</h2>
</div>
<article class="Flex-item_09">
<aside class="Flex-item_10">
<h4>Donnez votre <br> &eacute;quippement inutilis&eacute;</h4>
<img id="logo_05" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
<p class="Flex-item_10_1"> ou assurez-vous de ne pas <br> en acheter un nouveau <br> pour rien.
</p>
</aside>
<aside class="Flex-item_10 ">
<h4>Faites passer le mot !</h4>
<img id="logo_06" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
<p class="Flex-item_10_1">Il nous reste de la <br> place disponible sur<br> notre infrastructure actuelle.
</p>
</aside>
<aside id="JS" class="Flex-item_10">
<h4 class="Flex-item_10_5">Rejoignez-nous</h4>
<img id="logo_07" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
<p class="Flex-item_10_1">Nous accueillons volontiers <br> de nouveaux membres, <br> pour nous aider à faire <br> tourner l'infrastructure.
</p>
</aside>
</article>
</section>
<section class="Flex-Container_09">
<div>
<h2 id="BP_04">Backup &amp; Protect</h2>
</div>
<article class="Flex-item_11">
<div class="Flex-item_12">
<img id="logo_08_1" src="assets/Backup.svg" alt="Backup logo">
<p class="Flex-item_12_1"><strong> Sauvergarde &amp; Cyber-Protection g&eacute;r&eacute;es sans
soucis</strong></p>
</div>
<div>
<p class="Flex-item_12_2 ">Une solution bas&eacute;e sur des logiciels ouverts (open source) pour conserver vos donn&eacute;es dans un second lieu sûr, en dehors de vos propres installations.
</p>
<ul class="Flex-item_13">
<li>
<p id="BP_06">Vous savez qu'elles restent en Suisse.</p>
</li>
<li>
<p id="BP_07">Vous parlez à des interlocuteurs locaux si jamais vous avez besoin d'aide.
</p>
</li>
<li>
<p> Vous pouvez red&eacute;marrer votre activit&eacute; en cas d'incident majeur<br> dans vos locaux (incendie, inondation, ransongiciel...).
</p>
</li>
</ul>
</div>
</article>
<div class="Flex-item_14">
<a href="backup_fr.html">
<h6 id="link_LMB">D&eacute;tails des Sauvegardes</h6>
</a>
<a href="become-client_fr.html">
<button id="btn_BC_02" class="button_01 ">
<h5>Devenir Client</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_09">
<div>
<h2 id="BP_04">Machines Virtuelles</h2>
</div>
<article class="Flex-item_11">
<div class="Flex-item_12_3 ">
<img id="logo_08_2" src="assets/Virtual_Machines.svg" alt="Virtual Machine logo">
<p class="Flex-item_12_1"><strong>Construisez votre infrastructure en Suisse en toute confiance,
<br>avec du support local.</strong></p>
</div>
<div>
<p class="Flex-item_12_2 ">L'h&eacute;bergement de machines virtuelles pour vos serveurs, sur notre Recycled Cloud.
</p>
<ul class="Flex-item_13">
<li>
<p id="BP_06">Vous savez qu'elles restent en Suisse.</p>
</li>
<li>
<p id="BP_07">Vous parlez à des interlocuteurs locaux si jamais vous avez besoin d'aide.
</p>
</li>
<li>
<p>Vous pouvez cr&eacute;er une nouvelle machine virtuelle en fonction de vos <br> besoins pour d&eacute;ployer un serveur de messagerie ou pour h&eacute;berger vos applications.
</p>
</li>
</ul>
</div>
</article>
<div class="Flex-item_14">
<a href="virtual-machine_fr.html">
<h6 id="link_LMVM">D&eacute;tails des Machines <br>Virtuelles</h6>
</a>
<a href="become-client_fr.html">
<button id="btn_BC_02" class="button_01 ">
<h5>Devenir Client</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_10">
<div>
<h2 id="Question">Vous avez des questions ? Nous sommes ravis d'y r&eacute;pondre.</h2>
<p id="Call_us">Appelez-nous au <a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a> ou envoyez-nous <a href="mailto:contact@e-durable.ch?subject=Question sur le Recycled Cloud&amp;body=Bonjour Recycled Cloud!"
class="Flex-item_15">un message</a></p>
</div>
</section>
<section class="Flex-Container_11 ">
<h2 class="Flex-item_16">Emplacements</h2>
<div id="row_01">
<div class="Flex-item_16_1">
<img id="Location_Map" src="assets/Map_FR.svg" alt="Location Map">
</div>
<div></div>
<p class="Flex-item_17">* Le &quot;refroidissement naturel&quot; signifie que nous n'utilisons pas de climatisation. Soyez assur&eacute; que votre projet fonctionnera &agrave; l'aide d'une &eacute;nergie naturelle et durable, avec la plus faible empreinte carbone.
</p>
</div>
</div>
</section>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<a href="https://e-durable.ch/fr" target="_blank">
<img id="logo_09" src="assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
<p class="Flex-item_18_01">Case Postale</p>
<p class="Flex-item_18_01">Chemin du Vernay 14a, Suisse </p>
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41
22 566 78 58</a>
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="index_fr.html">Accueil</a></li>
<li class="Flex-item_20"><a href="backup_fr.html">Backup</a></li>
<li class="Flex-item_20"><a href="virtual-machine_fr.html">Machines Virtuelles</a></li>
<li class="Flex-item_20"><a href="manifesto_fr.html">Manifesto</a></li>
<li class="Flex-item_20"><a href="become-client_fr.html">Devenir Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
</div>
</section>
<footer class="Flex-Container_13">
<a href="privacy-policy_fr.html">
<p class="Flex-item_21 MT_40">Conditions d'Utilisation &amp; politique de confidentialit&eacute;.
</p>
</a>
<p class="Flex-item_22 MT_40">&copy;2022 e-Durable SA</p>
</footer>
</main>
<script src="https://unpkg.com/website-carbon-badges@1.1.3/b.min.js" defer></script>
</body>
</html>

27
legacy/Makefile
View File

@ -1,27 +0,0 @@
# Stuff for make to work make magic.
.DEFAULT: all
.SUFFIXES: .part .html
.PHONY: all clean deploy
.EXPORT_ALL_VARIABLES:
BASE_TITLE = Recycled Cloud
PAGES = index.html services.html manifesto.html contact.html terms.html
BLOBS = assets/
all: $(PAGES)
clean:
rm -rf $(PAGES)
deploy: $(PAGES) $(BLOBS)
./deploy.sh $^
.part.html:
./page-template.sh $+ > $@
$(PAGES): page-template.sh assets
index.html: TITLE = "$(BASE_TITLE) | Home"
services.html: TITLE = "$(BASE_TITLE) | Services"
manifesto.html: TITLE = "$(BASE_TITLE) | Manifesto"
contact.html: TITLE = "$(BASE_TITLE) | Contact"
terms.html: TITLE = "$(BASE_TITLE) | Terms"

6
legacy/README.md
View File

@ -1,6 +0,0 @@
# Recycled Cloud Website
Static website generated with [Nyll](https://git.sr.ht/~sparrowhawk/nyll). Depends on:
* `make`
* `sh`

7
legacy/assets/css/bootstrap-grid.min.css vendored
View File

File diff suppressed because one or more lines are too long

8
legacy/assets/css/bootstrap-reboot.min.css vendored
View File

@ -1,8 +0,0 @@
/*!
* Bootstrap Reboot v4.5.3 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
/*# sourceMappingURL=bootstrap-reboot.min.css.map */

267
legacy/assets/css/main.css
View File

@ -1,267 +0,0 @@
/* FIXME: this file is a mess and needs some cleanup */
body {
width: 900px;
margin: auto;
}
h2 {
display: inline-block;
}
.blue {
color: #003366;
}
.bottom-20 {
margin-bottom: 20px;
}
#section-manifesto .row {
margin-top: 20px;
}
#section-manifesto {
margin-bottom: 20px;
}
.margin-right-20 {
margin-right: 20px;
}
#section-nav {
padding-top: 25px;
height: 75px;
}
#section-nav #nav-logo {
width: 200px;
position: relative;
top: -15px;
}
a {
color: #000;
text-decoration: underline;
}
a:hover {
color: #000;
text-decoration: none;
}
#section-nav a {
color: #000;
padding-left: 10px;
text-decoration: none;
}
#section-nav a:hover {
color: #000;
padding-left: 10px;
text-decoration: underline;
}
#section-members a {
color: #000;
text-decoration: underline;
}
#section-members a {
text-decoration: none;
}
.nav-current {
font-weight: bold;
text-decoration: underline !important;
}
#section-hero, #section-services, #section-members, #section-contact,
#section-tech, #section-howcanyouhelp, .section, footer {
padding-left: 50px;
padding-right: 50px;
padding-top: 20px;
padding-bottom: 20px;
}
.service-logo {
width: 50px;
}
h2 .service-logo {
width: 35px;
}
.service-description {
min-height: 100px;
}
.service-description-large {
min-height: 200px;
}
#section-hero {
background-image: linear-gradient(to right, #003366, #5d0066);
color: #fff;
}
.btn:link, .btn:visited, .btn {
background-color: #fff;
color: #013366;
padding: 10px 15px;
text-align: center;
text-decoration: none;
display: inline-block;
border-radius: 8px 0px 8px 8px;
}
.btn:hover, .btn:active {
background-color: #babac9;
}
.btn-bold {
font-weight: bold;
}
.btn-green {
background-color: #015659 !important;
color: #fff !important;
}
.btn-green:hover, .btn-green:active {
background-color: #01878c !important;
}
#section-services {
padding-bottom: 20px;
color: #003366;
}
#section-services .container {
text-align: center;
}
.member-logo-container {
position: relative;
height: 75px;
}
#member-logo-edurable {
position: absolute;
bottom: 17px;
}
#member-logo-ungleich {
position: absolute;
bottom: 10px;
}
#section-services .btn {
background-image: linear-gradient(to right, #013366, #5d0066);
color: #fff;
}
#section-members {
background-color: #eaeaec;
}
#section-members h2, #section-howcanyouhelp h2 {
color: #003366;
}
#section a, #section-members a {
color: black;
font-weight: bold;
text-decoration: underline;
}
#section-tech a {
font-weight: bold;
}
#section-tech a:hover, #section-members a:hover {
text-decoration: none;
}
#section-contact {
background-color: #015659;
color: #fff;
padding: 20px;
}
footer {
background-color: #eaeaec;
}
footer a, footer a:hover {
color: #000;
}
footer a {
text-decoration: underline;
}
footer a:hover {
text-decoration: none;
}
footer p {
opacity: 0.5;
}
.tech-logo-row {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.tech-logo {
margin: auto;
display: block;
max-width: 100%;
max-height: 60px;
}
.contact-leftpane {
background-color: #015659;
color: white;
padding-left: 50px;
padding-top: 20px;
padding-bottom: 20px;
}
.contact-rightpane h2, .h2-blue h2 {
color: #003366;
}
.contact-rightpane {
padding-top: 20px;
padding-right: 50px;
}
hr {
background-image: linear-gradient(to right, #003366, #5d0066);
height: 2px;
}
.center {
text-align: center;
}
input[type=text], input[type=email], textarea {
margin-top: 5px;
padding: 5px;
border-radius: 5px;
border: 1px solid gray;
background-color: white;
color: black;
width: 100%;
}
input[type=submit] {
border: 0;
float: right;
}
textarea {
height: 150px;
}

167
legacy/assets/images/alpine-logo.svg
View File

@ -1,167 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="svg2"
version="1.1"
inkscape:version="0.48.5 r10040"
width="665.16876"
height="161.78787"
xml:space="preserve"
sodipodi:docname="alpinelinux-logo.svg"><metadata
id="metadata8"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
id="defs6"><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath16"><path
d="M 0,560 960,560 960,0 0,0 0,560 z"
id="path18"
inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1595"
inkscape:window-height="964"
id="namedview4"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="0.33333333"
inkscape:cx="-197.05676"
inkscape:cy="-80.4375"
inkscape:window-x="276"
inkscape:window-y="233"
inkscape:window-maximized="0"
inkscape:current-layer="g10" /><g
id="g10"
inkscape:groupmode="layer"
inkscape:label="Alpine_Linux_logo_v4"
transform="matrix(1.25,0,0,-1.25,-267.55675,592.22537)"><g
id="g20"
transform="translate(686.7844,397.9583)"
style="fill:#0d597f;fill-opacity:1"><path
d="m 0,0 c -3.74,6.413 -3.73,19.372 0.023,26.161 1.64,2.969 6.622,9.559 28.367,9.559 4.468,0 7.739,-0.229 10.148,-0.554 5.278,-0.71 9.297,-2.509 9.297,-7.425 0,-6.49 -9.565,-6.55 -9.565,-6.55 l -20.27,0 C 9.392,21.191 8.734,9.287 8.734,9.287 l 9.17,0 20.366,0 c 10.375,0 21.125,4.649 21.125,18.258 0,9.047 -5.207,15.135 -13.71,17.468 -8.498,2.332 -11.809,2.206 -23.391,1.998 C 13.02,46.845 7.679,44.81 4.305,43.752 -1.609,41.896 -6.907,38.432 -10.48,31.966 -16.297,21.438 -16.244,4.03 -10.365,-6.047 -4.08,-16.821 6.696,-22.587 19.723,-22.597 l 39.672,0 10e-4,11.943 -39.714,0 C 8.246,-10.688 2.571,-4.408 0,0"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path22"
inkscape:connector-curvature="0" /></g><g
id="g24"
transform="translate(441.9298,442.9648)"
style="fill:#0d597f;fill-opacity:1"><path
d="m 0,0 c -10.527,5.817 -27.936,5.764 -38.013,-0.115 -14.384,-8.391 -19.841,-24.786 -14.594,-43.858 2.693,-9.79 9.965,-17.002 21.03,-20.855 7.818,-2.723 15.012,-2.801 15.31,-2.803 l -0.015,12 c -0.207,10e-4 -20.756,0.305 -24.755,14.842 -5.16,18.758 3.468,27.041 9.071,30.309 6.413,3.74 19.372,3.73 26.161,-0.023 7.212,-3.985 7.733,-12.297 7.733,-25.513 l 0,-24.358 c 0,-8.608 12,-9.171 12,-9.171 l 0,9.171 0,24.358 c 0,12.618 0,28.319 -13.928,36.016"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path26"
inkscape:connector-curvature="0" /></g><g
id="g28"
transform="translate(597.6101,375.3665)"
style="fill:#0d597f;fill-opacity:1"><path
d="m 0,0 0,37.405 c 0.011,13.027 5.776,23.803 16.55,30.088 10.078,5.878 27.486,5.932 38.013,0.115 13.928,-7.697 13.928,-23.399 13.928,-36.016 l 0,-24.319 0,-9.171 c 0,0 -12,0.563 -12,9.171 l 0,24.319 c 0,13.216 -0.521,21.528 -7.733,25.513 C 41.969,60.858 29.01,60.868 22.597,57.128 18.189,54.557 11.909,48.882 11.943,37.446 l 0,-37.447 L 0,0 z"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path30"
inkscape:connector-curvature="0" /></g><g
id="g32"
transform="translate(579.8309,375.3661)"
style="fill:#0d597f;fill-opacity:1"><path
d="m 0,0 0,47.562 0,9.171 c 0,0 11.904,-0.658 11.904,-9.267 L 11.904,0 0,0 z"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path34"
inkscape:connector-curvature="0" /></g><g
id="g36"
transform="translate(591.7351,443.8518)"
style="fill:#0d597f;fill-opacity:1"><path
d="m 0,0 0,-2.028 0,-9.171 c 0,0 -11.904,0.658 -11.904,9.267 L -11.904,0 0,0 z"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path38"
inkscape:connector-curvature="0" /></g><g
id="g40"
transform="translate(519.3928,442.6805)"
style="fill:#0d597f;fill-opacity:1"><path
d="m 0,0 c 10.527,5.817 27.936,5.764 38.013,-0.115 14.384,-8.391 19.841,-24.786 14.594,-43.858 -2.693,-9.79 -9.965,-17.002 -21.03,-20.855 -7.818,-2.723 -15.007,-2.447 -15.305,-2.449 l 0.01,11.899 c 0.207,10e-4 20.756,0.052 24.755,14.589 5.16,18.758 -3.468,27.041 -9.071,30.309 -6.413,3.74 -19.372,3.73 -26.161,-0.023 -7.212,-3.985 -7.733,-12.297 -7.733,-25.513 l 0,-12.612 c 0,-8.608 -12,-9.17 -12,-9.17 l 0,9.17 0,12.612 c 0,12.618 0,28.319 13.928,36.016"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path42"
inkscape:connector-curvature="0" /></g><g
id="g44"
transform="translate(517.3693,344.6278)"
style="fill:#0d597f;fill-opacity:1"><path
d="m 0,0 0,30.505 0,9.17 c 0,0 -11.904,-0.658 -11.904,-9.266 L -11.904,0 0,0 z"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path46"
inkscape:connector-curvature="0" /></g><g
id="g48"
transform="translate(473.349,473.7803)"
style="fill:#0d597f;fill-opacity:1"><path
d="m 0,0 0,-32.359 0,-9.17 c 0,0 -11.904,0.658 -11.904,9.266 L -11.904,0 0,0 z"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path50"
inkscape:connector-curvature="0" /></g><g
id="g52"
transform="translate(474.9603,402.1447)"
style="fill:#0d597f;fill-opacity:1"><path
d="m 0,0 c -1.039,3.777 -1.519,7.129 -1.577,10.101 l -0.034,10.255 c 0,8.608 -11.913,9.171 -11.913,9.171 l 0,-9.171 0,-10.193 c 0.037,-4.24 0.68,-8.714 1.954,-13.347 2.693,-9.79 9.966,-17.002 21.03,-20.855 7.818,-2.723 14.992,-2.743 15.289,-2.745 l 0.006,11.942 C 24.548,-14.841 3.999,-14.537 0,0"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path54"
inkscape:connector-curvature="0" /></g><g
id="g56"
transform="translate(268.1394,393.2718)"
style="fill:#0d597f;fill-opacity:1"><path
d="M 0,0 0,15.687 -11.296,4.379 C -10.079,3.532 -8.932,2.836 -7.853,2.27 -6.774,1.703 -5.764,1.265 -4.823,0.932 -3.882,0.598 -3.009,0.37 -2.206,0.222 -1.402,0.075 -0.667,0.009 0,0 m 57.751,1.304 c 0.02,-0.017 0.13,-0.11 0.333,-0.239 0.204,-0.13 0.502,-0.297 0.898,-0.462 0.395,-0.164 0.889,-0.327 1.485,-0.448 0.596,-0.122 1.294,-0.202 2.098,-0.202 0.671,0 1.411,0.059 2.222,0.2 0.812,0.142 1.693,0.367 2.645,0.699 0.953,0.333 1.976,0.773 3.07,1.344 1.094,0.572 2.259,1.276 3.495,2.136 L 65.425,12.729 37.015,41.245 24.549,28.776 7.733,46.117 -34.471,4.39 c 1.235,-0.86 2.398,-1.564 3.491,-2.136 1.093,-0.571 2.115,-1.011 3.067,-1.344 0.951,-0.332 1.832,-0.557 2.643,-0.698 0.81,-0.142 1.55,-0.201 2.22,-0.201 0.804,0 1.502,0.08 2.097,0.202 0.596,0.121 1.089,0.284 1.485,0.449 0.396,0.164 0.693,0.331 0.897,0.461 0.204,0.13 0.314,0.223 0.334,0.24 L 0.815,20.415 7.628,26.948 26.494,8.082 33.085,1.304 c 0.02,-0.017 0.13,-0.11 0.334,-0.239 0.204,-0.13 0.501,-0.297 0.897,-0.462 0.396,-0.164 0.89,-0.327 1.485,-0.448 0.596,-0.122 1.295,-0.202 2.099,-0.202 0.67,0 1.411,0.059 2.222,0.2 0.811,0.142 1.693,0.367 2.645,0.699 0.952,0.333 1.975,0.773 3.069,1.344 1.094,0.572 2.259,1.276 3.495,2.136 L 34.192,19.157 37.01,21.975 50.111,8.874 57.751,1.304 M 57.588,80.32 94.807,15.838 57.588,-48.644 l -74.463,0 -37.219,64.482 37.219,64.482 74.463,0 z"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path58"
inkscape:connector-curvature="0" /></g><g
id="g60"
transform="translate(302.5041,412.251)"
style="fill:#0d597f;fill-opacity:1"><path
d="M 0,0 -9.913,9.895 -9.208,10.604 0.775,0.73 0,0 z"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path62"
inkscape:connector-curvature="0" /></g><g
id="g64"
transform="translate(528.4338,353.235)"
style="fill:#0d597f;fill-opacity:1"><path
d="m 0,0 0,22.161 -2,0 L -2,0 c 0,-4.295 3.35,-8.885 12.75,-8.885 l 15.25,0 0,2 -15.25,0 C 0.775,-6.885 0,-1.615 0,0"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path66"
inkscape:connector-curvature="0" /></g><path
d="m 561.073,344.35 2,0 0,22.787 -2,0 0,-22.787 z"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path68"
inkscape:connector-curvature="0" /><path
d="m 561.073,368.358 2,0 0,2.992 -2,0 0,-2.992 z"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path70"
inkscape:connector-curvature="0" /><g
id="g72"
transform="translate(664.6232,367.1373)"
style="fill:#0d597f;fill-opacity:1"><path
d="m 0,0 -2.634,0 -8.469,-9.888 -8.481,9.888 -2.634,0 9.796,-11.428 -9.729,-11.359 2.62,0 8.422,9.827 8.423,-9.827 2.647,0 -9.75,11.367 L 0,0 z"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path74"
inkscape:connector-curvature="0" /></g><g
id="g76"
transform="translate(634.3527,353.11)"
style="fill:#0d597f;fill-opacity:1"><path
d="M 0,0 C 0,-0.691 -0.366,-6.76 -13.063,-6.76 -25.637,-6.76 -26,-0.691 -26,0 l 0,14.027 -2,0 L -28,0 c 0,-0.896 0.419,-8.76 14.937,-8.76 C 1.577,-8.76 2,-0.896 2,0 l 0,14.027 -2,0 L 0,0 z"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path78"
inkscape:connector-curvature="0" /></g><g
id="g80"
transform="translate(584.7756,367.1373)"
style="fill:#0d597f;fill-opacity:1"><path
d="m 0,0 c -14.64,0 -15.063,-7.863 -15.063,-8.76 l 0,-14.027 2,0 0,14.027 c 0,0.692 0.367,6.76 13.063,6.76 12.574,0 12.938,-6.068 12.938,-6.76 l 0,-14.027 2,0 0,14.027 C 14.938,-7.863 14.519,0 0,0"
style="fill:#0d597f;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path82"
inkscape:connector-curvature="0" /></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
legacy/assets/images/cdist-logo.jpeg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
legacy/assets/images/ceph-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 44 KiB

BIN
legacy/assets/images/contact.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 5.4 KiB

BIN
legacy/assets/images/debian-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

22
legacy/assets/images/edurable-logo-black.svg
View File

@ -1,22 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Warstwa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 179 27" style="enable-background:new 0 0 179 27;" xml:space="preserve">
<g>
<g>
<path d="M9.7,8.1C4.1,8.1,0,12.1,0,17.6C0,23.3,4.1,27,10.1,27c4.1,0,6.8-1.4,7.8-2.2l-1.4-3.2c-0.7,0.6-2.6,1.7-5.4,1.7
c-2.8,0-5.9-0.8-6.4-4.1h13.8v-1.7C18.5,12.5,15.6,8.1,9.7,8.1z M4.7,15.8c0.5-2.6,2.4-4.2,5.1-4.2c2.5,0,4.1,1.9,4.1,4.2H4.7z
M55.4,0h-8.2v26.5h7.3c9.4,0,15.5-4.8,15.5-13.2C70,4.6,63.5,0,55.4,0z M55.4,22h-3.1V4.5h3.8c5.1,0,8.6,3.6,8.6,8.6
C64.6,19.6,60.4,22,55.4,22z M84.8,22.5c-0.4,0.3-1.4,0.8-3,0.8c-2.1,0-4.1-0.8-4.1-4.3V8.6H73v11.5c0,4.6,3.4,6.9,8.3,6.9
c3.3,0,6-0.7,8.1-2.5V8.6h-4.7V22.5z M101,8.1c-2.1,0-3.6,2.4-4,3.3V8.6h-4.6v17.9H97v-9.9c0-1.8,1.1-4.2,3.2-4.2
c1.1,0,1.9,0.5,2.5,0.9l1.6-4.3C103.5,8.6,102.6,8.1,101,8.1z M112.7,8.1c-2.9,0-5.2,0.7-6.8,1.5l1.4,3.2c0.7-0.3,2.7-1,5.1-1
c2.5,0,3.6,1,3.6,2.5v1.8c-1-0.8-3.3-1.2-4.6-1.2c-3.4,0-7.4,1.5-7.4,5.6c0,3.5,2.6,6.5,8.2,6.5c4.2,0,6.9-1.1,8.3-2.2v-9.5
C120.3,10.9,118.7,8.1,112.7,8.1z M115.9,22.9c-0.8,0.5-2,0.7-3.5,0.7c-2.3,0-3.7-1.2-3.7-3c0-1.6,1.6-2.4,3.4-2.4
c1.5,0,3,0.7,3.8,1.3V22.9z M132.7,8.1c-1.5,0-3.7,0.7-4.8,1.4V0h-4.7v24.8c2.4,1.6,5.4,2.2,8,2.2c5.2,0,10.1-3.3,10.1-9.6
C141.4,12.7,138.7,8.1,132.7,8.1z M131.3,23.2c-1.6,0-2.5-0.3-3.3-0.7v-9.2c0.9-0.8,2.6-1.5,4-1.5c3,0,4.5,2.7,4.5,5.5
C136.4,21.1,134.4,23.2,131.3,23.2z M144.1,26.5h4.7V0h-4.7V26.5z M23.1,19.3h4.6c0-8.1,6.7-14.8,15-14.8V0
C31.9,0,23.1,8.7,23.1,19.3z M162.6,23.4c-2.8,0-5.9-0.8-6.4-4.1H170v-1.7c0-5-2.9-9.4-8.8-9.4c-5.7,0-9.7,4.1-9.7,9.5
c0,5.7,4.1,9.4,10.1,9.4H179v-3.6H162.6z M161.2,11.6c2.5,0,4.1,1.9,4.1,4.2h-9.2C156.7,13.2,158.6,11.6,161.2,11.6z"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

BIN
legacy/assets/images/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 95 KiB

54
legacy/assets/images/nas.svg
View File

@ -1,54 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="24"
height="24"
viewBox="0 0 24 24"
id="svg4"
sodipodi:docname="nas.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1062"
id="namedview6"
showgrid="false"
inkscape:zoom="36.791667"
inkscape:cx="12"
inkscape:cy="12"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg4" />
<path
d="M4,5C2.89,5 2,5.89 2,7V17C2,18.11 2.89,19 4,19H20C21.11,19 22,18.11 22,17V7C22,5.89 21.11,5 20,5H4M4.5,7A1,1 0 0,1 5.5,8A1,1 0 0,1 4.5,9A1,1 0 0,1 3.5,8A1,1 0 0,1 4.5,7M7,7H20V17H7V7M8,8V16H11V8H8M12,8V16H15V8H12M16,8V16H19V8H16M9,9H10V10H9V9M13,9H14V10H13V9M17,9H18V10H17V9Z"
id="path2"
style="fill:#003366;fill-opacity:1" />
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
legacy/assets/images/opennebula-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 20 KiB

54
legacy/assets/images/server.svg
View File

@ -1,54 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="24"
height="24"
viewBox="0 0 24 24"
id="svg4"
sodipodi:docname="server.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1062"
id="namedview6"
showgrid="false"
inkscape:zoom="36.791667"
inkscape:cx="12"
inkscape:cy="12"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg4" />
<path
d="M4,1H20A1,1 0 0,1 21,2V6A1,1 0 0,1 20,7H4A1,1 0 0,1 3,6V2A1,1 0 0,1 4,1M4,9H20A1,1 0 0,1 21,10V14A1,1 0 0,1 20,15H4A1,1 0 0,1 3,14V10A1,1 0 0,1 4,9M4,17H20A1,1 0 0,1 21,18V22A1,1 0 0,1 20,23H4A1,1 0 0,1 3,22V18A1,1 0 0,1 4,17M9,5H10V3H9V5M9,13H10V11H9V13M9,21H10V19H9V21M5,3V5H7V3H5M5,11V13H7V11H5M5,19V21H7V19H5Z"
id="path2"
style="fill:#003366;fill-opacity:1" />
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

55
legacy/assets/images/ungleich-logo-black.svg
View File

@ -1,55 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 106.3 28.3" style="enable-background:new 0 0 106.3 28.3;" xml:space="preserve">
<style type="text/css">
.st0{fill:#050505;}
</style>
<g>
<path class="st0" d="M29.8,24.9c0-0.4,0.1-0.8,0.4-1.2c0.3-0.4,0.7-0.8,1.3-1.1v-0.1c-0.3-0.2-0.5-0.4-0.8-0.7
c-0.2-0.3-0.3-0.7-0.3-1.1c0-0.3,0.1-0.7,0.3-1.1c0.2-0.4,0.5-0.7,0.9-0.9v-0.1c-0.4-0.3-0.7-0.6-1-1.1c-0.3-0.5-0.4-1-0.4-1.6
c0-0.6,0.1-1.1,0.3-1.6c0.2-0.5,0.5-0.9,0.9-1.2c0.4-0.3,0.8-0.6,1.4-0.8c0.5-0.2,1.1-0.3,1.6-0.3c0.6,0,1.1,0.1,1.6,0.3h4.4V14H38
c0.2,0.2,0.4,0.5,0.6,0.9c0.2,0.3,0.3,0.7,0.3,1.1c0,0.6-0.1,1.1-0.3,1.5c-0.2,0.5-0.5,0.8-0.9,1.1c-0.4,0.3-0.8,0.5-1.3,0.7
c-0.5,0.2-1.1,0.2-1.6,0.2c-0.3,0-0.5,0-0.8-0.1c-0.3-0.1-0.6-0.1-0.9-0.3c-0.5,0.3-0.7,0.7-0.7,1.1c0,0.4,0.2,0.7,0.5,0.9
c0.4,0.2,0.9,0.3,1.6,0.3h2.3c1.4,0,2.4,0.2,3.1,0.6c0.7,0.4,1,1.1,1,2c0,0.5-0.1,1-0.4,1.4c-0.3,0.5-0.7,0.8-1.2,1.2
c-0.5,0.3-1.2,0.6-1.9,0.8c-0.7,0.2-1.6,0.3-2.5,0.3c-1.5,0-2.7-0.2-3.6-0.7C30.2,26.6,29.8,25.9,29.8,24.9z M31.6,24.7
c0,0.5,0.3,0.9,0.8,1.2c0.6,0.3,1.4,0.5,2.4,0.5c0.6,0,1.1-0.1,1.5-0.2c0.5-0.1,0.9-0.3,1.2-0.4c0.3-0.2,0.6-0.4,0.8-0.6
c0.2-0.2,0.3-0.5,0.3-0.7c0-0.5-0.2-0.8-0.6-0.9c-0.4-0.2-1-0.2-1.7-0.2h-1.9c-0.3,0-0.6,0-0.9,0c-0.3,0-0.5-0.1-0.7-0.1
c-0.4,0.2-0.7,0.5-0.9,0.8C31.7,24.1,31.6,24.4,31.6,24.7z M34.6,18.3c0.6,0,1.1-0.2,1.6-0.6c0.4-0.4,0.7-1,0.7-1.7
c0-0.7-0.2-1.3-0.7-1.7c-0.4-0.4-1-0.6-1.6-0.6c-0.6,0-1.1,0.2-1.6,0.6c-0.4,0.4-0.7,1-0.7,1.7c0,0.7,0.2,1.3,0.7,1.7
C33.5,18.1,34,18.3,34.6,18.3z"/>
</g>
<path class="st0" d="M13.4,23.3h-1.8l-0.2-1.8h-0.1c-0.5,0.6-1.1,1.1-1.8,1.5c-0.6,0.4-1.4,0.6-2.2,0.6c-1.3,0-2.3-0.4-2.9-1.1
c-0.6-0.8-0.9-1.9-0.9-3.3v-5.5l-2.9-0.1l5.2-2l0,1.5v5.8c0,1,0.2,1.7,0.5,2.2c0.3,0.5,0.9,0.7,1.8,0.7c0.6,0,1.1-0.1,1.6-0.4
c0.5-0.3,1-0.7,1.5-1.4v-7.6h2.2L13.4,23.3L13.4,23.3z"/>
<path class="st0" d="M17.1,12.3h1.8l0.2,1.8h0.1c0.6-0.6,1.2-1.1,1.8-1.5c0.6-0.4,1.4-0.6,2.3-0.6c1.3,0,2.2,0.4,2.8,1.1
c0.6,0.8,0.9,1.9,0.9,3.3v6.8h-2.2v-6.5c0-1-0.2-1.7-0.5-2.1c-0.3-0.5-0.9-0.7-1.8-0.7c-0.6,0-1.1,0.1-1.6,0.4
c-0.5,0.3-1,0.7-1.6,1.3v7.6h-2.2L17.1,12.3L17.1,12.3L17.1,12.3z"/>
<path class="st0" d="M51.9,17.8c0-0.9,0.2-1.7,0.5-2.4c0.3-0.7,0.7-1.3,1.3-1.8c0.5-0.5,1.1-0.9,1.8-1.2c0.7-0.3,1.4-0.4,2.1-0.4
c0.8,0,1.5,0.1,2.2,0.4c0.6,0.3,1.2,0.6,1.6,1.1c0.4,0.5,0.8,1,1,1.6c0.2,0.6,0.3,1.3,0.3,2.1c0,0.2,0,0.4,0,0.6
c0,0.2,0,0.4-0.1,0.5h-8.3c0.1,1.1,0.5,1.9,1.2,2.5c0.7,0.6,1.6,0.9,2.8,0.9c0.6,0,1.2-0.1,1.7-0.2c0.5-0.2,1-0.4,1.5-0.7l0.8,1.4
c-0.6,0.4-1.2,0.7-1.9,0.9c-0.7,0.2-1.5,0.4-2.4,0.4c-0.8,0-1.6-0.1-2.3-0.4c-0.7-0.3-1.4-0.6-1.9-1.1c-0.5-0.5-1-1.1-1.3-1.8
C52.1,19.5,51.9,18.7,51.9,17.8z M60.6,16.8c0-1-0.3-1.8-0.8-2.3c-0.5-0.5-1.2-0.8-2.2-0.8c-0.8,0-1.6,0.3-2.2,0.8
c-0.6,0.5-1,1.3-1.2,2.3H60.6z"/>
<path class="st0" d="M70,11.9l0,11.6h-2.2v-8.5h-4.2L70,11.9z M68.7,9.7c-0.5,0-0.9-0.1-1.2-0.4C67.2,9,67,8.6,67,8.1
c0-0.5,0.2-0.9,0.5-1.2c0.3-0.3,0.7-0.4,1.2-0.4c0.5,0,0.9,0.1,1.2,0.4c0.3,0.3,0.5,0.7,0.5,1.2c0,0.5-0.2,0.9-0.5,1.2
C69.6,9.5,69.2,9.7,68.7,9.7z"/>
<path class="st0" d="M73.1,18c0-0.9,0.2-1.7,0.5-2.5c0.3-0.7,0.8-1.3,1.4-1.8c0.6-0.5,1.2-0.9,2-1.1c0.7-0.3,1.5-0.4,2.4-0.4
c0.9,0,1.7,0.2,2.4,0.5c0.7,0.3,1.2,0.7,1.7,1.1l-1.1,1.4c-0.4-0.4-0.9-0.6-1.4-0.8c-0.5-0.2-1-0.3-1.5-0.3c-0.6,0-1.1,0.1-1.6,0.3
c-0.5,0.2-0.9,0.5-1.3,0.8c-0.4,0.3-0.6,0.8-0.8,1.3c-0.2,0.5-0.3,1-0.3,1.6c0,0.6,0.1,1.1,0.3,1.6c0.2,0.5,0.5,0.9,0.8,1.3
c0.4,0.3,0.8,0.6,1.3,0.8c0.5,0.2,1,0.3,1.6,0.3c0.7,0,1.3-0.1,1.8-0.4c0.5-0.3,1-0.6,1.5-0.9l0.9,1.4c-0.6,0.5-1.3,1-2.1,1.3
c-0.8,0.3-1.5,0.4-2.3,0.4c-0.9,0-1.7-0.1-2.4-0.4c-0.7-0.3-1.4-0.6-1.9-1.1c-0.5-0.5-1-1.1-1.3-1.8C73.2,19.8,73.1,19,73.1,18z"/>
<path class="st0" d="M83.7,7.6l4.7-2.3v6.5l-0.1,2.5c0.6-0.6,1.2-1.1,1.8-1.4c0.6-0.4,1.4-0.6,2.3-0.6c1.3,0,2.2,0.4,2.8,1.1
c0.6,0.8,0.9,1.9,0.9,3.3v6.8h-2.2V17c0-1-0.2-1.7-0.5-2.1c-0.3-0.5-0.9-0.7-1.8-0.7c-0.6,0-1.1,0.1-1.6,0.4c-0.5,0.3-1,0.7-1.6,1.3
v7.6h-2.2l0-16L83.7,7.6z"/>
<g>
<polygon class="st0" points="96.4,2.6 95.7,4.2 105,4.2 105.8,2.6 "/>
<polygon class="st0" points="95.7,6.1 94.9,7.7 104.3,7.7 105,6.1 "/>
<polygon class="st0" points="97.5,9.6 101.8,0.4 103.5,0.5 99.2,9.6 "/>
</g>
<g>
<path class="st0" d="M46.3,19.7c0,0.7,0.2,1.3,0.6,1.6c0.4,0.3,0.9,0.5,1.4,0.5c0.3,0,0.6,0,0.9-0.1c0.3-0.1,0.6-0.2,1-0.3l0.5,1.6
c-0.2,0.1-0.5,0.2-0.7,0.2c-0.2,0.1-0.5,0.1-0.7,0.2c-0.2,0.1-0.5,0.1-0.7,0.1c-0.3,0-0.5,0.1-0.8,0.1c-1.2,0-2.1-0.3-2.7-1
c-0.6-0.7-0.9-1.7-0.9-3V5.1h-3.5l5.6-4"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.6 KiB

55
legacy/assets/images/web.svg
View File

@ -1,55 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="24"
height="24"
viewBox="0 0 24 24"
id="svg4"
sodipodi:docname="web.svg"
inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
<metadata
id="metadata10">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs8" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1062"
id="namedview6"
showgrid="false"
inkscape:zoom="36.791667"
inkscape:cx="12"
inkscape:cy="12"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg4" />
<path
d="M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"
id="path2"
style="fill:#003366;fill-opacity:1" />
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 KiB

36
legacy/contact.part
View File

@ -1,36 +0,0 @@
<div class="container content-container">
<div class="row">
<div class="col contact-leftpane">
<h2>We'd be happy to hear from you...</h1>
<p>
a question, some feedback, a lunch invitation or anything you
see fit. We're human though, and will do out best to reply
within two working days.
</p>
<h2>Or reach out in a traditional way</h2>
<p>
e-Durable SA<br />
Domaine des Pins C<br />
1196 Gland<br />
Switzerland<br />
</p>
<p>
<img src="assets/images/contact.png" alt="Contact logo"/>
</p>
</div>
<div class="col contact-rightpane">
<h2>Send a message</h2>
<form method="post" action="https://meta.recycled.cloud/support/new">
<input type="text" name="support_request[name]" placeholder="Name">
<br />
<input type="email" name="support_request[email]" placeholder="Email">
<br />
<textarea name="support_request[message]" placeholder="Your Message"></textarea>
<br />
<input type="submit" class="btn btn-green" value="Send">
</form>
</div>
</div>
</div>

9
legacy/deploy.sh
View File

@ -1,9 +0,0 @@
#!/bin/sh
DESTINATION=root@static.recycled.cloud:/var/www/
WEBSITE=recycled.cloud
sftp -b - "$DESTINATION" <<- EOF
-rm $WEBSITE/*
$(for f in "$@"; do echo "put -R $f $WEBSITE/"; done)
EOF

159
legacy/index.part
View File

@ -1,159 +0,0 @@
<div id="section-hero">
<h1>Local and recycled cloud services.</h1>
<p>Swiss-based and as sustainable as we can.</p>
<a href="https://meta.recycled.cloud" class="btn btn-bold margin-right-20">Access the Console</a>
<a href="/manifesto.html" class="btn btn-bold">Read our Manifesto</a>
</div>
<div id="section-services">
<h2>Solutions for your projects</h2>
<div class="container">
<div class="row">
<div class="col">
<img src="assets/images/web.svg" alt="Recycled Cloud web hosting logo" class="service-logo" />
<h3>Web Hosting</h3>
<p class="service-description">
Low-footprint static website, Wordpress and
generic PHP hosting.
</p>
<a href="services.html" class="btn btn-bold">Learn more</a>
</div>
<div class="col">
<img src="assets/images/nas.svg" alt="Recycled Cloud backup hosting logo" class="service-logo" />
<h3>Storage</h3>
<p class="service-description">
Borg-based backup service and file syncing with
NextCloud.
</p>
<a href="services.html" class="btn btn-bold">Learn more</a>
</div>
<div class="col">
<img src="assets/images/server.svg" class="service-logo" />
<h3>Generic Hosting</h3>
<p class="service-description">
KVM virtual machines, running either one of our
images or your own.
</p>
<a href="services.html" class="btn btn-bold">Learn more</a>
</div>
</div>
</div>
</div>
<div id="section-members">
<div class="row">
<div class="col">
<h2>Members & Friends</h2>
<p>
We wish the Recycled Cloud to be backed by a multitude of small
organizations, fighting against centralization and promoting a more
local and humans-centered IT.
</p>
</div>
<div class="col">
<div class="row justify-content-md-center">
<div class="col-6">
<div class="member-logo-container">
<img id="member-logo-edurable" alt="e-Durable logo" src="assets/images/edurable-logo-black.svg" />
</div>
<ul>
<li><a href="https://e-durable.ch/support_services">IT Support</a></li>
<li><a href="https://e-durable.ch/project_management">Project Management</a></li>
<li><a href="https://e-durable.ch/contact.html">Website UX & Design</a></li>
</ul>
</div>
<!--
<div class="col">
<div class="member-logo-container">
<img id="member-logo-ungleich" src="assets/images/ungleich-logo-black.svg" />
</div>
<ul>
<li><a href="https://ungleich.ch/u/products/colocation/">Server Colocation</a></li>
<li><a href="https://ungleich.ch/u/products/ipv6-mobile-internet-router/">IPv6-Everywhere</a></li>
</ul>
</div>
-->
</div>
</div>
</div>
</div>
<div id="section-howcanyouhelp">
<h2>How can you help?</h2>
<div class="container">
<div class="row">
<div class="col">
<h3>Donate unused hardware</h3>
<p>
... or make sure you don't buy any new without a good reason!
</p>
</div>
<div class="col">
<h3>Spread the word!</h3>
<p>
We still have spare resources in our current infrastructure.
</p>
</div>
<div class="col">
<h3>Join the federation!</h3>
<p>
We would gladly welcome new members, helping them help
us run the infrastructure running our Cloud.
</p>
</div>
</div>
</div>
</div>
<div id="section-contact">
<div class="container">
<div class="row">
<div class="col-9">
<h2>Interested? Reach out to our team!</h2>
</div>
<div class="col-3">
<a href="contact.html" class="btn btn-bold">Contact us</a>
</div>
</div>
</div>
</div>
<div id="section-tech">
<h2>Tech Stack</h2>
<div class="row">
<div class="col-6">
<p>
The technical documentation of the Recycled Cloud is
public and available under an open license. We build
atop Free/Libre and Open Source Software in the most
open way we can find: we find no value in keeping our
work for ourselves.
</p>
<p>
We are grateful for the many existing projects we use as building
blocks, and contribute back as much as we can.
</p>
<p>
<a href="https://wiki.recycled.cloud/recycled_cloud/home">Technical Documentation</a>
</p>
</div>
</div>
<!--
<div class="tech-logo-row">
<img class="tech-logo" src="assets/images/alpine-logo.svg" />
<img class="tech-logo" src="assets/images/debian-logo.png" />
<img class="tech-logo" src="assets/images/cdist-logo.jpeg" />
<img class="tech-logo" src="assets/images/opennebula-logo.png" />
<img class="tech-logo" src="assets/images/ceph-logo.png" />
</div>
-->
</div>

96
legacy/manifesto.part
View File

@ -1,96 +0,0 @@
<div class="section" id="section-manifesto">
<div class="container">
<div class="row">
<div class="col-9">
<h1>Manifesto</h1>
<p>
We are saddened by the broken state of the world, and
the role that IT - which, for many of us, is our working
field - is taking in destroying it. We see the current
uses of IT technologies as major social, political,
economical and ecological offenders. However, computers
are not going away anytime soon, and are formidable
tools for human communication.
</p>
<p>
This leaves us with no choice but to fight to bring IT
infrastructure as close as possible to our vision of
<b>what</b>, <b>how</b> and <b>why</b> they should be.
</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-6">
<p>
<strong>There is no such thing as 'green' or 'sustainable' IT.</strong>
<br />
IT will always require high-tech globalised insdustries,
as well as rare and hard to get resources. A maddening
amount of those are thrown away: we get (most of) our
hardware from the second-hand market... and landfills.
We try to be the lesser evil but are not and can never
be 'green'.
</p>
</div>
<div class="col-6">
<p>
<strong>
IT and 'high tech' in general are not necessarly the
right solution to a problem.
</strong>
<br />
They are no different from any other tool. You
cannot work around an ill-defined problem by
aimlessly throwing resources and 'solutions' at
it.
</p>
</div>
</div>
<div class="row">
<div class="col-6">
<p>
<strong>
For better or for worse, we already live in a
world controlled by technology.
</strong>
<br />
We cannot let any single entity seize control of
our tech: we work in the open, with open tools,
gladly welcoming anyone who wants to join, not
locking them in our ecosystem.
</p>
</div>
<div class="col-6">
<p>
<strong>
We fight against the use of technology as a mean
of control and manipulation.
</strong>
<br />
We fight against centralization, both for
technical and governance reasons. We are not one
company, but a federation of small hosting
providers with similar ideology.
</p>
</div>
</div>
</div>
</div>
</div>
<div id="section-contact">
<div class="container">
<div class="row">
<div class="col-9">
<p>
We hope to build a federation of small independent hosting
providers. We would be glad to hear from you if you're interested!
</p>
</div>
<div class="col-3">
<a href="contact.html" class="btn btn-bold">Contact us</a>
</div>
</div>
</div>
</div>

58
legacy/page-template.sh
View File

@ -1,58 +0,0 @@
#!/bin/sh
# Most general template template for nyll.
CURRENT_PAGE=$(echo "$1" | cut -d. -f 1)
if_page () {
if [ "$CURRENT_PAGE" = "$1" ]; then
echo "$2"
fi
}
cat << EOF
<!DOCTYPE html>
<html lang=en>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>${TITLE:?}</title>
<link rel="stylesheet" href="assets/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="assets/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<div id="section-nav">
<div class="container">
<div class="row">
<div class="col-4">
<img src="assets/images/logo.png" id="nav-logo" alt="Recycled Cloud Logo"/>
</div>
<div class="col-6">
<nav>
<a href="index.html" class="$(if_page index nav-current)">Home</a>
<a href="services.html" class="$(if_page services nav-current)">Services</a>
<a href="manifesto.html" class="$(if_page manifesto nav-current)">Manifesto</a>
<a href="contact.html" class="$(if_page contact nav-current)">Contact</a>
</nav>
</div>
<div class="col-2">
<a href="/" class="nav-current">EN</a><!-- <a href="/" class="">FR</a> -->
</div>
</div>
</div>
</div>
$(cat "$1")
<footer>
<div class="container">
<div class="row">
<div class="col-5">
<p><a href="terms.html">Terms of Usage & Privacy Policy</a></p>
</div>
<div class="col-7">
<p>CC-BY e-Durable SA | <a href="https://e-durable.ch">More about e-Durable SA</a></p>
</div>
</div>
</div>
</footer>
</body>
</html>
EOF

136
legacy/services.part
View File

@ -1,136 +0,0 @@
<div id="section-hero">
<h1>Services</h1>
</div>
<div class="h2-blue section">
<h2>
<img src="assets/images/web.svg" alt="Recycled Cloud web hosting logo" class="service-logo" />
Web Hosting - Static, Wordpress, Generic
</h2>
<hr />
<div class="row justify-content-md-center center bottom-20">
<div class="col-4">
<h3>Static Website</h3>
<p class="service-description-large">
Low-footprint, pre-generated static website hosting. You can use
tools such as Publii to manage your website. There is no
management interface to edit the website: it is your
responsibility to provide a functional website.
</p>
<a href="contact.html" class="btn btn-bold btn-green">Contact us</a>
</div>
<div class="col-4">
<h3>Wordpress Website</h3>
<p class="service-description-large">
We deploy a dedicated wordpress instance, the Content Management
System (CMS) most used on the web, for you. The website is
dynamically generated and can be managed via a web interface.
</p>
<a href="contact.html" class="btn btn-bold btn-green">Contact us</a>
</div>
<div class="col-4">
<h3>Generic PHP</h3>
<p class="service-description-large">
Generic PHP+MySQL/PGSQL hosting: doable on demand, please
contact us with your needs (storage, CPU, Memory, dependencies).
</p>
<a href="contact.html" class="btn btn-bold btn-green">Contact us</a>
</div>
</div>
<h2>
<img src="assets/images/nas.svg" alt="Recycled Cloud file storage logo" class="service-logo" />
Storage - Backup and file sharing
</h2>
<hr />
<div class="row justify-content-md-center center bottom-20">
<div class="col-4">
<h3>Borg Backups</h3>
<p class="service-description">
We offer borg-based append-only backups on the recycled cloud.
Managed backups can be offered by your local provider.
</p>
<a href="contact.html" class="btn btn-bold btn-green">Contact us</a>
</div>
<div class="col-4">
<h3>File Sharing</h3>
<p class="service-description">
We offer Nextcloud-based file sharing and syncing.
</p>
<a href="contact.html" class="btn btn-bold btn-green">Contact us</a>
</div>
</div>
<h2>
<img src="assets/images/server.svg" alt="Recycled Cloud VPS logo" class="service-logo" />
Generic Hosting - Virtual Machines
</h2>
<hr />
<div class="row justify-content-md-center center bottom-20">
<div class="col-4">
<h3>KVM Virtual Machine</h3>
<p class="service-description">
We offer unmanaged Virtual Machines (VMs), which can run either
one of our images our your own. We currently have images ready for
Debian GNU/Linux, Ubuntu GNU/Linux and Alpine Linux, but other
distributions and *BSD can be defined on demand.
</p>
<a href="contact.html" class="btn btn-bold btn-green">Contact us</a>
</div>
</div>
</div>
<div id="section-hero">
<h2>Locations</h2>
</div>
<div class="section">
<div class="row center">
<div class="col">
<h3>Linthal GL, Switzerland</h3>
<p>
Three shelves, 100 Mbps (burstable to 1Gbps) upstream, operated by <a href="https://e-durable.ch">e-Durable SA</a> in <a href="https://ungleich.ch">ungleich</a>'s Datacenterlight.
</p>
</div>
<div class="col">
<h3>Lausanne VD, Switzerland</h3>
<p>One 42U rack, 100 Mbps upstream, operated by <a href="https://e-durable.ch">e-Durable SA</a>.</p>
</div>
<div class="col">
<h3>Froideville VD, Switzerland</h3>
<p>Two 42U racks, 1 Gbps upstream, operated by <a href="https://e-durable.ch">e-Durable SA</a>.</p>
</div>
</div>
</div>
<div id="section-contact">
<div class="container">
<div class="row">
<div class="col-9">
<h2>Interested? Reach out to our team!</h2>
</div>
<div class="col-3">
<a href="contact.html" class="btn btn-bold">Contact us</a>
</div>
</div>
</div>
</div>

13
legacy/terms.part
View File

@ -1,13 +0,0 @@
<h1>Terms of Usage & Privacy Policy</h1>
<p>
We have yet to write proper terms, but it'll be along the lines of:
<ul>
<li>Use our services in good faith and don't get us in trouble.</li>
<li>We collect only what is strictly necessary (email, name and billing address).</li>
<li>We do not share your data with anyone outside our organization.</li>
<li>We'll email you before these terms change.</li>
</ul>
Please <a href="contact.html">contact us</a> if you have any questions.
<p/>

166
manifesto.html
View File

@ -1,166 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recycled Cloud</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Style.css">
<link rel="icon" type="image/RecycledCloudLogo" href="assets/Recycledcloud-02.svg">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<meta name="keywords" content="green, eco-friendly, swiss, IT, ecological, greenwashing, recycled, ethical">
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index.html" class="logo_01">
<img id="logo_01" src="assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
</a>
<input id="nav-toggle" type="checkbox">
<ul class="topnav-links">
<li class="nav-item"><a href="index.html"><span>Home</span></a></li>
<li class="nav-item"><a href="backup.html"><span>Backup</span></a></li>
<li class="nav-item"><a href="virtual-machine.html"><span>Virtual Machines</span></a></li>
<li class="nav-item">
<a href="manifesto.html" class="active"><span>Manifesto</span></a>
</li>
<li class="nav-item"><a href="become-client.html" style="color: #043975"><span>Become
Client</span></a></li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="manifesto.html" class="active-1"><span>EN</span></a></li>
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
<li class="nav-item nav-item2"><a href="manifesto_fr.html"><span>FR</span></a></li>
</ul>
</ul>
<label for="nav-toggle" class="icon-burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</nav>
</header>
<main>
<section class="Flex-Container_16">
<h1 class="Flex-item_28">Manifesto</h1>
<p class="Flex-item_29">The idea of creating the <strong>Recycled Cloud</strong> was born by observing the astronomical amount of waste generated by the disposal of old computer servers from companies and data centers. </p>
<p class="Flex-item_29">This industry throws away servers while they are still functional. We think this waste can easily be avoided. Every day, many servers are produced, using earth's rare minerals (sometimes failing to provide decent working conditions or even
exploiting children), this environmental impact is huge. We think it’s a shame not to use the products to their full potential and long lifecycle. We do not want to support programmed obsolescence, therefore we have decided to re-use,
repair and re-use, again and again, until the hardware can no longer function.
</p>
<p class="Flex-item_29">
This thought is aligned with our values:
</p>
<ul class="Flex-item_30">
<li>
<p>We are convinced that there are many solutions coming from technology usage to lighten one’s footprint.
</p>
</li>
<li>
<p>We feel it is important to promote these solutions and to make them available to many.</p>
</li>
<li>
<p>We also believe that IT, by producing relevant data and key indicators, is a very powerful tool, which can be used to help everyone measure progress along the ecological transition.</p>
</li>
<li>
<p>Innovation should be used to push all the sliders towards more sustainable solutions.</p>
</li>
</ul>
<p class="Flex-item_29">
We want to help our customers minimize the effect their ICT has on the planet by re-using servers that would otherwise go to waste and to offer you a bespoke cloud, <strong>100% local</strong> (Switzerland),
<strong>100% recycled</strong> and <strong>100% committed.</strong>
</p>
<p class="Flex-item_29">
This is what we love doing.
</p class="Flex-item_29">
<p class="Flex-item_29">
And we do it with as much meaning as possible.
</p>
<p class="Flex-item_29">
Our data centers use all the best known practices and we provide our cloud services in the most sustainable way, by:
</p>
<ul class="Flex-item_30">
<li>
<p>Using natural cooling,</p>
</li>
<li>
<p>Creating local entities which are reasonable in size,</p>
</li>
<li>
<p>Choosing electricity from only renewable sources,</p>
</li>
<li>
<p>Selecting Open Source tools and avoiding vendor lock-in,</p>
</li>
<li>
<p>Not selling any data, not tracking any behavior,</p>
</li>
<li>
<p>Keeping local jobs and supporting teams close to our customers.</p>
</li>
</ul>
<p class="Flex-item_29">
And our <strong>Recycled.Cloud</strong> service is just beginning. We have many more ideas, so stay tuned!
</p>
<p class="Flex-item_29">
<strong>Recycled Cloud</strong> can be a beginning for you as well. We have many things to share and can help you move your IT forward in<strong> a sustainable way</strong>. Reach out to get our help and facilitate these steps.
</p>
<p class="Flex-item_29">
By using the <strong>Recycled.Cloud,</strong> you choose to trust innovative ideas and you support this transition to more ecological IT <strong>services and infrastructures.</strong>
</p>
</section>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Interested?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Take your first step to make</br> your IT more sustainable
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contact Us</h5>
</button></a>
</div>
</div>
</article>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<a href="https://e-durable.ch/" target="_blank">
<img id="logo_09" src="assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
<p class="Flex-item_18_01">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, Switzerland </p>
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a>
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="index.html">Home</a></li>
<li class="Flex-item_20"><a href="backup.html">Backup</a></li>
<li class="Flex-item_20"><a href="virtual-machine.html">Virtual Machines</a></li>
<li class="Flex-item_20"><a href="manifesto.html">Manifesto</a></li>
<li class="Flex-item_20"><a href="become-client.html">Become Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
</div>
</section>
<footer class="Flex-Container_13">
<a href="privacy-policy.html">
<p class="Flex-item_21 MT_40"> Terms of Usage & Privacy Policy</p>
</a>
<p class="Flex-item_22 MT_40">&copy;Copyright by e-Durable SA</p>
</footer>
</main>
</body>
</html>

178
manifesto_fr.html
View File

@ -1,178 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recycled Cloud</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Style.css">
<link rel="icon" type="image/RecycledCloudLogo" href="assets/Recycledcloud-02.svg">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<meta name="keywords" content="écologique, greenwashing, hébergement, vert, vps, cloud, serveur, suisse, IT, recyclé, éthique">
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index_fr.html" class="logo_01">
<img id="logo_01" src="assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
</a>
<input id="nav-toggle" type="checkbox">
<ul class="topnav-links">
<li class="nav-item"><a href="index_fr.html"><span>Accueil</span></a></li>
<li class="nav-item"><a href="backup_fr.html"><span>Backup</span></a></li>
<li class="nav-item"><a href="virtual-machine_fr.html"><span>Machines Virtuelles</span></a></li>
<li class="nav-item">
<a href="manifesto_fr.html" class="active"><span>Manifesto</span></a>
</li>
<li class="nav-item"><a href="become-client_fr.html" style="color: #043975"><span>Devenir
Client</span></a>
</li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="manifesto.html"><span>EN</span></a></li>
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
<li class="nav-item nav-item2"><a href="manifesto_fr.html" class="active-1"><span>FR</span></a></li>
</ul>
</ul>
<label for="nav-toggle" class="icon-burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</nav>
</header>
<main>
<section class="Flex-Container_16">
<h1 class="Flex-item_28">Manifesto</h1>
<p class="Flex-item_29">L'id&eacute;e de cr&eacute;er le <strong>Recycled Cloud</strong> est n&eacute;e de l'observation de la quantit&eacute; astronomique de d&eacute;chets g&eacute;n&eacute;r&eacute;s par l'&eacute;limination des vieux serveurs informatiques des
entreprises et des centres de donn&eacute;es. </p>
<p class="Flex-item_29">L'industrie jette les serveurs alors qu'ils sont encore fonctionnels. Nous pensons que ce gaspillage peut être facilement &eacute;vit&eacute;. Chaque jour, de nombreux serveurs sont produits, en utilisant les min&eacute;raux rares de la terre
(parfois sans offrir de conditions de travail d&eacute;centes ou même en exploitant des enfants), cet impact environnemental est &eacute;norme. Nous pensons qu'il est dommage de ne pas utiliser les produits au maximum de leur potentiel
et de leur long cycle de vie. Nous ne voulons pas soutenir l'obsolescence programm&eacute;e, c'est pourquoi nous avons d&eacute;cid&eacute; de r&eacute;utiliser, r&eacute;parer et r&eacute;utiliser, encore et encore, jusqu'&agrave; ce
que le mat&eacute;riel ne puisse plus fonctionner.
</p>
<p class="Flex-item_29">
Cette pens&eacute;e est en accord avec nos valeurs :
</p>
<ul class="Flex-item_30">
<li>
<p>Nous sommes convaincus qu'il existe de nombreuses solutions issues de l'utilisation de la technologie pour all&eacute;ger son empreinte.
</p>
</li>
<li>
<p>Nous pensons qu'il est important de promouvoir ces solutions et de les rendre accessibles au plus grand nombre.</p>
</li>
<li>
<p>Nous pensons &eacute;galement que l'informatique, en produisant des donn&eacute;es pertinentes et des indicateurs cl&eacute;s, est un outil tr&egrave;s puissant, qui peut être utilis&eacute; pour aider chacun &agrave; mesurer les progr&egrave;s
r&eacute;alis&eacute;s dans le cadre de la transition &eacute;cologique.
</p>
</li>
<li>
<p>L'innovation doit être utilis&eacute;e pour pousser tous les curseurs vers des solutions plus durables.
</p>
</li>
</ul>
<p class="Flex-item_29">
Nous voulons aider nos clients &agrave; minimiser l'impact de leurs TIC sur la plan&egrave;te en r&eacute;utilisant des serveurs qui seraient autrement mis au rebut et vous offrir un cloud sur mesure,
<strong>100%
local</strong> (Suisse),
<strong>100% recycl&eacute;</strong> et <strong>100% engag&eacute;</strong>.
</p>
<p class="Flex-item_29">
C'est ce que nous adorons faire.
</p class="Flex-item_29">
<p class="Flex-item_29">
Et nous le faisons avec autant de sens que possible.
</p>
<p class="Flex-item_29">
Nos centres de donn&eacute;es utilisent toutes les meilleures pratiques connues et nous fournissons nos services en cloud de la mani&egrave;re la plus durable qui soit :
</p>
<ul class="Flex-item_30">
<li>
<p>par l'utilisation de refroidissement naturel,</p>
</li>
<li>
<p>par la cr&eacute;ation d'entit&eacute;s locales de taille raisonnable,</p>
</li>
<li>
<p>en choisissant une &eacute;lectricit&eacute; provenant uniquement de sources renouvelables,</p>
</li>
<li>
<p>en choisissant des outils Open Source et en &eacute;vitant le verrouillage par nos fournisseurs,
</p>
</li>
<li>
<p>en ne vendant aucune donn&eacute;e et en ne suivant aucun comportement,</p>
</li>
<li>
<p>en maintenant des emplois locaux et soutenant des &eacute;quipes proches de nos clients.</p>
</li>
</ul>
<p class="Flex-item_29">
Et notre <strong>Recycled.Cloud</strong> ne fait que commencer. Nous avons beaucoup d'autres id&eacute;es, alors restez &agrave; l'&eacute;coute !
</p>
<p class="Flex-item_29">
<strong>Recycled Cloud</strong> peut être un d&eacute;but pour vous aussi. Nous avons beaucoup de choses &agrave; partager et pouvons vous aider &agrave; faire avancer votre informatique vers<strong> plus de
durabilit&eacute;</strong>. Rejoignez-nous pour obtenir notre aide et faciliter ces &eacute;tapes.
</p>
<p class="Flex-item_29">
En utilisant le <strong>Recycled.Cloud,</strong> vous choisissez de faire confiance aux id&eacute;es innovantes et vous soutenez cette transition vers <strong>des services et des infrastructures</strong> informatiques <strong>plus &eacute;cologiques.</strong>
</p>
</section>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Int&eacute;rress&eacute; ?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Faites votre premier pas pour rendre <br> votre informatique plus durable.
</h4>
<div>
<a href="become-client_fr.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contactez-nous</h5>
</button></a>
</div>
</div>
</article>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<a href="https://e-durable.ch/fr" target="_blank">
<img id="logo_09" src="assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
<p class="Flex-item_18_01">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, Suisse </p>
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41
22 566 78 58</a>
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="index_fr.html">Accueil</a></li>
<li class="Flex-item_20"><a href="backup_fr.html">Backup</a></li>
<li class="Flex-item_20"><a href="virtual-machine_fr.html">Machines Virtuelles</a></li>
<li class="Flex-item_20"><a href="manifesto_fr.html">Manifesto</a></li>
<li class="Flex-item_20"><a href="become-client_fr.html">Devenir Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
</div>
</section>
<footer class="Flex-Container_13">
<a href="privacy-policy_fr.html">
<p class="Flex-item_21 MT_40">Conditions d'Utilisation &amp; politique de confidentialit&eacute;.
</p>
</a>
<p class="Flex-item_22 MT_40">©2022 e-Durable SA</p>
</footer>
</main>
</body>
</html>

121
privacy-policy.html
View File

@ -1,121 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recycled Cloud</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Style.css">
<link rel="icon" type="image/RecycledCloudLogo" href="assets/Recycledcloud-02.svg">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<meta name="keywords" content="green, hosting, eco-friendly, vps, cloud, server, swiss, IT, ecological, recycled, ethical">
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index.html" class="logo_01">
<img id="logo_01" src="assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
</a>
<input id="nav-toggle" type="checkbox">
<ul class="topnav-links">
<li class="nav-item"><a href="index.html"><span>Home</span></a></li>
<li class="nav-item"><a href="backup.html"><span>Backup</span></a></li>
<li class="nav-item"><a href="virtual-machine.html"><span>Virtual Machines</span></a></li>
<li class="nav-item">
<a href="manifesto.html"><span>Manifesto</span></a>
</li>
<li class="nav-item"><a href="become-client.html" style="color: #043975"><span>Become
Client</span></a></li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="privacy-policy.html" class="active-1"><span>EN</span></a></li>
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
<li class="nav-item nav-item2"><a href="privacy-policy_fr.html"><span>FR</span></a></li>
</ul>
</ul>
<label for="nav-toggle" class="icon-burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</nav>
</header>
<main>
<section class="Flex-Container_18">
<h1 class="Flex-item_28">Privacy Policy</h1>
<p class="Flex-item_29">Here in Recycled Cloud we care not only about environment but foremostly about people.
</p>
<p class="Flex-item_29_1">And we are not only talking about it, but we also actually do it. Here’s why.
</p>
<h2 class="Flex-item_28">Data</h2>
<p class="Flex-item_29">The only data we store are the emails and billing addresses of our customers.</p>
<p class="Flex-item_29_1">We do not save any data about the online users too, hence do not stress about cookies or tracking. You can relax and enjoy our 100% static and low carbon website. Isn’t it loading fast?
</p>
<h2 class="Flex-item_28">Security</h2>
<p class="Flex-item_29">We do not share your data with any third party.</p>
<p class="Flex-item_29_1">Your billing informations are securely stored in our system and available only to the authorized personnel.
</p>
<h2 class="Flex-item_28">Trust</h2>
<p class="Flex-item_29">We will not spam you with the marketing e-mails.</p>
<p class="Flex-item_29">If one day you decided to leave, your data will not be forward to any third party, your account will be deleted, and all your billing data securely archived.
</p>
<p class="Flex-item_29">As we are local people you can always reach us, and we would be happy to talk to you about your concerns, over a phone or a cup of tea.</p>
</section>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Interested?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Take your first step to make</br> your IT more sustainable
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contact Us</h5>
</button></a>
</div>
</div>
</article>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<a href="https://e-durable.ch/" target="_blank">
<img id="logo_09" src="assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
<p class="Flex-item_18_01">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, Switzerland </p>
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a>
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="index.html">Home</a></li>
<li class="Flex-item_20"><a href="backup.html">Backup</a></li>
<li class="Flex-item_20"><a href="virtual-machine.html">Virtual Machines</a></li>
<li class="Flex-item_20"><a href="manifesto.html">Manifesto</a></li>
<li class="Flex-item_20"><a href="become-client.html">Become Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
</div>
</section>
<footer class="Flex-Container_13">
<a href="privacy-policy.html">
<p class="Flex-item_21 MT_40"> Terms of Usage & Privacy Policy</p>
</a>
<p class="Flex-item_22 MT_40">&copy;Copyright by e-Durable SA</p>
</footer>
</main>
</body>
</html>

125
privacy-policy_fr.html
View File

@ -1,125 +0,0 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recycled Cloud</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Style.css">
<link rel="icon" type="image/RecycledCloudLogo" href="assets/Recycledcloud-02.svg">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<meta name="keywords" content="écologique, hébergement, vert, vps, cloud, serveur, suisse, IT, recyclé, éthique">
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index_fr.html" class="logo_01">
<img id="logo_01" src="assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
</a>
<input id="nav-toggle" type="checkbox">
<ul class="topnav-links">
<li class="nav-item"><a href="index_fr.html"><span>Accueil</span></a></li>
<li class="nav-item"><a href="backup_fr.html"><span>Backup</span></a></li>
<li class="nav-item"><a href="virtual-machine_fr.html"><span>Machines Virtuelles</span></a></li>
<li class="nav-item">
<a href="manifesto_fr.html"><span>Manifesto</span></a>
</li>
<li class="nav-item"><a href="become-client_fr.html" style="color: #043975"><span>Devenir
Client</span></a>
</li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="privacy-policy.html"><span>EN</span></a></li>
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
<li class="nav-item nav-item2"><a href="privacy-policy_fr.html" class="active-1"><span>FR</span></a>
</li>
</ul>
</ul>
<label for="nav-toggle" class="icon-burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</nav>
</header>
<main>
<section class="Flex-Container_18">
<h1 class="Flex-item_28">Politique de confidentialit&eacute;</h1>
<p class="Flex-item_29">Chez Recycled Cloud, nous ne nous pr&eacute;occupons pas seulement de l'environnement, mais surtout des gens.
</p>
<p class="Flex-item_29_1">Et nous ne faisons pas qu'en parler, nous le faisons r&eacute;ellement. Voici pourquoi.
</p>
<h2 class="Flex-item_28">Les Donn&eacute;es</h2>
<p class="Flex-item_29">Les seules donn&eacute;es que nous stockons sont les adresses &eacute;lectroniques et de facturation de nos clients.</p>
<p class="Flex-item_29_1">Nous n'enregistrons pas non plus de donn&eacute;es sur les utilisateurs en ligne. Ne vous inqui&eacute;tez pas des cookies ou du suivi : il n'y en a pas. Vous pouvez vous d&eacute;tendre et profiter de notre site web 100% statique et &agrave;
faible &eacute;mission de carbone. Avez-vous remarqu&eacute; comme son chargement est super rapide ?
</p>
<h2 class="Flex-item_28">La s&eacute;curit&eacute;</h2>
<p class="Flex-item_29">Nous ne partageons pas vos donn&eacute;es avec des tiers.</p>
<p class="Flex-item_29_1">Vos informations de facturation sont stock&eacute;es en toute s&eacute;curit&eacute; dans notre syst&egrave;me et ne sont accessibles qu'au personnel autoris&eacute;.
</p>
<h2 class="Flex-item_28">La confiance</h2>
<p class="Flex-item_29">Nous ne vous enverrons pas de courriel publicitaire.</p>
<p class="Flex-item_29">Si un jour vous d&eacute;cidiez de partir, vos donn&eacute;es ne seront transmises &agrave; aucun tiers, votre compte sera supprim&eacute; et toutes vos donn&eacute;es de facturation seront archiv&eacute;es de mani&egrave;re s&eacute;curis&eacute;e.
</p>
<p class="Flex-item_29">Comme nous sommes des gens de la r&eacute;gion, vous pouvez toujours nous joindre, et nous serions heureux de parler de vos pr&eacute;occupations, au t&eacute;l&eacute;phone ou autour d'un verre.</p>
</section>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Int&eacute;rress&eacute; ?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Faites votre premier pas pour rendre <br> votre informatique plus durable.
</h4>
<div>
<a href="become-client_fr.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contactez-nous</h5>
</button></a>
</div>
</div>
</article>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<a href="https://e-durable.ch/fr" target="_blank">
<img id="logo_09" src="assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
<p class="Flex-item_18_01">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, Suisse </p>
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41
22 566 78 58</a>
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="index_fr.html">Accueil</a></li>
<li class="Flex-item_20"><a href="backup_fr.html">Backup</a></li>
<li class="Flex-item_20"><a href="virtual-machine_fr.html">Machines Virtuelles</a></li>
<li class="Flex-item_20"><a href="manifesto_fr.html">Manifesto</a></li>
<li class="Flex-item_20"><a href="become-client_fr.html">Devenir Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
</div>
</section>
<footer class="Flex-Container_13">
<a href="privacy-policy_fr.html">
<p class="Flex-item_21 MT_40"> Conditions d'Utilisation &amp; politique de confidentialit&eacute;.</p>
</a>
<p class="Flex-item_22 MT_40">©2022 e-Durable SA</p>
</footer>
</main>
</body>
</html>

187
virtual-machine.html
View File

@ -1,187 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recycled Cloud</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Style.css">
<link rel="icon" type="image/RecycledCloudLogo" href="assets/Recycledcloud-02.svg">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<meta name="keywords" content="green, hosting, eco-friendly, vps, cloud, server, swiss, IT, ecological, recycled, ethical">
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index.html" class="logo_01">
<img id="logo_01" src="assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
</a>
<input id="nav-toggle" type="checkbox">
<ul class="topnav-links">
<li class="nav-item"><a href="index.html"><span>Home</span></a></li>
<li class="nav-item"><a href="backup.html"><span>Backup</span></a></li>
<li class="nav-item"><a href="virtual-machine.html" class="active"><span>Virtual Machines</span></a>
</li>
<li class="nav-item">
<a href="manifesto.html"><span>Manifesto</span></a>
</li>
<li class="nav-item"><a href="become-client.html" style="color: #043975"><span>Become
Client</span></a></li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="virtual-machine.html" class="active-1"><span>EN</span></a></li>
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
<li class="nav-item nav-item2"><a href="virtual-machine_fr.html"><span>FR</span></a></li>
</ul>
</ul>
<label for="nav-toggle" class="icon-burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</nav>
</header>
<main>
<div class="Flex-Container_14_1">
<img id="logo_12" src="assets/Virtual_Machines.svg" alt="Backup logo">
<h1 id="BP_06">Virtual Machines</h1>
</div>
<section class="Flex-Container_14">
<div class="Flex-item_23">
<div class="Flex-item_23_1">
<div class="Flex-item_23_2">
<img id="logo_11" src="assets/Virtual_Machines.svg" alt="Backup logo">
<h1 id="BP_05">Virtual Machines</h1>
</div>
<p class="Flex-item_23_3">We provide virtual machine hosting, allowing you to host your servers in our cloud.
</p>
<p class="Flex-item_23_4">Create a new machine according to your resource requirements and with the operating system of your choice to deploy a secondary AD or mail server, or to host your company applications.
</p>
<div class="Flex-item_23_5">
<a href="#link_TS_02">
<p id="link_TS_01"><span>Technical Specifications</span></p>
</a>
<a href="#link_PR">
<p id="link_PR_1"><span>Prices</span></p>
</a>
</div>
</div>
</div>
<div class="Flex-item_24">
<p class="Flex-item_24_1">All inclusive flat fee</p>
<p class="Flex-item_24_2">from <strong>34.- </strong>/month</p>
<p class="Flex-item_24_3">excluding taxes</p>
<a href="become-client.html"><button id="btn_01" class="button_01">
<h5>I'm interested</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_10">
<div>
<h2 id="Question">Questions? We are happy to answer them.</h2>
<p id="Call_us" class=" ML_170 ">Call us <a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a> or send a <a href="mailto:contact@e-durable.ch?subject=Question about Recycled Cloud&body=Hello Recycled Cloud!"
class="Flex-item_15">message.</a></p>
</div>
</section>
<article class="Flex-item_25">
<div>
<h4 id="link_TS_02">Technical specifications</h4>
</div>
<div>
<p class="Flex-item_25_1">
We provide virtual machine hosting, with configurable drives, NICs, disks and memory.
</p>
<p class="Flex-item_25_2">
The default provided connectivity provided is IPv6 with DNS64+NAT64 for access to the IPv4 world; additional IPv4 and IPv6 addresses can be requested.
</p>
<p class="Flex-item_25_3">
Our machines come with a wide variety of GNU/Linux distributions, as well as FreeBSD and Windows Server 2019.
</p>
</div>
</article>
<div>
<div class="Flex-item_26">
<h4 id="link_PR">Prices</h4>
</div>
<section class="Flex-Container_15">
<div class="Flex-Container_15_1">
<div class="Flex-item_26_1">
<ul>
<li>1 CPU</li>
<li class="MT_40">2 GB RAM</li>
<li class="MT_40">20 GB disk space</li>
</ul>
</div>
<div class="Flex-item_26_2 ">
<p class="MT_20">=</p>
</div>
<div class="Flex-item_26_3">
<p class="Flex-item_26_3_1 MT_20"> <strong> 34.- </strong> / month</p>
<p class="Flex-item_26_3_2 MT_20">excluding taxes</p>
</div>
</div>
</div>
</section>
<article class="Flex-item_27">
<p class="Flex-item_27_1">
AS PER ABOVE: Unlike our competitors, we can offer you exactly what you need. Please contact us for a personalized offer so you won't pay for what is not necessary.
</p>
</article>
</div>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Interested?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Take your first step to make</br> your IT more sustainable
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contact Us</h5>
</button></a>
</div>
</div>
</article>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<a href="https://e-durable.ch/" target="_blank">
<img id="logo_09" src="assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
<p class="Flex-item_18_01">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, Switzerland </p>
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a>
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="index.html">Home</a></li>
<li class="Flex-item_20"><a href="backup.html">Backup</a></li>
<li class="Flex-item_20"><a href="virtual-machine.html">Virtual Machines</a></li>
<li class="Flex-item_20"><a href="manifesto.html">Manifesto</a></li>
<li class="Flex-item_20"><a href="become-client.html">Become Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
</div>
</section>
<footer class="Flex-Container_13">
<a href="privacy-policy.html">
<p class="Flex-item_21 MT_40"> Terms of Usage & Privacy Policy</p>
</a>
<p class="Flex-item_22 MT_40">&copy;Copyright by e-Durable SA</p>
</footer>
</main>
</body>
</html>

195
virtual-machine_fr.html
View File

@ -1,195 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recycled Cloud</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Style.css">
<link rel="icon" type="image/RecycledCloudLogo" href="assets/Recycledcloud-02.svg">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<meta name="keywords" content="écologique, hébergement, vert, vps, cloud, serveur, suisse, IT, recyclé, éthique">
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index_fr.html" class="logo_01">
<img id="logo_01" src="assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
</a>
<input id="nav-toggle" type="checkbox">
<ul class="topnav-links">
<li class="nav-item"><a href="index_fr.html"><span>Accueil</span></a></li>
<li class="nav-item"><a href="backup_fr.html"><span>Backup</span></a></li>
<li class="nav-item"><a href="virtual-machine_fr.html" class="active"><span>Machines
Virtuelles</span></a>
</li>
<li class="nav-item">
<a href="manifesto_fr.html"><span>Manifesto</span></a>
</li>
<li class="nav-item"><a href="become-client_fr.html" style="color: #043975"><span>Devenir
Client</span></a>
</li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="virtual-machine.html"><span>EN</span></a></li>
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
<li class="nav-item nav-item2"><a href="virtual-machine_fr.html" class="active-1"><span>FR</span></a></li>
</ul>
</ul>
<label for="nav-toggle" class="icon-burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</nav>
</header>
<main>
<div class="Flex-Container_14_1">
<img id="logo_12" src="assets/Virtual_Machines.svg" alt="Backup logo">
<h1 id="BP_06">Machines Virtuelles
</h1>
</div>
<section class="Flex-Container_14">
<div class="Flex-item_23">
<div class="Flex-item_23_1">
<div class="Flex-item_23_2">
<img id="logo_11" src="assets/Virtual_Machines.svg" alt="Backup logo">
<h1 id="BP_05">Machines Virtuelles
</h1>
</div>
<p class="Flex-item_23_3">Nous proposons l'h&eacute;bergement de machines virtuelles, ce qui vous permet de virtualiser et g&eacute;rer vos serveurs dans notre cloud.
</p>
<p class="Flex-item_23_4">Cr&eacute;ez une nouvelle machine en fonction de vos besoins en ressources et avec le syst&egrave;me d'exploitation de votre choix pour par exemple d&eacute;ployer un AD secondaire ou un serveur de messagerie, ou pour h&eacute;berger
les applications de votre entreprise.
</p>
<div class="Flex-item_23_5">
<a href="#link_TS_02">
<p id="link_TS_01"><span>Caract&eacute;ristiques techniques</span></p>
</a>
<a href="#link_PR">
<p id="link_PR_1"><span>Tarifs</span></p>
</a>
</div>
</div>
</div>
<div class="Flex-item_24">
<p class="Flex-item_24_1">Tarif forfaitaire tout compris</p>
<p class="Flex-item_24_2">d&eacute;s <strong>34.- </strong>/ mois</p>
<p class="Flex-item_24_3">hors taxes</p>
<a href="become-client_fr.html"><button id="btn_01" class="button_01">
<h5>Je suis int&eacute;ress&eacute;</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_10">
<div>
<h2 id="Question">Vous avez des questions ? Nous sommes ravis d'y r&eacute;pondre.</h2>
<p id="Call_us" class=" ML_170 ">Appelez-nous au <a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a> ou envoyez-nous <a href="mailto:contact@e-durable.ch?subject=Question sur le Recycled Cloud&amp;body=Bonjour Recycled Cloud!"
class="Flex-item_15">un message</a></a>
</p>
</div>
</section>
<article class="Flex-item_25">
<div>
<h4 id="link_TS_02">Caract&eacute;ristiques techniques</h4>
</div>
<div>
<p class="Flex-item_25_1">
Nous fournissons un h&eacute;bergement de machines virtuelles, avec de la m&eacute;moire configurable, des NICs, et des disques configurables.
</p>
<p class="Flex-item_25_2">
La connectivit&eacute; fournie par d&eacute;faut est IPv6 avec DNS64+NAT64 pour l'acc&egrave;s au monde IPv4 ; des adresses IPv4 et IPv6 suppl&eacute;mentaires peuvent être demand&eacute;es en option.
</p>
<p class="Flex-item_25_3">
Nos machines peuvent &ecirc;tre livr&eacute;es avec une grande vari&eacute;t&eacute; de distributions GNU/Linux, ainsi que FreeBSD et Windows Server 2019.
</p>
</div>
</article>
<div>
<div class="Flex-item_26">
<h4 id="link_PR">Tarifs</h4>
</div>
<section class="Flex-Container_15">
<div class="Flex-Container_15_1">
<div class="Flex-item_26_1">
<ul>
<li>1 CPU</li>
<li class="MT_40">2 GB RAM</li>
<li class="MT_40">20 GB d'espace disque</li>
</ul>
</div>
<div class="Flex-item_26_2 ">
<p class="MT_20">=</p>
</div>
<div class="Flex-item_26_3">
<p class="Flex-item_26_3_1 MT_20"> <strong> 34.- </strong> / mois</p>
<p class="Flex-item_26_3_2 MT_20">hors taxes</p>
</div>
</div>
</div>
</section>
<article class="Flex-item_27">
<p class="Flex-item_27_1">
Contrairement &agrave; nos concurrents, nous pouvons vous offrir exactement ce dont vous avez besoin, et vous fournir une configuration sur mesure. Veuillez nous contacter pour une offre personnalis&eacute;e afin de ne pas payer pour ce qui n'est pas
n&eacute;cessaire. </p>
</article>
</div>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Int&eacute;rress&eacute; ?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Faites votre premier pas pour rendre<br> votre informatique plus durable.
</h4>
<div>
<a href="become-client_fr.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contactez-nous</h5>
</button></a>
</div>
</div>
</article>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<a href="https://e-durable.ch/fr" target="_blank">
<img id="logo_09" src="assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
<p class="Flex-item_18_01">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, Suisse </p>
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41
22 566 78 58</a>
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="index_fr.html">Accueil</a></li>
<li class="Flex-item_20"><a href="backup_fr.html">Backup</a></li>
<li class="Flex-item_20"><a href="virtual-machine_fr.html">Machines Virtuelles</a></li>
<li class="Flex-item_20"><a href="manifesto_fr.html">Manifesto</a></li>
<li class="Flex-item_20"><a href="become-client_fr.html">Devenir Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
</div>
</section>
<footer class="Flex-Container_13">
<a href="privacy-policy_fr.html">
<p class="Flex-item_21 MT_40">Conditions d'Utilisation &amp; politique de confidentialit&eacute;.
</p>
</a>
<p class="Flex-item_22 MT_40">©2022 e-Durable SA</p>
</footer>
</main>
</body>
</html>