fr index update

pages/fr/index.html

@@ -39,82 +39,58 @@
       </div>
     </nav>
   </header>
-  <section id="welcome">
+  <section class="about" id="about">
-    <h1 class="welcome-title">
-      Projet <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span>
-    </h1>
-    <h4 class="welcome-text">
-      La Télécommunication aux valeurs <span class="color-1">Québécoises</span>
-    </h4>
-    <a href="#apropos" id="scroll-down">
-      <img src="/media/images/down.png" alt="Icone defilement">
-    </a>
-  </section>
-  <section class="about" id="apropos">
-    <h2>À Propos</h2>
     <div>
       <h3>
-        <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span>, c'est quoi?
+        C'est quoi Tele<span class="q">Q</span>om?</span>
+      </h3>
+        <p>Le <strong>Projet Tele<span class="q">Q</span>om</strong> est un OBNL situé au Québec, Canada.
+          Notre Organisme créer des logiciels qui respectent la vie privée, sont éthiques et sécurisés.
+          Nous sommes financés par le profit généré à partir des services que nous offrons ainsi que par les dons du publique.
+          Si vous croyez en la liberté digitale, vous serez étonnés par ce que nous faisons ici.</p>
+    </div>
+    <div>
+      <h3>
+        Pourquoi Tele<span class="q">Q</span>om?
       </h3>
       <p>
-        Projet <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span>, organisme à but non-lucratif Québécois, est un idéal. Nous cherchons à
+        Premièrement, nous ne vous espionnons pas comme la plupart le font.
-        restaurer les valeurs éthiques et morales dans les applications que nous utilisons tous quotidiennement. Que
+        En fait, nous créons nos logiciels d'une façon qu'il serait impossible de le faire.
-        ce soit votre plateforme sociale, de commerce en ligne, de courriel ou même de messagerie, tous ou presque
+        Si nous en savons plus sur vous que votre propre mère, c'est une menace à votre liberté.
-        contiennent aujourd'hui des logiciels espions. Des robots lisent vos courriels et vos messages, et ils vous
+        Vous ne laisseriez pas un inconnu dans votre chambre à coucher n'est-ce pas? Et bien en réalité, vous le faites déjà.
-        écoutent même parler. C'est à notre avis inacceptable voir illégal mais vous avez accepté ces termes à la mise
+        Nous sommes ici pour changer ça.
-        en marche de vos appareils et services, c'est pourquoi la loi est impuissante actuellement. Faute
-        d'alternative, nous suivons tous ces géants des technologies aux mauvaises intentions. C'est en réponse à ces
-        graves manquements d'humanité que <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> est né.
       </p>
     </div>
     <div>
       <h3>
-        Logiciels Libres
+        En Termes Techniques
       </h3>
       <p>
-        Chez <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span>, nos projets embrassent une philosophie qui existe déjà
+        Nous faisons nos logiciels avec ce qui s'apelle du chiffrement côté client.
-        depuis longtemps, ils sont constitués uniquement de Logiciels Libres. De façon simple, un programme est un peu
+        Ça veut dire que la plupart des données que vous envoyer hors de votre ordinateur sont chiffrées avant de le quitter.
-        comme une recette de cuisine. Un Logiciel Libre donne un accès complet au code source (la recette, que nous
+        Ce faisant, nous (ni personne d'autre d'ailleurs) pouvons voir ce que vous faites.
-        appelons notre <a href="https://qode.teleqom.org" target="_blank"
+        Par exemple, quand vous téléversez un fichier dans Dis<span class="q">Q</span>, il est chiffré avec une clé que seulement vous avez avant d'être envoyé.
-          rel="noreferrer noopener" class="link">Qode</a>) et la permission de l'auditer pour découvrir des failles de
+        Donc durant le transport sur internet ou lorsqu'il est storé sur nos serveurs, il ne peut être lu par personne d'autre que vous.
-        sécurité, le modifier ou l'améliorer avec la seule condition de rendre également publique ce qui a été
+        L'information à laquelle nous avons accès se limite à la grosseur du fichier, quand nous l'avons reçu et à qui il appartient. 
-        amélioré. Les logiciels de type propriétaire par contre, c'est tout à fait le contraire. Ils dissimulent le
+        Nous ne pouvons pas accéder au contenu, au titre, ni rien d'autre que nous considérons confidentiel.
-        fonctionnement, et interdisent la vérification de leur code source. Il est donc très difficile d'identifier ce
-        que ce dernier fait vraiment de vos informations.
       </p>
     </div>
     <div>
       <h3>
-        La Véritable Différence
+        Les Logiciels Libres
       </h3>
       <p>
