283 lines
14 KiB
HTML
283 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-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>The TeleQom Project | Home</title>
|
|
<meta name="description"
|
|
content="The TeleQom Project is a Québec non-profit that offers paid services to fund its multiple Free/Libre Software projects" />
|
|
<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="#about">About</a></li>
|
|
<li><a class="btn btn-2" href="#services">Services</a></li>
|
|
<li><a class="btn btn-2" href="#projects">Projects</a></li>
|
|
<li><a class="btn btn-2" href="#contact">Contact</a></li>
|
|
<li><a class="btn btn-2" href="/pages/fr/index.html">FR</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>
|
|
What is Tele<span class="q">Q</span>om?</span>
|
|
</h3>
|
|
<p>The <strong>Tele<span class="q">Q</span>om Project</strong> is a Quebec NPO.
|
|
Our organisation creates software that is privacy respecting, ethical and secure by design.
|
|
We are funded by the profit generated from the services we offer and public donations.
|
|
Our goal is to replace the applications that spy on you with respectful, libre software.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h3>
|
|
Why Tele<span class="q">Q</span>om?
|
|
</h3>
|
|
<p>
|
|
First, we don't spy on you like they all do.
|
|
In fact, we created the software in such a way that it is impossible to do so.
|
|
You wouldn't allow strangers in your bedroom, would you? Well in truth, you currently do.
|
|
We are here to change that.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h3>
|
|
In Technical Terms
|
|
</h3>
|
|
<p>
|
|
We design our software with what is called client-side encryption.
|
|
It means that most data you send out of your computer is encrypted before it is sent.
|
|
That way, we (or anyone else in fact) cannot see what you are doing.
|
|
For example, when you upload a file in Dis<span class="q">Q</span>, it is encrypted with a key only you have before it gets sent.
|
|
So when it is in transit over the internet or when it is stored in our servers, it cannot be read by anyone but you.
|
|
The information we have access to is the file size, when it was sent to us and who it belongs to.
|
|
We cannot see the content, the title, or anything else that we consider strictly confidential.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h3>
|
|
Libre Software
|
|
</h3>
|
|
<p>
|
|
Software is like a food recipe.
|
|
It tells a computer what to do, step by step.
|
|
Most companies hide what they tell your computer to do.
|
|
These instructions may vary but in general what you look at and how long, who you talk to and what you say, where you went and much more data
|
|
is recorded without you knowing and sold to companies and governments.
|
|
All our projects are distributed under a public license which gives the public access to the recipe, also called the source code.
|
|
By doing so, millions of developers around the world can audit the code and improve it.
|
|
We will always remain that transparent, especially for code that gets executed on your device.
|
|
The source Qode of our projects will be publicly available when ready. The following button will take you to it.
|
|
</p>
|
|
<a class="btn btn-1" target="_blank" href="https://qode.teleqom.org">Qode Repositories</a>
|
|
|
|
</div>
|
|
</section>
|
|
<section class="services" id="services">
|
|
<h2>Our Services</h2>
|
|
<div class="service">
|
|
<img src="/media/images/code.png" alt="code logo">
|
|
<div class="service-content">
|
|
<h4>Development</h4>
|
|
<p>
|
|
For small and medium companies, we can create complete web applications, including mobile apps. Our service fee is accessible to anyone!
|
|
We can also develop a web site for personal use, like a wedding web form or a site for all of your family food recipies!
|
|
</p>
|
|
<a class="btn btn-1" href="/pages/en/services/development.html">Development Services</a>
|
|
</div>
|
|
</div>
|
|
<div class="service">
|
|
<img src="/media/images/repair.png" alt="repair logo">
|
|
<div class="service-content">
|
|
<h4>Repairs</h4>
|
|
<p>
|
|
We offer in-home service for the greater Quebec City region.
|
|
It could be for your laptop or cellphone, we may be able to help!
|
|
If your computer usage is compatible, we might be able to boost your performance and security by installing a Linux system.
|
|
By doing so, you won't need an anti-virus and your browser will automatically block online advertisement!
|
|
</p>
|
|
<a class="btn btn-1" href="/pages/en/services/repairs.html">Repair Services</a>
|
|
</div>
|
|
</div>
|
|
<div class="service">
|
|
<img src="/media/images/support.png" alt="support logo">
|
|
<div class="service-content">
|
|
<h4>Support</h4>
|
|
<p>
|
|
If you feel stuck with an issue, we can assist you. After all, we probably ran into the same issue before.
|
|
It could be a software issue or your internet is just not working, don't hesitate to contact us!
|
|
</p>
|
|
<a class="btn btn-1" href="#contact">Contact Us</a>
|
|
</div>
|
|
</div>
|
|
<div class="service">
|
|
<img src="/media/images/installation.png" alt="installation logo">
|
|
<div class="service-content">
|
|
<h4>Consultation</h4>
|
|
<p>
|
|
You are unsure about something and need advice? Tele<span class="q">Q</span>om can help you make the right decision.
|
|
Ethical alternatives already exist and we can help you understand them.
|
|
</p>
|
|
<a class="btn btn-1" href="#contact">Contact Us</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="projects" id="projects">
|
|
<h2>Our Projets</h2>
|
|
<p class="overview">
|
|
Our projects are developed to ensure the greatest privacy.
|
|
Our goal is simply to make your virtual life like your real life and that it remains accessible to everyone.
|
|
Having a stranger follow you everywhere and note everything you do would be creepy right?
|
|
Well with the <span>Tele<span class="q">Q</span>om</span> <span class="q">Q</span>onsole and its applications, that won't be mandatory anymore.
|
|
</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">In Development</p>
|
|
<p class="description">The main dashboard where you can access all of your applications. The <span class="q">Q</span>onsole is in charge of displaying all your apps in the same location, in a uniform and simple
|
|
way.
|
|
</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">In Development</p>
|
|
<p class="description">This is where you store all your data, it's your personal hard drive but
|
|
hosted on an external server. All accessible only by you, the server can not see your data.</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">On Hold</p>
|
|
<p class="description">Inter<span class="q">Q</span>om
|
|
is the sane alternative to other social networks.
|
|
Your conversations are entirely private and even we don't have access to your data.</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">On Hold</p>
|
|
<p class="description">The center of exchange and online commerce. Local businesses and
|
|
individuals can share the fruit of their labour. We will accept cryptocurrencies as well as regular Canadian
|
|
money.</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">On Hold</p>
|
|
<p class="description">Instant messaging, audio and video calls, all end-to-end encrypted from you to your recipients. </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">ourier</span></h4>
|
|
<p class="status hold">On Hold</p>
|
|
<p class="description">The portal to access your emails, from your <span class="q">Q</span>onsole. Emails
|
|
between users are fully encrypted and we support most providers.</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">On Hold</p>
|
|
<p class="description">Tele<span class="q">Q</span>om
|
|
is a round table where all Quebecers are invited. Your
|
|
opinion will finally be heard in the government. The real democracy at your fingertips!</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">On Hold</p>
|
|
<p class="description">The good old address book. Here you store your contact information, email,
|
|
phone, <span>Q</span>onvo or Inter<span>Q</span>om identifier, and more.</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">alender</span></h4>
|
|
<p class="status hold">On Hold</p>
|
|
<p class="description">We all need a calendar. Here you can manage your personal or professional
|
|
life, schedule an appointment with another user and even see your future events on
|
|
Inter<span class="q">Q</span>om.
|
|
</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">On Hold</p>
|
|
<p class="description">
|
|
The video content delivery platform that connects to multiple content providers.
|
|
We are looking into standard television channels as well!
|
|
</p>
|
|
</div>
|
|
<div class="project">
|
|
<img src="/media/images/qi.png" alt="Qi Logo">
|
|
<h4><span class="in-blk">i<img class="q" src="/media/images/Q.png" alt="Q"></span></h4>
|
|
<p class="status hold">On Hold</p>
|
|
<p class="description">
|
|
Tutorials for everyone! Each page contains the other i<span class="q">Q</span> necessary or recommended to understand the subject at hand.
|
|
You will be able to widen your scope of the world, all in private naturally!
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<a class="btn btn-1" target="_blank" href="/pages/en/qonsole.html">More on the 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="en" hidden>
|
|
<input type="text" name="contact-name" placeholder="Name" id="contact-first-name" required>
|
|
<input type="email" name="contact-email" placeholder="Email" id="contact-email" required>
|
|
<input class="catch" type="email" name="contact-email-2" placeholder="Email" 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="Send">
|
|
</form>
|
|
</section>
|
|
<footer>
|
|
<div class="newsletter">
|
|
<h5>Subscribe!</h5>
|
|
<p>We only send important news</p>
|
|
<form action="/php/newsletter.php" method="get">
|
|
<input type="text" name="newsletter-language" value="en" hidden>
|
|
<input type="email" name="newsletter-email" placeholder="Email" required id="newsletter-email">
|
|
<input class="catch" type="email" name="newsletter-email-2" placeholder="Email" id="newsletter-email-2">
|
|
<input type="submit" class="btn btn-1" value="Subscribe">
|
|
</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/" target="_blank" rel="noreferrer noopener">
|
|
<img src="/media/images/onion-64.png" alt="TOR">
|
|
</a>
|
|
<a href="/pages/fr/index.html">
|
|
<img src="/media/images/quebec.png" alt="Français Québec">
|
|
</a>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
|
|
</html> |