278 lines
15 KiB
HTML
278 lines
15 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" />
|
|
</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">
|
|
Tele<img class="q" src="/media/images/Q.png" alt="Q">om
|
|
</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>
|
|
</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 NPO based in Quebec, Canada.
|
|
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.
|
|
If you believe in digital freedom, you will be amazed by what we do here.</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.
|
|
If we know more about yourself than your mother does, it's a threat to your freedom.
|
|
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 in encrypted before it is sent.
|
|
That way, even we 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 is private.
|
|
</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 corporations hide what they tell your computer to do, we do not.
|
|
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 runs on your machine.
|
|
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">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>A web site, a mobile application, an online shopping application, name it. Tele<span>Q</span>om uses Libre
|
|
Software as much as possible to build your project. This results in an application that respects its users,
|
|
is safer, more stable and much cheaper.</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>In the same way, we love to give your devices a second life. Broken phone display? Laptop not holding
|
|
charge? Computer doesn't start or is slower than before? We can fix all of that!</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>Paid support is also available for most technology related issues you may be facing. At
|
|
Tele<span class="q">Q</span>om, we like to play around with techonology a lot. Could be your wi-fi network, your browser
|
|
is
|
|
out-of-date, you can't update apps on your phone, anything IT really. Just reach out to us, we might be able
|
|
to help you!</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>Installation</h4>
|
|
<p>It is now possible to replace most proprietary malware with Libre Software. Your computer's operating
|
|
system can be replaced by a GNU/Linux such as <a href="https://www.linuxmint.com/" target="_blank"
|
|
rel="noreferrer noopener" class="link">Linux Mint</a>. A selection of mobile devices are supported by <a
|
|
href="https://grapheneos.org/" target="_blank" rel="noreferrer noopener" class="link">GrapheneOS</a>, and
|
|
it will be possible to switch to a completely Libre alternative like the <a
|
|
href="https://puri.sm/products/librem-5/" target="_blank" rel="noreferrer noopener" class="link">Librem
|
|
5</a> or the <a href="https://www.pine64.org/pinephonepro/" target="_blank" rel="noreferrer noopener"
|
|
class="link">Pine Phone</a>. <a href="https://www.libreoffice.org/" target="_blank"
|
|
rel="noreferrer noopener" class="link">Libre Office</a> is a great alternative for all types of documents.
|
|
For image manipulation, <a href="https://www.gimp.org/" target="_blank" rel="noreferrer noopener"
|
|
class="link">GIMP</a> is also a great choice.</p>
|
|
<a class="btn btn-1" href="/pages/en/services/installation.html">Installation Services</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="projects" id="projects">
|
|
<h2>Our Projets</h2>
|
|
<p class="overview">The following projects are Apps designed to be integrated in your <span class="q">Q</span>onsole.
|
|
Come back later to see if the Status of your favorite project changed!</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 audio and video content delivery platform, which uses <a
|
|
href="https://en.wikipedia.org/wiki/BitTorrent" target="_blank" rel="noreferrer noopener"
|
|
class="link">Torrent</a> technology to lighten the load on the servers and therefore the resulting costs.
|
|
The more people watching it, the faster it gets!</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>
|
|
</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> |