297 lines
16 KiB
HTML
297 lines
16 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?v=1" />
|
|
</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">
|
|
</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 Québécois.
|
|
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.
|
|
Notre but est de remplacer les applications qui vous espionnent par des logiciels libres et respectueux.
|
|
</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 de façon à ce qu'il soit impossible de le faire.
|
|
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 contruisons 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 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 strictement 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 entreprises cachent ce qu'elle disent à votre ordinateur de faire.
|
|
Ces instructions peuvent variés mais de façon générale ce que vous regardez et combien de temps, à qui vous parlez et de quoi, où vous vous déplacez et bien plus
|
|
encore est enregistré à votre insu et vendu à plusieurs entreprises et gouvernements.
|
|
Tous nos projects sont distribués sous une license publique qui donne accès à tous à la recette, aussi appelée le code source.
|
|
Des millions de développeurs à travers le monde peuvent donc auditer, améliorer et redistribuer notre Qode.
|
|
Nous resteront toujours transparent, tout spécialement pour le code qui s'exécute sur votre appareil.
|
|
Le Qode source de nos projets sera disponible publiquement lorsque qu'il sera prêt. Le bouton suivant vous y amènera.
|
|
</p>
|
|
<a class="btn btn-1" target="_blank" href="https://qode.teleqom.org/explore/repos">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>
|
|
Pour les petites ou moyennes entreprises, nous pouvons vous créer des applications web complètes, incluant les applications mobiles.
|
|
Nos tarifs sont accessibles à tous!
|
|
Nous pouvons aussi vous développer un site web pour utilisation personelle,
|
|
tel un formulaire pour votre mariage ou encore un site pour vos recettes de cuisine familiales!
|
|
</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>
|
|
Nous offrons du service à domicile pour la grande région de la Capitale Nationale.
|
|
Que ce soit votre ordinateur portable ou votre cellulaire, nous pourrons sûrement vous aider!
|
|
Si votre utilisation vous le permet, il est également possible d'améliorer la performance et la sécurité de votre ordinateur
|
|
en passant à un système Linux.
|
|
Ce faisant, nous n'aurez plus besoin d'anti-virus et votre navigateur bloquera automatiquement la publicité en ligne!
|
|
</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>
|
|
Si vous vous sentez pris avec un problème, nous pouvons vous assister. Après tout, nous avons probablement déjà vécu votre problème auparavant.
|
|
Que ce soit des troubles avec un logiciel ou encore votre internet qui vous fait défaut, n'hésitez pas à nous contacter.
|
|
</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>Consultation</h4>
|
|
<p>
|
|
Vous êtes indécis et avez besoin de conseils? Tele<span class="q">Q</span>om peut vous aider à prendre la bonne décision.
|
|
Des alternatives éthiques existent déjà et nous pouvons vous aider à les comprendre.
|
|
</p>
|
|
<a class="btn btn-1" href="#contact">Contact</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="projects" id="projets">
|
|
<h2>Nos Projets</h2>
|
|
<p class="overview">
|
|
Nos projets sont développés de façon à vous assurer les plus grande intimité.
|
|
Le but est tout simplement de rendre votre vie virtuelle comme votre vie réelle et que ce soit accessible à tous.
|
|
Avoir un étrangé qui vous suis partout et note tout ce que vous faites, ce serait étrange n'est-ce pas?
|
|
Et bien avec la <span class="q">Q</span>onsole <span>Tele<span class="q">Q</span>om</span> et ses applications, ce ne sera plus obligatoire.
|
|
</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>Dis<span class="q">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 vidéo qui se connecte à plusieurs fournisseurs.
|
|
Nous recherchons également un fournisseur de télévision standard.
|
|
</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>
|
|
<a class="btn btn-1" href="/pages/fr/qonsole.html">Plus sur la Qonsole...</a>
|
|
</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> |