TeleQom.org/pages/fr/index.html
2023-04-23 15:29:19 -04:00

333 lines
19 KiB
HTML

<!DOCTYPE html>
<html lang="fr-CA">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Projet TeleQom | Accueil</title>
<meta name="description" content="TeleQom est un organsime à but non-lucratif Québécois qui offre des
services informatiques pour financer ses nombreux projets de Logiciels Libres" />
<link rel="icon" type="image/x-icon" href="/favicon.png">
<link rel="stylesheet" href="/css/pages/index.css" />
</head>
<body>
<!-- FOUC -->
<script>0</script>
<header>
<nav>
<input type="checkbox" id="navbar-menu-btn" />
<label for="navbar-menu-btn" id="menu-btn-open">
<img src="/media/images/menu.png" alt="Menu Icon">
</label>
<label for="navbar-menu-btn" id="menu-btn-close">
<img src="/media/images/close.png" alt="Menu Icon">
</label>
<a href="#top" class="logo">
<img src="/media/images/logo.png" alt="TeleQom Logo">
</a>
<ul id="nav-list">
<li><a class="btn btn-2" href="#apropos">À Propos</a></li>
<li><a class="btn btn-2" href="#services">Services</a></li>
<li><a class="btn btn-2" href="#projets">Projets</a></li>
<li><a class="btn btn-2" href="#contact">Contact</a></li>
<li><a class="btn btn-2" href="/pages/en/index.html">EN</a></li>
</ul>
<div id="qonsole-btn">
<a href="https://qonsole.teleqom.org"><img src="/media/images/qonsole.png" alt="Qonsole"></a>
</div>
</nav>
</header>
<section id="welcome">
<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?
</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 à
restaurer les valeurs éthiques et morales dans les applications que nous utilisons tous quotidiennement. Que
ce soit votre plateforme sociale, de commerce en ligne, de courriel ou même de messagerie, tous ou presque
contiennent aujourd'hui des logiciels espions. Des robots lisent vos courriels et vos messages, et ils vous
écoutent même parler. C'est à notre avis inacceptable voir illégal mais vous avez accepté ces termes à la mise
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
</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à
depuis longtemps, ils sont constitués uniquement de Logiciels Libres. De façon simple, un programme est un peu
comme une recette de cuisine. Un Logiciel Libre donne un accès complet au code source (la recette, que nous
appelons notre <a href="https://qode.teleqom.org" target="_blank"
rel="noreferrer noopener" class="link">Qode</a>) et la permission de l'auditer pour découvrir des failles de
sécurité, le modifier ou l'améliorer avec la seule condition de rendre également publique ce qui a été
amélioré. Les logiciels de type propriétaire par contre, c'est tout à fait le contraire. Ils dissimulent le
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
</h3>
<p>
Nos projets sont conçus de manière à ce qu'il nous soit impossible de vous espionner. Ce que vous faites dans
votre vie ne nous concerne pas. Des logiciels propriétaires d'intelligence artificielle peuvent prévoir vos
comportements, modifier vos habitudes et votre pensée juste avec ces données que nous croyons tous
innoffensives. Des compagnies comme <a
href="https://fr.wikipedia.org/wiki/Scandale_Facebook-Cambridge_Analytica" target="_blank"
rel="noreferrer noopener" class="link">Cambridge Analytica</a> ont déjà interféré dans les élections aux
États-Unis, et ce n'est que le début. <a href="https://fr.wikipedia.org/wiki/Pegasus_(logiciel_espion)"
target="_blank" rel="noreferrer noopener" class="link">Pegasus</a> donne accès aux plus fortunés à la vie
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>
</div>
</section>
<section class="services" id="services">
<h2>Nos Services</h2>
<div class="service">
<img src="/media/images/code.png" alt="code logo">
<div class="service-content">
<h4>Développement</h4>
<p>
Un site web, une application mobile, une application de commerce en ligne, peu importe.
Tele<span>Q</span>om se sert autant que possible de Logiciels Libres pour construire votre projet. Ceci
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>
</div>
</div>
<div class="service">
<img src="/media/images/repair.png" alt="repair logo">
<div class="service-content">
<h4>Réparation</h4>
<p>
Toujours dans la même optique, nous aimons donner une deuxième vie à votre matériel. Écran brisée? Votre
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>
</div>
</div>
<div class="service">
<img src="/media/images/support.png" alt="support logo">
<div class="service-content">
<h4>Soutien</h4>
<p>
Du soutien technique payant est disponible pour la plupart des troubles informatiques que vous aurez.
Chez Tele<span>Q</span>om, nous aimons nous amuser avec la technologie. Que ce soit votre réseau wi-fi,
votre navigateur a besoin d'une mise à jour, vous ne pouvez plus mettre à jour vos Apps sur votre téléphone,
peu importe. Contactez-nous, il est possible que nous puissions vous aider! :)
</p>
<a class="btn btn-1" href="#contact">Contact</a>
</div>
</div>
<div class="service">
<img src="/media/images/installation.png" alt="installation logo">
<div class="service-content">
<h4>Installation</h4>
<p>
Il est maintenant possible de remplacer la plupart des logiciels propriétaires malveillants par des
Logiciels Libres. Votre système d'exploitation d'ordinateur peut être remplacé par un GNU/Linux tel que <a
href="https://www.linuxmint.com/" target="_blank" rel="noreferrer noopener" class="link">Linux Mint</a>.
Certains téléphones cellulaires sont supportés par <a href="https://grapheneos.org/" target="_blank"
rel="noreferrer noopener" class="link">GrapheneOS</a>, et il sera possible de passer à un téléphone Libre
tel que le <a href="https://puri.sm/products/librem-5/" target="_blank" rel="noreferrer noopener"
class="link">Librem 5</a> ou bien le <a href="https://www.pine64.org/pinephonepro/" target="_blank"
rel="noreferrer noopener" class="link">Pine Phone</a>. <a href="https://fr.libreoffice.org/" target="_blank"
rel="noreferrer noopener" class="link">Libre Office</a> est une excellente alternative
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>
</div>
</div>
</section>
<section class="projects" id="projets">
<h2>Nos Projets</h2>
<p class="overview">Les projets suivants sont ou seront disponibles à partir de votre
<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onsole</span>. Repassez voir plus tard si le Statut de votre projet préféré a
changé!
</p>
<div class="wrapper">
<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="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
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="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="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="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="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="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="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="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="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="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="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>
<section id="contact">
<h2>Contact</h2>
<form action="/php/contact.php" method="get" id="contact-form">
<input type="text" name="contact-language" value="fr" hidden>
<input type="text" name="contact-name" placeholder="Nom" id="contact-first-name" required>
<input type="email" name="contact-email" placeholder="Courriel" id="contact-email" required>
<input class="catch" type="email" name="contact-email-2" placeholder="Courriel" id="contact-email-2">
<textarea name="contact-message" id="contact-message" placeholder="Message..." cols="30" rows="10" required></textarea>
<input class="btn btn-1" type="submit" value="Envoyer">
</form>
</section>
<footer>
<div class="newsletter">
<h5>Abonnez-vous!</h5>
<p>Nous vous enverrons seulement les nouvelles importantes</p>
<form action="/php/newsletter.php" method="get">
<input type="text" name="newsletter-language" value="fr" hidden>
<input type="email" name="newsletter-email" placeholder="Courriel" required id="newsletter-email">
<input class="catch" type="email" name="newsletter-email-2" placeholder="Courriel" id="newsletter-email-2">
<input type="submit" class="btn btn-1" value="S'abonner">
</form>
</div>
<div class="wrapper">
<a href="https://qode.teleqom.org/TeleQom-Public/teleqom.org" target="_blank" rel="noreferrer noopener"><img
src="/media/images/Qode.png" alt="Qode"></a>
<a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noreferrer noopener">
<img src="/media/images/CC-64.png" alt="Creative Commons">
</a>
<a href="https://www.torproject.org/fr/" target="_blank" rel="noreferrer noopener">
<img src="/media/images/onion-64.png" alt="TOR">
</a>
<a href="/pages/en/index.html">
<img src="/media/images/canada.png" alt="English Canada">
</a>
</div>
</footer>
</body>
</html>