304 lines
17 KiB
HTML
304 lines
17 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">
|
|
<img src="/media/images/logo.png" 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 id="welcome">
|
|
<h1>
|
|
<span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> Project
|
|
</h1>
|
|
<h4>
|
|
Telecommunications with <span class="color-1">Québec</span>'s values
|
|
</h4>
|
|
<a href="#about" id="scroll-down">
|
|
<img src="/media/images/down.png" alt="Icone defilement">
|
|
</a>
|
|
</section>
|
|
<section class="about" id="about">
|
|
<h2>About Us</h2>
|
|
<div>
|
|
<h3>
|
|
What is <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om?</span>
|
|
</h3>
|
|
<p>
|
|
The <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> Project, a Québec non-profit, is an ideal. We are attempting to restore ethics and
|
|
morals within the applications all of us use on a daily basis. From your favorite social platform, online
|
|
shopping, email or even messaging, almost all of them contain spying software. Robots read your emails and
|
|
your messages, some even listen to you talk. In our opinion, this is unacceptable and should be illegal but
|
|
you accepted these terms before using those applications and devices and that is why the law is powerless at
|
|
the moment. Since we don't have viable alternatives, we follow these technology giants with bad intentions. It
|
|
is in response to this severe lack of humanity that <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> was born.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h3>
|
|
Libre Software
|
|
</h3>
|
|
<p>
|
|
<span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> embraces a philosophy that has been around for quite some
|
|
time, we use only Libre/Free Software. To make it simple, a program is much like a food recipe. Libre
|
|
Software grants the public access to it's source code (the recipe, that we call our <a
|
|
href="https://qode.teleqom.org" target="_blank" rel="noreferrer noopener" class="link">Qode</a>) to audit
|
|
and discover security flaws, modify or improve with the only condition of sharing back what was improved.
|
|
Proprietary software on the other hand, is the complete opposite. They hide how it works, and forbid auditing
|
|
their source code. It is obviously much harder to discover what it truly does with your information.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h3>
|
|
The Real Difference
|
|
</h3>
|
|
<p>
|
|
Our projects are designed in such a way that it is impossible for us to spy on you. What you do in your private
|
|
life does not concern us. Proprietary artifical intelligence programs can already anticipate your behavior,
|
|
modifiy your habits and the way you think by simply using this data that we all think harmless. Companies like
|
|
<a href="https://en.wikipedia.org/wiki/Facebook%E2%80%93Cambridge_Analytica_data_scandal" target="_blank"
|
|
rel="noreferrer noopener" class="link">Cambridge Analytica</a> already interfered in the United-States
|
|
elections, and this is only the beginning. <a href="https://en.wikipedia.org/wiki/Pegasus_(spyware)"
|
|
target="_blank" rel="noreferrer noopener" class="link">Pegasus</a> gives unlimited access to those willing
|
|
to pay to the complete virtual life of anyone with the help of flaws in software. It is now urgent to get rid
|
|
of those chains, and that is where <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> comes in.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h3>
|
|
Telecommunication
|
|
</h3>
|
|
<p>
|
|
It's not pretty when you take a closer look at how these big corporations use us. But instead of admitting
|
|
defeat, we chose to remedy this situation with whatever freedom we still have left. We will start by securing
|
|
our telecommunications (email, social, messaging, videoconference and telephone). Then,
|
|
<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ommerce</span>
|
|
will help fund the infrastructure and development of our projects. Finally, a voting application, called
|
|
<span class="in-blk">Politi<img class="q" src="/media/images/Q.png" alt="Q"></span>
|
|
that will give the power back to the people. Keep in mind, Tele<span>Q</span>om does not
|
|
sell your data and is a non-profit, so donations are necessary to its survival. We do what we can to offer our
|
|
projects for free, but it is not easy. All profits generated by the following services are invested in the
|
|
development of our projects!
|
|
</p>
|
|
</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">More</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">More</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>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</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">More</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="projects" id="projects">
|
|
<h2>Our Projets</h2>
|
|
<p class="overview">The following projects are or will be available from your
|
|
<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onsole</span>.
|
|
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="description">The main dashboard where you can access all of your applications. The
|
|
<span>Q</span>onsole is in charge of displaying all your apps in the same location, in a uniform and simple
|
|
way.
|
|
</p>
|
|
<p class="status dev">In Development</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="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>
|
|
<p class="status dev">In Development</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="description"><span class="in-blk">Inter<img class="q" src="/media/images/Q.png" alt="Q">om</span>
|
|
is the sane alternative to other social networks.
|
|
Your conversations are entirely private and even we don't have access to your data.</p>
|
|
<p class="status hold">On Hold</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="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>
|
|
<p class="status hold">On Hold</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="description">Instant messaging is the easiest way we have to communicate with one
|
|
another. This project includes audio and video calls, all encrypted from you to your recipients.</p>
|
|
<p class="status hold">On Hold</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="description">The portal to access your emails, from your <span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onsole</span>. Emails
|
|
between users are fully encrypted and we support most providers.</p>
|
|
<p class="status hold">On Hold</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="description"><span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span>
|
|
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>
|
|
<p class="status hold">On Hold</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="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>
|
|
<p class="status hold">On Hold</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="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
|
|
<span class="in-blk">Inter<img class="q" src="/media/images/Q.png" alt="Q">om</span>.
|
|
</p>
|
|
<p class="status hold">On Hold</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="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>
|
|
<p class="status hold">On Hold</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="description">
|
|
Tutorials for everyone! Each page contains the other <span class="in-blk">i<img class="q" src="/media/images/Q.png" alt="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>
|
|
<p class="status hold">On Hold</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> |