TeleQom.org/pages/fr/index.html
2023-03-15 15:53:04 -04:00

327 lines
17 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>Le 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.ico">
<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.svg" alt="TeleQom Logo">
<h2>
Tele<span>Q</span>om
</h2>
</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">
Le Projet Tele<span>Q</span>om
</h1>
<h4 class="welcome-text">
La Télécommunication aux Valeurs <span>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>
Tele<span>Q</span>om, c'est quoi?
</h3>
<p>
Le Projet Tele<span>Q</span>om, 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 Tele<span>Q</span>om est né.
</p>
</div>
<div>
<h3>
Logiciels Libres
</h3>
<p>
Chez Tele<span>Q</span>om, 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 chez Tele<span>Q</span>om 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 Tele<span>Q</span>om 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>Q</span>onsole. 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>Q</span>onsole</h4>
<p class="description">
Le tableau de bord principal d'où vous accédez à toutes vos applications. La <span>Q</span>onsole 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>Dis<span>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>Inter<span>Q</span>om</h4>
<p class="description">
Inter<span>Q</span>om 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>Q</span>ommerce</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>Q</span>onvo</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>Q</span>ourrier</h4>
<p class="description">
Le portail d'accès à vos courriels, à partir de votre <span>Q</span>onsole. 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>Politi<span>Q</span></h4>
<p class="description">
Tele<span>Q</span>om 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>Q</span>ontact</h4>
<p class="description">
Le bon vieux carnet d'adresse. Ici vous storez vos informations de contact, courriel, téléphone,
identifiants de <span>Q</span>onvo ou Inter<span>Q</span>om, 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>Q</span>alendrier</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 Inter<span>Q</span>om.
</p>
<p class="status hold">En Attente</p>
</div>
<div class="project">
<img src="/media/images/qable.png" alt="Qable Logo">
<h4><span>Q</span>able</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>
</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/git-white.png"></a>
<a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noreferrer noopener">
<img src="/media/images/CC-64.png">
</a>
<a href="https://www.torproject.org/fr/" target="_blank" rel="noreferrer noopener">
<img src="/media/images/onion-64.png">
</a>
<a href="/pages/en/index.html">
<img src="/media/images/canada.png" alt="English Canada">
</a>
</div>
</footer>
</body>
</html>