-        Nos projets sont conçus de manière à ce qu'il nous soit impossible de vous espionner. Ce que vous faites dans
+        Un logiciel est comme une recette de cuisine.
-        votre vie ne nous concerne pas. Des logiciels propriétaires d'intelligence artificielle peuvent prévoir vos
+        Elle dit à un ordinateur quoi faire, étape par étape.
-        comportements, modifier vos habitudes et votre pensée juste avec ces données que nous croyons tous
+        La plupart des corpos cachent ce qu'elle disent à votre ordinateur de faire, mais pas nous.
-        innoffensives. Des compagnies comme <a
+        Tous nos projects sont distribués sous une license publique qui donne accès à tous à la recette, aussi appelée code source.
-          href="https://fr.wikipedia.org/wiki/Scandale_Facebook-Cambridge_Analytica" target="_blank"
+        Ce faisant, des millions de développeurs à travers le monde peuvent auditer et améliorer le code.
-          rel="noreferrer noopener" class="link">Cambridge Analytica</a> ont déjà interféré dans les élections aux
+        Nous resteront toujours transparent, tout spécialement pour le code qui roule sur votre ordinateur.
-        États-Unis, et ce n'est que le début. <a href="https://fr.wikipedia.org/wiki/Pegasus_(logiciel_espion)"
+        Êtes-vous un développeur? Vous pouvez accéder à notre Qode en cliquant sur le bouton suivant.
-          target="_blank" rel="noreferrer noopener" class="link">Pegasus</a> donne accès aux plus fortunés à la vie
+        Are you a developer? Take a look at our Qode by clicking the following button.
-        virtuelle complète de n'importe qui, à l'aide de failles de sécurité dans les logiciels. Il est donc impératif
-        de se débarasser de ses chaînes, et c'est ici que <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> entre en ligne de compte.
-      </p>
-    </div>
-    <div>
-      <h3>
-        La Télécommunication
-      </h3>
-      <p>
-        Ce n'est pas joli quand on regarde de plus près comment ces grandes corporations nous utilisent. Mais plutôt
-        que de baisser les bras, nous avons décidé d'y remédier avec le peu de liberté qu'il nous reste. Nous
-        commencerons par purifier les télécommunications (courriel, social, messagerie, vidéoconférence et téléphone).
-        Par la suite, <span>Q</span>ommerce, qui servira aussi à subventionner l'infrastructure et le développement de
-        nos projets. Et enfin, une application de vote, baptisée Politi<span>Q</span>, qui redonnera le pouvoir au
-        peuple. N'oubliez pas, Tele<span>Q</span>om ne vend pas vos données et est un organisme à but non-lucratif, il
-        est donc nécessaire à sa survie de recevoir des dons et des subventions. Nous faisons notre possible pour
-        offrir ces projets gratuitement, mais ce n'est certainement pas évident. Les profits générés par les services
-        suivants sont tous investis dans le développement de nos projets!
       </p>
+      <a class="btn btn-1" target="_blank" href="https://qode.teleqom.org">Repositoire Qode</a>
+
     </div>
   </section>
   <section class="services" id="services">
@@ -129,7 +105,7 @@
           résulte en une application qui respecte ses utilisateurs, est plus sécuritaire, plus stable et beaucoup
           moins dispendieuse.
         </p>
-        <a class="btn btn-1" href="/pages/fr/services/developpement.html">Plus</a>
+        <a class="btn btn-1" href="/pages/fr/services/developpement.html">Service de Développeur</a>
       </div>
     </div>
     <div class="service">
@@ -141,7 +117,7 @@
           batterie
           de portable de charge plus? Votre ordinateur ne démarre plus ou est devenu lent? Nous pouvons régler ça!
         </p>
-        <a class="btn btn-1" href="/pages/fr/services/reparation.html">Plus</a>
+        <a class="btn btn-1" href="/pages/fr/services/reparation.html">Service de Réparation</a>
       </div>
     </div>
     <div class="service">
@@ -174,7 +150,7 @@
           pour vos documents de tout genre. Pour le traitement d'image, <a href="https://www.gimp.org/" target="_blank"
             rel="noreferrer noopener" class="link">GIMP</a> est souvent même un premier choix!
         </p>
-        <a class="btn btn-1" href="/pages/fr/services/installation.html">Plus</a>
+        <a class="btn btn-1" href="/pages/fr/services/installation.html">Service d'Installation</a>
       </div>
     </div>
   </section>
@@ -188,107 +164,103 @@
         <div class="project">
           <img src="/media/images/qonsole.png" alt="Qonsole Logo">
           <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onsole</span></h4>
+          <p class="status dev">En Développement</p>
           <p class="description">
-            Le tableau de bord principal d'où vous accédez à toutes vos applications. La <span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onsole</span> est en
+            Le tableau de bord principal d'où vous accédez à toutes vos applications. La <span class="q">Q</span>onsole</span> est en
             charge de vous afficher le tout en un même endroit, de façon uniforme et simple.
           </p>
-          <p>
-            <p class="status dev">En Développement</p>
-          </p>
         </div>
         <div class="project">
           <img src="/media/images/disq.png" alt="DisQ Logo">
           <h4><span class="in-blk">Dis<img class="q" src="/media/images/Q.png" alt="Q"></span></h4>
