305 lines
17 KiB
HTML
305 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>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 class="about" id="about">
|
|
<div>
|
|
<h3>
|
|
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>
|
|
Premièrement, nous ne vous espionnons pas comme la plupart le font.
|
|
En fait, nous créons nos logiciels d'une façon qu'il serait impossible de le faire.
|
|
Si nous en savons plus sur vous que votre propre mère, c'est une menace à votre liberté.
|
|
Vous ne laisseriez pas un inconnu dans votre chambre à coucher n'est-ce pas? Et bien en réalité, vous le faites déjà.
|
|
Nous sommes ici pour changer ça.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h3>
|
|
En Termes Techniques
|
|
</h3>
|
|
<p>
|
|
Nous faisons nos logiciels avec ce qui s'apelle du chiffrement côté client.
|
|
Ça veut dire que la plupart des données que vous envoyer hors de votre ordinateur sont chiffrées avant de le quitter.
|
|
Ce faisant, nous (ni personne d'autre d'ailleurs) ne pouvons pas voir ce que vous faites.
|
|
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é.
|
|
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.
|
|
L'information à laquelle nous avons accès se limite à la grosseur du fichier, quand nous l'avons reçu et à qui il appartient.
|
|
Nous ne pouvons pas accéder au contenu, au titre, ni rien d'autre que nous considérons confidentiel.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h3>
|
|
Les Logiciels Libres
|
|
</h3>
|
|
<p>
|
|
Un logiciel est comme une recette de cuisine.
|
|
Elle dit à un ordinateur quoi faire, étape par étape.
|
|
La plupart des corpos cachent ce qu'elle disent à votre ordinateur de faire, mais pas nous.
|
|
Tous nos projects sont distribués sous une license publique qui donne accès à tous à la recette, aussi appelée code source.
|
|
Ce faisant, des millions de développeurs à travers le monde peuvent auditer et améliorer le code.
|
|
Nous resteront toujours transparent, tout spécialement pour le code qui roule sur votre ordinateur.
|
|
Êtes-vous un développeur? Vous pouvez accéder à notre Qode en cliquant sur le bouton suivant.
|
|
Are you a developer? Take a look at our Qode by clicking the following button.
|
|
</p>
|
|
<a class="btn btn-1" target="_blank" href="https://qode.teleqom.org">Repositoire Qode</a>
|
|
|
|
</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">Service de Développeur</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">Service de Réparation</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">Service d'Installation</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="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="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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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>
|
|
</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> |