327 lines
17 KiB
HTML
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>
|