+          <p class="status dev">En Développement</p>
           <p class="description">
             C'est ici que vous storez toutes vos données, c'est votre disque dur personnel mais hébergé sur un serveur
             externe. Le tout accessible seulement par vous, le serveur ne peut voir vos données.
           </p>
-          <p>
-            <p class="status dev">En Développement</p>
-          </p>
         </div>
         <div class="project">
           <img src="/media/images/interqom.png" alt="InterQom Logo">
           <h4><span class="in-blk">Inter<img class="q" src="/media/images/Q.png" alt="Q">om</span></h4>
+          <p class="status hold">En Attente</p>
           <p class="description">
             <span class="in-blk">Inter<img class="q" src="/media/images/Q.png" alt="Q">om</span> est le remplacement sain aux alternatives de réseaux sociaux. Vos conversations sont
             entièrement privées et même nous n'avons pas accès à vos données.
           </p>
-          <p class="status hold">En Attente</p>
         </div>
         <div class="project">
           <img src="/media/images/qommerce.png" alt="Qommerce Logo">
           <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ommerce</span></h4>
+          <p class="status hold">En Attente</p>
           <p class="description">
             La centrale de l'échange et du commerce en ligne. Commerces locaux et particuliers s'y retrouvent pour
             partager le fruit de leur labeur. Acceptant la cryptomonnaie ainsi que l'argent Canadien.
           </p>
-          <p class="status hold">En Attente</p>
         </div>
         <div class="project">
           <img src="/media/images/qonvo.png" alt="Qonvo Logo">
           <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onvo</span></h4>
+          <p class="status hold">En Attente</p>
           <p class="description">
             La messagerie instantanée est la façon la plus simple de communiquer avec nos compatriotes. Ce projet
             inclus les appels audio et vidéo, le tout chiffré de vous à vos destinataires.
           </p>
-          <p class="status hold">En Attente</p>
         </div>
         <div class="project">
           <img src="/media/images/qourrier.png" alt="Qourrier Logo">
           <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ourrier</span></h4>
+          <p class="status hold">En Attente</p>
           <p class="description">
             Le portail d'accès à vos courriels, à partir de votre <span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onsole</span>. Les courriels entre
             utilisateurs sont entièrement chiffrés et nous supportons la plupart des fournisseurs.
           </p>
-          <p class="status hold">En Attente</p>
         </div>
         <div class="project">
           <img src="/media/images/politiq.png" alt="PolitiQ Logo">
           <h4><span class="in-blk">Politi<img class="q" src="/media/images/Q.png" alt="Q"></span></h4>
+          <p class="status hold">En Attente</p>
           <p class="description">
             <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> est une table ronde où tous les Québécois sont invités, votre opinion sera enfin
             entendue auprès du gouvernement. La réelle démocratie à portée de clavier!
           </p>
-          <p class="status hold">En Attente</p>
         </div>
         <div class="project">
           <img src="/media/images/qontact.png" alt="Qontact Logo">
           <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ontact</span></h4>
+          <p class="status hold">En Attente</p>
           <p class="description">
             Le bon vieux carnet d'adresse. Ici vous storez vos informations de contact, courriel, téléphone,
             identifiants de <span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onvo</span> ou <span class="in-blk">Inter<img class="q" src="/media/images/Q.png" alt="Q">om</span>, et plus encore.
           </p>
-          <p class="status hold">En Attente</p>
         </div>
         <div class="project">
           <img src="/media/images/qalendrier.png" alt="Qalendrier Logo">
           <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">alendrier</span></h4>
+          <p class="status hold">En Attente</p>
           <p class="description">
             On a tous besoin d'un calendrier. Ici vous pouvez gérer votre vie personnelle ou professionnelle, céduler
             un rendez-vous avec un autre utilisateur et même voir vos événements sur <span class="in-blk">Inter<img class="q" src="/media/images/Q.png" alt="Q">om</span>.
           </p>
-          <p class="status hold">En Attente</p>
         </div>
         <div class="project">
           <img src="/media/images/qable.png" alt="Qable Logo">
           <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">able</span></h4>
+          <p class="status hold">En Attente</p>
           <p class="description">
             Une plateforme de diffusion de contenu audio ou vidéo, qui utilise la technologie de <a
               href="https://fr.wikipedia.org/wiki/BitTorrent" target="_blank" rel="noreferrer noopener"
               class="link">Torrent</a> pour alléger la charge sur les serveurs et donc les frais qui en découlent. Plus
             il y a d'utilisateurs, plus c'est rapide!
           </p>
-          <p class="status hold">En Attente</p>
         </div>
         <div class="project">
           <img src="/media/images/qi.png" alt="Qi Logo">
           <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">i</span></h4>
+          <p class="status hold">En Attente</p>
           <p class="description">
             Des tutoriels pour tous! Chaque page contient les <span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">i</span> oblgatoires et recommandés pour comprendre le sujet.
             Il vous sera possible d'élargir votre perception du monde, le tout en privé naturellement!
           </p>
-          <p class="status hold">En Attente</p>
         </div>
       </div>
   </section>