parent
f3b0e32bd6
commit
3ea3157631
@ -0,0 +1,24 @@ |
||||
@import "/css/utils/base.css"; |
||||
@import "/css/utils/buttons.css"; |
||||
@import "/css/utils/forms.css"; |
||||
@import "/css/sections/nav.css"; |
||||
@import "/css/sections/intro.css"; |
||||
@import "/css/sections/products.css"; |
||||
@import "/css/sections/call-to-action.css"; |
||||
@import "/css/sections/footer.css"; |
||||
|
||||
#qonsole { |
||||
background-color: var(--background-color-2); |
||||
} |
||||
|
||||
.screenshot { |
||||
max-width: 90%; |
||||
} |
||||
|
||||
h3 { |
||||
margin-bottom: 1rem; |
||||
} |
||||
|
||||
section { |
||||
padding: 3rem; |
||||
} |
Before Width: | Height: | Size: 19 KiB |
After Width: | Height: | Size: 7.4 KiB |
After Width: | Height: | Size: 34 KiB |
After Width: | Height: | Size: 28 KiB |
@ -0,0 +1,103 @@ |
||||
<!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 | Repairs Service</title> |
||||
<meta name="description" |
||||
content="La Qonsole de TeleQom! Un apreçu avant son lancement." /> |
||||
<link rel="icon" type="image/x-icon" href="/favicon.png"> |
||||
<link rel="stylesheet" href="/css/pages/qonsole.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="/pages/en/index.html" class="logo"> |
||||
<img src="/media/images/logo.svg" alt="TeleQom Logo"> |
||||
</a> |
||||
<ul id="nav-list"> |
||||
<li><a class="btn btn-2" href="#qonsole">Qonsole</a></li> |
||||
<li><a class="btn btn-2" href="#disq">DisQ</a></li> |
||||
<li><a class="btn btn-2" href="/pages/fr/qonsole.html">FR</a></li> |
||||
<li> |
||||
<div id="mobile-nav-action-btn"> |
||||
<a class="btn btn-1" href="/pages/en/index.html#contact">Contact</a> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
<div id="navbar-action-btn"> |
||||
<a class="btn btn-1" href="/pages/en/index.html#contact">Contact</a> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
|
||||
<section id="intro"> |
||||
<h2>Your <span class="q">Q</span>onsole</h2> |
||||
<p> |
||||
Simply put, the <span class="q">Q</span>onsole is a dashboard for your applications. |
||||
It manages your personal information in a secure way and shares them with applications, asking your permission and clearly explaining why. |
||||
</p> |
||||
<p> |
||||
You will have full control over your data! |
||||
The Qonsole is still under development but here are a few images to help you visualize: |
||||
</p> |
||||
</section> |
||||
|
||||
<section id="qonsole"> |
||||
<h3><span class="q">Q</span>onsole: Add and App</h3> |
||||
<img class="screenshot" src="/media/images/qonsole-add-app.png" alt="Qonsole aperçu"> |
||||
</section> |
||||
|
||||
<section id="disq"> |
||||
<h3>Dis<span class="q">Q</span>: Your files</h3> |
||||
<img class="screenshot" src="/media/images/qonsole-disq.png" alt="DisQ aperçu"> |
||||
</section> |
||||
|
||||
<section id="call-to-action"> |
||||
<h2>Want to help?</h2> |
||||
<p class="description"> |
||||
You can make a donation to speed up the development process. Contact us for more information! |
||||
</p> |
||||
<a class="btn btn-1" href="/pages/en/index.html#contact">Contact</a> |
||||
</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/qonsole.html"> |
||||
<img src="/media/images/quebec.png" alt="Français Québec"> |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</body> |
||||
|
||||
</html> |
@ -1,647 +0,0 @@ |
||||
<!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 | Installation Service</title> |
||||
<meta name="description" |
||||
content="The TeleQom Project offers an installation service to install Libre Software operating systems and applications of all sorts. Take a look!" /> |
||||
<link rel="icon" type="image/x-icon" href="/favicon.png"> |
||||
<link rel="stylesheet" href="/css/pages/installation.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="/pages/en/index.html" class="logo"> |
||||
<img src="/media/images/logo.png" alt="TeleQom Logo"> |
||||
</a> |
||||
<ul id="nav-list"> |
||||
<li><a class="btn btn-2" href="#os">OS</a></li> |
||||
<li><a class="btn btn-2" href="#apps">Apps</a></li> |
||||
<li><a class="btn btn-2" href="/pages/fr/services/installation.html">FR</a></li> |
||||
<li> |
||||
<div id="mobile-nav-action-btn"> |
||||
<a class="btn btn-1" href="/pages/en/index.html#contact">Contact</a> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
<div id="navbar-action-btn"> |
||||
<a class="btn btn-1" href="/pages/en/index.html#contact">Contact</a> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
|
||||
<section id="intro"> |
||||
<h2>Installation Services</h2> |
||||
<p> |
||||
Proprietary software has become a serious threat to freedom as we know it. We need to make the move to Libre |
||||
Software (Open, community written, transparent code recipes, shareable and user controlled software). |
||||
Tele<span>Q</span>om's devices and private servers run only Libre Software, so you can too! This is very |
||||
important, as it will determine how future generations will live. Here is not the place to discuss such matters, |
||||
but replacing software that spies on you and others around you is a very good place to start! |
||||
Note that all those are Libre Software, you can install them yourself free of charge if you so desire. |
||||
The Qontribution we ask is only to cover the employee's salary that will install it for you and to fund our projects. |
||||
</p> |
||||
</section> |
||||
|
||||
<section class="products" id="os"> |
||||
<h2>Operating Systems</h2> |
||||
<p class="explanation"> |
||||
What is that? Well, <a href="https://en.wikipedia.org/wiki/Operating_system" target="_blank" |
||||
rel="noreferrer noopener" class="link">Operating Systems</a>, or OS for short, are a group of software that |
||||
interacts with the hardware on your device. It is the most complex piece of code running on your machine, and a |
||||
compromised OS can spy and do whatever it wants with applications running on your system. |
||||
We recommend taking a look at <a href="https://www.whonix.org/wiki/Host_Operating_System_Selection" |
||||
target="_blank" rel="noreferrer noopener" class="link">this page from the Whonix Project</a>, a well known |
||||
security and privacy oriented project, as to why to choose a GNU/Linux as your OS. |
||||
The few listed here are only the tip of the iceberg, many more exist! |
||||
</p> |
||||
<div class="wrapper"> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/linux-mint-96.png" alt="Linux Mint Logo"> |
||||
</div> |
||||
<h4>Linux Mint</h4> |
||||
<p class="description"> |
||||
Linux Mint, just like Ubuntu (its parent) has proprietary compatibility which makes it an ideal choice for |
||||
beginners moving away from a commercial OS. |
||||
Its default Desktop Environment (Cinnamon) is very close to Windows in terms of general layout. This is our |
||||
first choice for beginners moving away from Windows 10 |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p class="green">Level: Beginner</p> |
||||
<p>Desktop: Cinnamon</p> |
||||
<p>Similar: Windows</p> |
||||
<p>Packages: Debian (.deb)</p> |
||||
<p class="yellow">Libre: Almost</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">50$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://linuxmint.com/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/ubuntu-logo32.png" alt="Ubuntu Logo"> |
||||
</div> |
||||
<h4>Ubuntu</h4> |
||||
<p class="description"> |
||||
Ubuntu ® stands for "Humanity" and is exctly that, a more humane approach to operating systems. It is |
||||
supported by a company called Canonical ™ famous (or infamous) in the Linux universe. Just like Linux Mint, it is |
||||
more flexible as to what software you can install so perfect for beginners. This one uses the GNOME Desktop |
||||
Environment, which can be tweaked to look very much like a MacOS |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p class="green">Level: Beginner</p> |
||||
<p>Desktop: GNOME</p> |
||||
<p>Similar: MacOS</p> |
||||
<p>Packages: Debian (.deb)</p> |
||||
<p class="yellow">Libre: Almost</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">50$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://ubuntu.com/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/debian-128.png" alt="Debian Logo"> |
||||
</div> |
||||
<h4>Debian</h4> |
||||
<p class="description"> |
||||
The next step is the parent to both Linux Mint and Ubuntu, Debian. Debian is known for its stability, security |
||||
and freedom. Here nothing stops you from installing proprietary software, but it isn't there by default. It is |
||||
our Distribution of choice here at Tele<span>Q</span>om. |
||||
Debian comes with images of most major Desktop Environments, so it can look like any commercial OS |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p class="yellow">Level: Intermediate</p> |
||||
<p>Desktop: GNOME</p> |
||||
<p>Similar: Any</p> |
||||
<p>Packages: Debian (.deb)</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">50$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.debian.org/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/Qubes.png" alt="Qubes Logo"> |
||||
</div> |
||||
<h4>Qubes</h4> |
||||
<p class="description"> |
||||
This one differs from the others as it is not an operating system but a hypervisor that launches small |
||||
containerized operating systems within it. It has a steeper learning curve than the others, but can run all of |
||||
them within it. It does require more technical knowledge and better hardware |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p class="red">Level: Advanced</p> |
||||
<p>Desktop: XFCE</p> |
||||
<p>Similar: Nothing</p> |
||||
<p>Packages: Debian, RedHat</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">50$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.qubes-os.org/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</section> |
||||
|
||||
<section class="products alt" id="apps"> |
||||
<h2>Applications</h2> |
||||
<p class="explanation"> |
||||
Now this could be a huge section. The Linux universe has so many Libre Applications, it's impossible to list them |
||||
all here. We will focus on what most people use on a daily basis. Here we go! |
||||
</p> |
||||
<div class="wrapper"> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/libreoffice.png" alt="LibreOffice Logo"> |
||||
</div> |
||||
<h4>Libre Office</h4> |
||||
<p class="description"> |
||||
Libre office is the first choice in terms of office applications. It has a word compatible text editor, |
||||
excel compatible spreadsheet editor and much more |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p>Similar: Office Suite</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.libreoffice.org/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/gimp.png" alt="GIMP Logo"> |
||||
</div> |
||||
<h4>GIMP</h4> |
||||
<p class="description"> |
||||
GIMP stands for GNU Image Manipulation Program and does pretty much everything in terms of image alteration. |
||||
It includes so many fonctionnalities, you may feel a little overwhelmed at first |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p>Similar: PhotoShop</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.gimp.org/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/Inkscape.png" alt="Inkscape Logo"> |
||||
</div> |
||||
<h4>Inkscape</h4> |
||||
<p class="description"> |
||||
Another very popular image manipulation program. Plays nice with vector SVG images and other formats |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p>Similar: PhotoShop</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://inkscape.org/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/blender.png" alt="Blender Logo"> |
||||
</div> |
||||
<h4>Blender</h4> |
||||
<p class="description"> |
||||
Blender is one of the most used application in the world for 3D modeling, animation and much more |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p>Similar: Cinema 4D, SolidWorks</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.blender.org/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/Firefox.png" alt="Firefox Logo"> |
||||
</div> |
||||
<h4>Firefox</h4> |
||||
<p class="description"> |
||||
Your proprietary internet browser is most likely the most privacy invading software on your computer. |
||||
Firefox is an old, very well known, stable, well supported, feature rich, privacy and freedom advocating |
||||
internet browser. It is our first choice! |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p>Similar: Chrome, Edge</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.mozilla.org/en-CA/firefox/" target="_blank" |
||||
rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/Chromium.png" alt="Chromium Logo"> |
||||
</div> |
||||
<h4>Chromium</h4> |
||||
<p class="description"> |
||||
Chromium is the open source core of both Chrome and Edge browsers. It is stripped of all privacy invading |
||||
software but retains most of its features |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p>Similar: Chrome, Edge</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.chromium.org/Home/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/codium.png" alt="Codium Logo"> |
||||
</div> |
||||
<h4>Codium</h4> |
||||
<p class="description"> |
||||
Codium or VSCodium is the Libre version of the popular code editor, now microsoft supported and telemetry |
||||
(another word for spying) infested Visual Studio Code. It is stripped of everything proprietary and freely |
||||
available. We use it on a daily basis here at Tele<span>Q</span>om |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p>Similar: VSCode, JetBrains</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://vscodium.com/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/Rhythmbox.png" alt="Rhythmbox Logo"> |
||||
</div> |
||||
<h4>Rhythmbox</h4> |
||||
<p class="description"> |
||||
A universal audio player. Plays podcasts or local audio files, everything you need in a music application |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p>Similar: iTunes, WMP</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://wiki.gnome.org/Apps/Rhythmbox/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/vlc.png" alt="VLC Logo"> |
||||
</div> |
||||
<h4>VLC Player</h4> |
||||
<p class="description"> |
||||
Don't let the cone fool you, it is not under construction! This is a great Libre Software media player, |
||||
awesome for videos and music alike |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p>Similar: iTunes, WMP</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.videolan.org/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/mattermost.png" alt="Mattermost Logo"> |
||||
</div> |
||||
<h4>Mattermost</h4> |
||||
<p class="description"> |
||||
Mattermost is just like an IRC channel with a very nice user interface. Used mainly for team chats, task and |
||||
projects management, it is very feature rich |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p>Similar: Slack, Teams</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://mattermost.com/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/transmission.png" alt="Transmission Logo"> |
||||
</div> |
||||
<h4>Transmission</h4> |
||||
<p class="description"> |
||||
A simple Libre BitTorrent client to share files over the internet. It is the ultimate community expression |
||||
in software. It is best at sharing large files, as it increases in speed for each connected user. You can |
||||
download most Linux Distributions with Transmission, it is faster! |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p>Similar: uTorrent, Vuze</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://transmissionbt.com/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/signal.png" alt="Signal Logo"> |
||||
</div> |
||||
<h4>Signal</h4> |
||||
<p class="description"> |
||||
Signal is a state of the art mobile (and now linux too) application for instant messaging. Unlike the |
||||
upcoming <span>Q</span>onvo Project, it requires a mobile device with a phone number to setup but it is |
||||
still the best out there at the moment |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p>Similar: WhatsApp, iMessage</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://signal.org/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/Audacity.png" alt="Audacity Logo"> |
||||
</div> |
||||
<h4>Audacity</h4> |
||||
<p class="description"> |
||||
Ever wanted to crop an audio file? Or perhaps only change the audio format? Audacity is a full fledged audio |
||||
manipulation application that is easy to use |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p>Similar: Garage Band, Audition</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.audacityteam.org/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/OpenShot.png" alt="OpenShot Logo"> |
||||
</div> |
||||
<h4>OpenShot</h4> |
||||
<p class="description"> |
||||
Video editing made simple. Transitions, effects, audio, name it. You can do pretty much anything with this |
||||
software and its user interface is just plain and easy to understand |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Details</h5> |
||||
<div class="includes-items"> |
||||
<p>Similar: Premiere, Final Cut</p> |
||||
<p class="green">Libre: Yes</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.openshot.org/" target="_blank" rel="noreferrer noopener">Website</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</section> |
||||
|
||||
<section id="call-to-action"> |
||||
<h2>Ready?</h2> |
||||
<p class="description"> |
||||
Find some information confusing or ready to take the next steps? Time to contact us! Don't worry, we can help you make the ethical decision :) |
||||
</p> |
||||
<a class="btn btn-1" href="/pages/en/index.html#contact">Contact</a> |
||||
</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/services/installation.html"> |
||||
<img src="/media/images/quebec.png" alt="Français Québec"> |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</body> |
||||
|
||||
</html> |
@ -0,0 +1,103 @@ |
||||
<!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 | Repairs Service</title> |
||||
<meta name="description" |
||||
content="La Qonsole de TeleQom! Un apreçu avant son lancement." /> |
||||
<link rel="icon" type="image/x-icon" href="/favicon.png"> |
||||
<link rel="stylesheet" href="/css/pages/qonsole.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="/pages/en/index.html" class="logo"> |
||||
<img src="/media/images/logo.svg" alt="TeleQom Logo"> |
||||
</a> |
||||
<ul id="nav-list"> |
||||
<li><a class="btn btn-2" href="#qonsole">Qonsole</a></li> |
||||
<li><a class="btn btn-2" href="#disq">DisQ</a></li> |
||||
<li><a class="btn btn-2" href="/pages/en/qonsole.html">EN</a></li> |
||||
<li> |
||||
<div id="mobile-nav-action-btn"> |
||||
<a class="btn btn-1" href="/pages/fr/index.html#contact">Contact</a> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
<div id="navbar-action-btn"> |
||||
<a class="btn btn-1" href="/pages/fr/index.html#contact">Contact</a> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
|
||||
<section id="intro"> |
||||
<h2>Votre <span class="q">Q</span>onsole</h2> |
||||
<p> |
||||
La <span class="q">Q</span>onsole est simplement une vue d'ensemble, un tableau de bord pour vos applications. |
||||
Elle est en charge de garder vos informations personnelles de façon sécurisée et les partager avec les applications, |
||||
en vous demandant votre permission et en expliquant clairement pourquoi. |
||||
</p> |
||||
<p> |
||||
Vous serez en parfait contrôle de vos données! La <span class="q">Q</span>onsole est toujours en développement, mais voici quelques images pour vous aider à visualiser: |
||||
</p> |
||||
</section> |
||||
|
||||
<section id="qonsole"> |
||||
<h3><span class="q">Q</span>onsole: Ajout d'applications</h3> |
||||
<img class="screenshot" src="/media/images/qonsole-add-app.png" alt="Qonsole aperçu"> |
||||
</section> |
||||
|
||||
<section id="disq"> |
||||
<h3>Dis<span class="q">Q</span>: Vos fichiers</h3> |
||||
<img class="screenshot" src="/media/images/qonsole-disq.png" alt="DisQ aperçu"> |
||||
</section> |
||||
|
||||
<section id="call-to-action"> |
||||
<h2>Vous désirez participer?</h2> |
||||
<p class="description"> |
||||
Vous pouvez faire un don pour accélérer le processus de développement. Contactez-nous pour plus d'informations! |
||||
</p> |
||||
<a class="btn btn-1" href="/pages/fr/index.html#contact">Contact</a> |
||||
</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/qonsole.html"> |
||||
<img src="/media/images/canada.png" alt="English Canada"> |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</body> |
||||
|
||||
</html> |
@ -1,657 +0,0 @@ |
||||
<!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 | Service d'Installation</title> |
||||
<meta name="description" |
||||
content="Projet TeleQom offre un service d'installation de Logiciels Libres. Nous installons des systèmes d'exploitation et des apps de tout genres. Venez voir!" /> |
||||
<link rel="icon" type="image/x-icon" href="/favicon.png"> |
||||
<link rel="stylesheet" href="/css/pages/installation.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="/pages/fr/index.html" class="logo"> |
||||
<img src="/media/images/logo.png" alt="TeleQom Logo"> |
||||
</a> |
||||
<ul id="nav-list"> |
||||
<li><a class="btn btn-2" href="#os">OS</a></li> |
||||
<li><a class="btn btn-2" href="#apps">Apps</a></li> |
||||
<li><a class="btn btn-2" href="/pages/en/services/installation.html">EN</a></li> |
||||
<li> |
||||
<div id="mobile-nav-action-btn"> |
||||
<a class="btn btn-1" href="/pages/fr/index.html#contact">Contact</a> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
<div id="navbar-action-btn"> |
||||
<a class="btn btn-1" href="/pages/fr/index.html#contact">Contact</a> |
||||
</div> |
||||
</nav> |
||||
</header> |
||||
|
||||
<section id="intro"> |
||||
<h2>Services d'Installation</h2> |
||||
<p> |
||||
Les logiciels propriétaires sont devenus une véritable menace pour nos droits et libertés. Nous devons nous |
||||
diriger vers les Logiciels Libres (ouverts, écrit par la communauté, recette de code transparente, partageable |
||||
et contrôlé par l'utilisateur). Nos ordinateurs et serveurs privés chez Tele<span>Q</span>om n'utilisent que des |
||||
Logiciels Libres, alors vous le pouvez aussi! Ces petites décisions impacterons sérieusement la vie des |
||||
générations futures. Ce n'est pas le bon endroit pour en discuter, mais remplacer les logiciels qui vous |
||||
espionnent vous et vos proches est un très bon point de départ! Notez que ces Logiciels Libres sont gratuits, |
||||
vous pouvez donc tout installer gratuitement vous-même si vous le voulez. La demande de Qontribution ne sert qu'à |
||||
couvrir les honoraires de notre employé qui l'installera pour vous, ainsi qu'à financer nos projets. |
||||
</p> |
||||
</section> |
||||
|
||||
<section class="products" id="os"> |
||||
<h2>Systèmes d'Exploitation</h2> |
||||
<p class="explanation"> |
||||
C'est quoi? Un <a href="https://fr.wikipedia.org/wiki/Operating_system" target="_blank" |
||||
rel="noreferrer noopener" class="link">système d'exploitation</a>, aussi appelé un OS, est un regroupement de logiciels qui intéragissent |
||||
avec votre matériel (les composantes physiques de votre ordinateur). C'est sans doute la plus grande pièce de |
||||
code qui s'execute sur votre machine, et un OS corrompu peut vous espionner et faire ce qu'il veut de vos |
||||
données et applications sur votre système. Nous vous recommandons <a |
||||
href="https://www.whonix.org/wiki/Host_Operating_System_Selection" target="_blank" rel="noreferrer noopener" |
||||
class="link">cette page du Projet Whonix</a>, un project connu pour sa sécurité et son accent sur la vie |
||||
privée pour comprendre pourquoi GNU/Linux est un excellent choix. Voici quelques exemples, mais il en existe |
||||
beaucoup d'autres! |
||||
</p> |
||||
<div class="wrapper"> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/linux-mint-96.png" alt="Linux Mint Logo"> |
||||
</div> |
||||
<h4>Linux Mint</h4> |
||||
<p class="description"> |
||||
Linux Mint, tout comme Ubuntu (son parent), est compatible avec plusieurs applications propriétaires ce |
||||
qui en fait un excellent choix pour débutant qui quitte les OS commerciaux. Son bureau ressemble |
||||
beaucoup à Windows en terme d'emplacement général. C'est notre premier choix pour ceux qui quittent Windows 10 |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p class="green">Niveau: Débutant</p> |
||||
<p>Bureau: Cinnamon</p> |
||||
<p>Similaire: Windows</p> |
||||
<p>Paquets: Debian (.deb)</p> |
||||
<p class="yellow">Libre: Presque</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">50$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://linuxmint.com/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/ubuntu-logo32.png" alt="Ubuntu Logo"> |
||||
</div> |
||||
<h4>Ubuntu</h4> |
||||
<p class="description"> |
||||
Ubuntu ®, "Humanité" en langue Africaine, est une approche plus humaine d'un OS. Il est supporté |
||||
par Canonical ™ qui est bien (ou mal) connu dans l'univers Linux. Tout comme Linux Mint, il est plus flexible |
||||
en terme des logiciels disponibles, donc parfait pour un débutant. Son bureau est GNOME, qui ressemble un |
||||
peu plus à MacOS |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p class="green">Niveau: Débutant</p> |
||||
<p>Bureau: GNOME</p> |
||||
<p>Similaire: MacOS</p> |
||||
<p>Paquets: Debian (.deb)</p> |
||||
<p class="yellow">Libre: Presque</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">50$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://ubuntu.com/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/debian-128.png" alt="Debian Logo"> |
||||
</div> |
||||
<h4>Debian</h4> |
||||
<p class="description"> |
||||
La prochaine étape est le parent d'Ubuntu et Linux Mint, Debian. Debian est connu pour sa stabilité, sa |
||||
sécurité et sa liberté. Ici rien ne vous empêche d'installer des logiciels propriétaire si vous le |
||||
désirez, mais ce n'est pas disponible par défaut. C'est notre distribution de choix chez |
||||
Tele<span>Q</span>om. |
||||
Debian vient également en plusieurs saveurs, il peut ressembler à n'importe quel OS commercial |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p class="yellow">Niveau: Intermédiaire</p> |
||||
<p>Bureau: GNOME</p> |
||||
<p>Similaire: Plusieurs</p> |
||||
<p>Paquets: Debian (.deb)</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">50$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.debian.org/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/Qubes.png" alt="Qubes Logo"> |
||||
</div> |
||||
<h4>Qubes</h4> |
||||
<p class="description"> |
||||
Celui-ci diffère des autres choix puisque ce n'est pas réellement un système d'exploitation, c'est plutôt |
||||
un environnement qui lance plusieurs OS à la fois afin de séparer vos tâches. Il est plus difficile à |
||||
apprendre que les autres, et demande plus de connaissances techniques et un meilleur ordinateur |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p class="red">Niveau: Avancé</p> |
||||
<p>Bureau: XFCE</p> |
||||
<p>Similaire: Rien</p> |
||||
<p>Paquets: Debian (.deb), RedHat (.rpm)</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">50$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.qubes-os.org/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</section> |
||||
|
||||
<section class="products alt" id="apps"> |
||||
<h2>Applications</h2> |
||||
<p class="explanation"> |
||||
Cette section pourrait être énorme. L'univers Linux comprends tellement de choix d'Applications, il est |
||||
impossible de tous les mentionner ici. Nous avons fait une liste de celles que la plupart des gens utilisent |
||||
quotidiennement. Allons-y! |
||||
</p> |
||||
<div class="wrapper"> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/libreoffice.png" alt="LibreOffice Logo"> |
||||
</div> |
||||
<h4>Libre Office</h4> |
||||
<p class="description"> |
||||
Libre Office est un premier choix pour vos applications de bureau. Il contient un éditeur de text |
||||
compatible avec Word, un éditeur de feuille de calcul compatible avec Excel, et bien plus encore |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p>Similaire: Suite Office</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://fr.libreoffice.org/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/gimp.png" alt="GIMP Logo"> |
||||
</div> |
||||
<h4>GIMP</h4> |
||||
<p class="description"> |
||||
GIMP (Programme de Manipulation d'Image GNU) a la plupart des fonctionnalités que vous pouvez avoir de |
||||
besoin en ce qui a trait à la manipulation d'image. Il y a tellement d'options, il est possible que vous |
||||
vous sentiez un peu perdu au début |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p>Similaire: PhotoShop</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.gimp.org/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/Inkscape.png" alt="Inkscape Logo"> |
||||
</div> |
||||
<h4>Inkscape</h4> |
||||
<p class="description"> |
||||
Une autre application populaire pour le traitement d'image, compatible avec les SVG et plusieurs autres |
||||
formats |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p>Similaire: PhotoShop</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://inkscape.org/fr/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/blender.png" alt="Blender Logo"> |
||||
</div> |
||||
<h4>Blender</h4> |
||||
<p class="description"> |
||||
Blender est une des applications les plus utilisée dans le monde pour le modelage 3D, l'animation et plus |
||||
encore |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p>Similaire: Cinema 4D, SolidWorks</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.blender.org/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/Firefox.png" alt="Firefox Logo"> |
||||
</div> |
||||
<h4>Firefox</h4> |
||||
<p class="description"> |
||||
Votre navigateur internet propriétaire est probablement le pire logiciel espoin sur votre ordinateur. |
||||
Firefox est ancien, bien connu, stable bien supporté, plein de fonctionnalités et respecte la vie privée |
||||
et la liberté. C'est notre premier choix! |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p>Similaire: Chrome, Edge</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.mozilla.org/fr/firefox/" target="_blank" |
||||
rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/Chromium.png" alt="Chromium Logo"> |
||||
</div> |
||||
<h4>Chromium</h4> |
||||
<p class="description"> |
||||
Chromium est le coeur des navigateurs Chrome et Edge. Cette version ne contient pas de logiciel |
||||
propriétaire mais conserve tout de même ses fonctionnalités |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p>Similaire: Chrome, Edge</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.chromium.org/Home/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/codium.png" alt="Codium Logo"> |
||||
</div> |
||||
<h4>Codium</h4> |
||||
<p class="description"> |
||||
Codium ou VSCodium est la version Libre du populaire éditeur de code, appartenant maintenant à Microsoft |
||||
et équipé de télémétrie (un autre mot pour espionnage) qui se nomme Visual Studio Code. Cette version |
||||
contient uniquement la portion de Logiciel Libre. Nous l'utilisons quotidiennement chez |
||||
Tele<span>Q</span>om |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p>Similaire: VSCode, JetBrains</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://vscodium.com/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/Rhythmbox.png" alt="Rhythmbox Logo"> |
||||
</div> |
||||
<h4>Rhythmbox</h4> |
||||
<p class="description"> |
||||
Un lecteur audio universel. Il peut lire des podcasts ou des fichiers audio locaux, tous ce que vous avez |
||||
de besoin d'une application de musique |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p>Similaire: iTunes, WMP</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://wiki.gnome.org/Apps/Rhythmbox/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/vlc.png" alt="VLC Logo"> |
||||
</div> |
||||
<h4>VLC Player</h4> |
||||
<p class="description"> |
||||
Ne laissez pas le cône vous faire douter, cette application n'est pas en construction! C'est un |
||||
excellent lecteur média, autant audio que vidéo |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p>Similaire: iTunes, WMP</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.videolan.org/index.fr.html" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/mattermost.png" alt="Mattermost Logo"> |
||||
</div> |
||||
<h4>Mattermost</h4> |
||||
<p class="description"> |
||||
Mattermost est un logiciel IRC de chat avec un bel interface. Utilisé surtout pour les communications au |
||||
bureau ainsi que pour la productivité, il est rempli de fonctionnalités |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p>Similaire: Slack, Teams</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://mattermost.com/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/transmission.png" alt="Transmission Logo"> |
||||
</div> |
||||
<h4>Transmission</h4> |
||||
<p class="description"> |
||||
Un client BitTorrent Libre et simple pour partager des fichiers sur internet. C'est l'ultime expression de la |
||||
communauté en logiciel. Il est excellent dans le partage de gros fichiers puisqu'il devient plus |
||||
rapide plus il y a de personnes qui partage le fichier. Vous pouvez télécharger la plupart des |
||||
distributions Linux avec Transmission, c'est plus rapide! |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p>Similaire: uTorrent, Vuze</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://transmissionbt.com/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/signal.png" alt="Signal Logo"> |
||||
</div> |
||||
<h4>Signal</h4> |
||||
<p class="description"> |
||||
Signal est une application mobile (et maintenant Linux aussi) de pointe pour la messagerie directe. |
||||
Contrairement à notre projet Qonvo, elle nécessite un téléphone cellulaire avec un numéro de téléphone |
||||
valide mais c'est tout de même la meilleure en ce moment |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p>Similaire: WhatsApp, iMessage</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://signal.org/fr/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/Audacity.png" alt="Audacity Logo"> |
||||
</div> |
||||
<h4>Audacity</h4> |
||||
<p class="description"> |
||||
Vous avez déjà eu envie de couper un fichier audio? Ou simplement changer son format? Audacity peut tout |
||||
faire cela et est facile à utiliser |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p>Similaire: Garage Band, Audition</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.audacityteam.org/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
<div class="product"> |
||||
<div class="img-container"> |
||||
<img src="/media/images/OpenShot.png" alt="OpenShot Logo"> |
||||
</div> |
||||
<h4>OpenShot</h4> |
||||
<p class="description"> |
||||
Éditeur de vidéo simple. Transitions, effets, audio, peu importe. Vous pouvez accomplir presque tout avec |
||||
cette application et son interface est facile à naviguer |
||||
</p> |
||||
<hr> |
||||
<div class="includes"> |
||||
<h5>Détails</h5> |
||||
<div class="includes-items"> |
||||
<p>Similaire: Premiere, Final Cut</p> |
||||
<p class="green">Libre: Oui</p> |
||||
</div> |
||||
</div> |
||||
<hr> |
||||
<div class="qontribution"> |
||||
<h5><span>Q</span>ontribution</h5> |
||||
<p> |
||||
Installation: <span class="green">20$</span> |
||||
</p> |
||||
</div> |
||||
<hr> |
||||
<a class="btn btn-1" href="https://www.openshot.org/fr/" target="_blank" rel="noreferrer noopener">Site Web</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</section> |
||||
|
||||
<section id="call-to-action"> |
||||
<h2>Prêt?</h2> |
||||
<p class="description"> |
||||
Vous trouvez certaines informations complexes ou vous êtes prêt pour les prochaines étapes? C'est le moment de |
||||
nous contacter! Soyez sans crainte, nous vous aiderons à prendre la décision éthique :) |
||||
</p> |
||||
<a class="btn btn-1" href="/pages/fr/index.html#contact">Contact</a> |
||||
</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/services/installation.html"> |
||||
<img src="/media/images/canada.png" alt="English Canada"> |
||||
</a> |
||||
</div> |
||||
</footer> |
||||
</body> |
||||
|
||||
</html> |
Loading…
Reference in new issue