logos and content update

production
vincent.md 3 months ago
parent f3b0e32bd6
commit 3ea3157631
  1. 24
      css/pages/qonsole.css
  2. 9
      css/sections/nav.css
  3. 2
      css/utils/base.css
  4. BIN
      media/images/logo.png
  5. 82
      media/images/logo.svg
  6. BIN
      media/images/qonsole-add-app.png
  7. BIN
      media/images/qonsole-disq.png
  8. 2
      pages/en/confirmation.html
  9. 2
      pages/en/err/403.html
  10. 2
      pages/en/err/404.html
  11. 2
      pages/en/err/500.html
  12. 2
      pages/en/err/contact.html
  13. 2
      pages/en/err/general.html
  14. 84
      pages/en/index.html
  15. 103
      pages/en/qonsole.html
  16. 175
      pages/en/services/development.html
  17. 647
      pages/en/services/installation.html
  18. 6
      pages/en/services/repairs.html
  19. 2
      pages/fr/confirmation.html
  20. 2
      pages/fr/err/403.html
  21. 2
      pages/fr/err/404.html
  22. 2
      pages/fr/err/500.html
  23. 2
      pages/fr/err/contact.html
  24. 2
      pages/fr/err/general.html
  25. 88
      pages/fr/index.html
  26. 103
      pages/fr/qonsole.html
  27. 185
      pages/fr/services/developpement.html
  28. 657
      pages/fr/services/installation.html
  29. 5
      pages/fr/services/reparation.html

@ -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;
}

@ -19,6 +19,9 @@ nav {
align-items: center;
display: flex;
margin-left: 1rem;
border-radius: 10rem;
box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem var(--box-shadow);
padding: 0.7rem 0.8rem;
}
nav .logo img {
@ -26,6 +29,7 @@ nav .logo img {
margin-left: 0.2rem;
margin-right: 0.2rem;
margin-top: -0.3rem;
}
nav .logo {
@ -88,8 +92,8 @@ nav ul li a:hover {
#menu-btn-close img,
#menu-btn-open img {
width: 2.8rem;
height: 2.8rem;
width: 2rem;
height: 2rem;
margin-left: 1rem;
}
@ -103,6 +107,7 @@ nav ul li a:hover {
position: absolute;
left: 50%;
transform: translatex(-50%);
margin-left: 0;
}
#nav-list {

@ -33,7 +33,7 @@
--max-display-size: 1920px;
/* Background Colors */
--background-color-1: #171a21;
--background-color-1: #1f1f2a;
--background-color-2: #1e222b;
--background-color-3: #333947;
--background-color-success-1: #1dad24;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

@ -0,0 +1,82 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1000 200" style="enable-background:new 0 0 1000 200;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#5791FF;}
.st2{fill:#5791FF;}
</style>
<g>
<g>
<path class="st0" d="M133.79,62.51c1.46-2.59,2.2-5.35,2.2-8.28c0-2.85-0.73-5.56-2.2-8.12c-1.47-2.56-3.43-4.61-5.88-6.14
c-2.45-1.54-5.11-2.3-7.97-2.3H21.14c-2.86,0-5.51,0.77-7.97,2.3s-4.4,3.56-5.82,6.09C5.92,48.58,5.2,51.3,5.2,54.23
c0,2.93,0.71,5.69,2.14,8.28c1.43,2.6,3.37,4.68,5.82,6.25c2.45,1.57,5.11,2.36,7.97,2.36h30.64l-0.2,109.96
c0,3.36,0.84,6.4,2.53,9.1c1.68,2.71,3.99,4.81,6.92,6.31c2.93,1.5,6.12,2.25,9.56,2.25c3.45,0,6.59-0.75,9.45-2.25
c2.86-1.5,5.13-3.58,6.81-6.25c1.69-2.67,2.53-5.68,2.53-9.05l0.1-110.07h30.46c2.86,0,5.51-0.79,7.97-2.36
C130.37,67.19,132.33,65.1,133.79,62.51z"/>
<path class="st0" d="M210.82,78.63c-8.65-4.64-18.83-7.07-30.55-7.29c-12.9-0.07-23.81,2.45-32.75,7.57
c-8.94,5.12-15.68,12.6-20.22,22.43c-4.54,9.83-6.81,21.77-6.81,35.81c0,12.87,2.54,23.89,7.64,33.07
c5.09,9.18,12.49,16.2,22.2,21.06c9.71,4.86,21.38,7.29,35.01,7.29c6.37,0,12.64-0.7,18.79-2.08c6.15-1.39,11.91-3.4,17.26-6.03
c3-1.54,5.64-3.86,7.91-6.96c2.27-3.11,3.41-6.67,3.41-10.69c0-2.41-0.53-4.75-1.59-7.02c-1.06-2.27-2.51-4.11-4.34-5.54
c-1.83-1.43-3.81-2.14-5.94-2.14c-0.81,0-1.61,0.11-2.42,0.33c-0.66,0.15-1.76,0.55-3.3,1.21c-1.54,0.66-2.82,1.28-3.85,1.86
c-5.2,2.34-9.77,4.06-13.68,5.15c-3.92,1.1-7.93,1.61-12.04,1.54c-8.35-0.22-15.28-1.66-20.77-4.33
c-5.5-2.67-8.28-7.07-8.35-13.22h62.65c4.84,0,8.65-0.82,11.43-2.47c2.79-1.65,4.76-4.06,5.94-7.24
c1.17-3.18,1.79-7.33,1.87-12.45c-0.22-11.55-2.69-21.59-7.42-30.11C226.15,89.85,219.46,83.27,210.82,78.63z M156.74,122.56
c0-3.73,1.12-7.18,3.35-10.36c2.24-3.18,5.18-5.7,8.85-7.57c3.66-1.86,7.58-2.8,11.76-2.8c4.4,0,8.37,0.92,11.92,2.74
c3.55,1.83,6.36,4.32,8.41,7.46c2.05,3.14,3.04,6.65,2.97,10.53H156.74z"/>
<path class="st0" d="M305.07,163.46l-2.75,0.11c-0.59,0.07-1.43,0.11-2.53,0.11c-1.91,0-3.41-0.38-4.51-1.15
c-1.1-0.77-1.76-2.32-1.98-4.66c0.29-0.66,0.44-1.65,0.44-2.96v-1.32V49.51c0-3.22-0.82-6.1-2.47-8.66
c-1.65-2.56-3.87-4.53-6.65-5.92c-2.79-1.39-5.86-2.08-9.23-2.08c-3.37,0-6.45,0.7-9.23,2.08c-2.79,1.39-4.98,3.36-6.59,5.92
c-1.61,2.56-2.42,5.45-2.42,8.66v109.9c0,10.09,0.82,17.84,2.47,23.25c1.65,5.41,4.45,9.25,8.41,11.52
c3.96,2.27,9.6,3.4,16.93,3.4c7.84,0,14.43-1.75,19.78-5.26c2.42-1.54,4.3-3.27,5.66-5.21c1.36-1.94,2.44-4.15,3.24-6.63
c0.59-1.61,0.88-3.58,0.88-5.92c0-4.31-1.17-7.46-3.52-9.43C309.62,164.01,307.64,163.46,305.07,163.46z"/>
<path class="st0" d="M413.06,78.63c-8.65-4.64-18.83-7.07-30.55-7.29c-12.9-0.07-23.81,2.45-32.75,7.57
c-8.94,5.12-15.68,12.6-20.22,22.43c-4.54,9.83-6.81,21.77-6.81,35.81c0,12.87,2.54,23.89,7.64,33.07
c5.09,9.18,12.49,16.2,22.2,21.06c9.71,4.86,21.38,7.29,35.01,7.29c6.37,0,12.64-0.7,18.79-2.08c6.15-1.39,11.91-3.4,17.26-6.03
c3-1.54,5.64-3.86,7.91-6.96c2.27-3.11,3.41-6.67,3.41-10.69c0-2.41-0.53-4.75-1.59-7.02c-1.06-2.27-2.51-4.11-4.34-5.54
c-1.83-1.43-3.81-2.14-5.94-2.14c-0.81,0-1.61,0.11-2.42,0.33c-0.66,0.15-1.76,0.55-3.3,1.21c-1.54,0.66-2.82,1.28-3.85,1.86
c-5.2,2.34-9.77,4.06-13.68,5.15c-3.92,1.1-7.93,1.61-12.04,1.54c-8.35-0.22-15.28-1.66-20.77-4.33
c-5.5-2.67-8.28-7.07-8.35-13.22h62.65c4.84,0,8.65-0.82,11.43-2.47c2.79-1.65,4.76-4.06,5.94-7.24
c1.17-3.18,1.79-7.33,1.87-12.45c-0.22-11.55-2.69-21.59-7.42-30.11C428.39,89.85,421.7,83.27,413.06,78.63z M358.98,122.56
c0-3.73,1.12-7.18,3.35-10.36c2.24-3.18,5.18-5.7,8.85-7.57c3.66-1.86,7.58-2.8,11.76-2.8c4.4,0,8.37,0.92,11.92,2.74
c3.55,1.83,6.36,4.32,8.41,7.46c2.05,3.14,3.04,6.65,2.97,10.53H358.98z"/>
<path class="st0" d="M759.22,79.34c-9.74-5.41-20.77-8.12-33.08-8.12c-12.38,0-23.45,2.71-33.19,8.12
c-9.75,5.41-17.35,12.94-22.81,22.59s-8.19,20.62-8.19,32.9s2.73,23.27,8.19,32.96c5.46,9.69,13.06,17.24,22.81,22.65
c9.74,5.41,20.81,8.12,33.19,8.12c12.38,0,23.43-2.71,33.14-8.12c9.71-5.41,17.29-12.96,22.75-22.65
c5.46-9.69,8.19-20.67,8.19-32.96s-2.73-23.25-8.19-32.9S768.97,84.75,759.22,79.34z M750.1,151.35
c-2.35,4.86-5.6,8.67-9.78,11.41c-4.17,2.74-8.9,4.11-14.18,4.11c-5.35,0-10.11-1.37-14.29-4.11c-4.18-2.74-7.44-6.54-9.78-11.41
c-2.34-4.86-3.52-10.36-3.52-16.51s1.19-11.64,3.57-16.51c2.38-4.86,5.66-8.65,9.84-11.35c4.17-2.7,8.94-4.06,14.29-4.06
c5.28,0,10,1.35,14.18,4.06c4.18,2.71,7.42,6.49,9.73,11.35c2.31,4.86,3.46,10.36,3.46,16.51S752.45,146.48,750.1,151.35z"/>
<path class="st0" d="M994.58,120.03c-0.07-15.65-3.83-27.66-11.27-36.03c-7.44-8.37-18.12-12.56-32.04-12.56
c-11.58,0-20.79,3.27-27.64,9.82c-3.88,3.71-7.11,8.66-9.74,14.78c-0.03-0.08-0.06-0.17-0.1-0.25
c-3.37-7.82-8.34-13.89-14.89-18.21c-6.56-4.31-14.42-6.47-23.57-6.47c-8.65,0-16.03,3.04-22.15,9.1
c-3.33,3.31-6.16,7.44-8.5,12.33l-0.02-4.76c0-3.22-0.81-6.1-2.42-8.66c-1.61-2.56-3.81-4.57-6.59-6.03
c-2.78-1.46-5.86-2.19-9.23-2.19c-3.37,0-6.47,0.73-9.29,2.19c-2.82,1.46-5.04,3.47-6.65,6.03c-1.61,2.56-2.42,5.45-2.42,8.66
l0.33,95.75c0,4.68,1.74,8.43,5.22,11.24c3.48,2.81,7.86,4.22,13.13,4.22c5.2,0,9.54-1.41,13.02-4.22
c3.48-2.81,5.22-6.56,5.22-11.24l-0.2-58.5c0.71-6.83,2.7-12.12,5.97-15.86c3.77-4.31,9.29-6.47,16.54-6.47
c5.42,0,9.53,1.66,12.31,4.99c2.79,3.33,4.18,7.99,4.18,13.98l0.22,61.86c0,4.83,1.67,8.59,5,11.3c3.33,2.7,7.57,4.06,12.69,4.06
c4.98,0,9.14-1.35,12.47-4.06c3.33-2.7,5-6.47,5-11.3l-0.22-60.43c0-0.34-0.02-0.67-0.03-1.01l0.03,0.03c0-3.87,1.1-7.4,3.3-10.58
c2.2-3.18,5.02-5.67,8.46-7.46c3.44-1.79,6.92-2.69,10.44-2.69c5.5,0,9.69,1.92,12.59,5.76c2.89,3.84,4.38,9.01,4.45,15.52
l0.22,60.87c0,4.75,1.74,8.5,5.22,11.24c3.48,2.74,7.82,4.11,13.02,4.11c5.2,0,9.52-1.37,12.97-4.11
c3.44-2.74,5.16-6.49,5.16-11.24L994.58,120.03z"/>
</g>
<g>
<g>
<path class="st1" d="M651.81,100.7c0,0-0.54-13.66-1.9-20.39c-3.46-17.06-11.35-32.93-22.83-45.89
c-11.55-13.04-26.32-22.82-42.67-28.26c-16.44-5.55-34.13-6.65-51.13-3.19c-17.02,3.44-32.89,11.35-45.91,22.87
C474.29,37.42,464.51,52.2,459.1,68.5c-5.54,16.43-6.65,34.11-3.19,51.11c3.45,17.06,11.35,32.93,22.83,45.89
c11.49,12.97,26.25,22.75,42.68,28.27c10.17,3.43,20.81,5.15,31.48,5.15c2.07,0,4.14-0.1,6.2-0.23c0.67-0.01,1.33-0.06,1.99-0.14
c0.21-0.02,0.37-0.06,0.59-0.08l0.05-0.01c8.41-1.35,14.84-8.62,14.84-17.41c0-9.75-7.91-17.65-17.66-17.65
c-0.02,0-0.04,0-0.07,0l-0.04,0c-8.82,0.83-17.71-0.25-26.12-3.08c-0.01,0-0.01,0-0.02-0.01c-10.59-3.56-20.09-9.85-27.49-18.21
c-7.36-8.31-12.43-18.51-14.66-29.5c-2.22-10.93-1.52-22.27,2.07-32.89c3.48-10.49,9.77-19.97,18.19-27.42
c8.37-7.41,18.57-12.49,29.52-14.71c4.16-0.85,8.39-1.27,12.61-1.27c6.86,0,13.71,1.11,20.28,3.33
c10.52,3.51,20.02,9.8,27.45,18.19c7.36,8.32,12.43,18.51,14.66,29.5c0.93,4.58,1.31,9.23,1.22,13.87c0,0.15-0.02,0.29-0.02,0.44
c0,0.05,0.01,0.1,0.01,0.14c-0.02,0.6,0.1,1.77,0.1,1.77c0.96,8.86,8.46,15.76,17.57,15.76c9.77,0,17.68-7.91,17.68-17.68
C651.85,101.32,651.82,101.01,651.81,100.7z"/>
<path class="st2" d="M638.56,157.11l-41.1-37.44c-7.61-6.93-19.4-6.39-26.33,1.22c-6.93,7.6-6.39,19.39,1.22,26.32l41.1,37.44
c3.57,3.26,8.07,4.86,12.55,4.86c5.06,0,10.1-2.05,13.78-6.08C646.71,175.82,646.17,164.04,638.56,157.11z"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

@ -19,7 +19,7 @@
<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">
<img src="/media/images/logo.svg" alt="TeleQom Logo">
</a>
<ul id="nav-list">
<li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

@ -20,7 +20,7 @@
<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">
<img src="/media/images/logo.svg" alt="TeleQom Logo">
</a>
<ul id="nav-list">
<li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

@ -20,7 +20,7 @@
<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">
<img src="/media/images/logo.svg" alt="TeleQom Logo">
</a>
<ul id="nav-list">
<li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

@ -20,7 +20,7 @@
<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">
<img src="/media/images/logo.svg" alt="TeleQom Logo">
</a>
<ul id="nav-list">
<li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

@ -20,7 +20,7 @@
<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">
<img src="/media/images/logo.svg" alt="TeleQom Logo">
</a>
<ul id="nav-list">
<li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

@ -20,7 +20,7 @@
<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">
<img src="/media/images/logo.svg" alt="TeleQom Logo">
</a>
<ul id="nav-list">
<li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

@ -25,7 +25,7 @@
<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
<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>
@ -44,10 +44,11 @@
<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.
<p>The <strong>Tele<span class="q">Q</span>om Project</strong> is a Quebec NPO.
Our organisation creates software that are 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>
Our goal is to replace the applications that spy on you with respectful, libre software.
</p>
</div>
<div>
<h3>
@ -56,7 +57,6 @@
<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>
@ -67,12 +67,12 @@
</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.
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 is private.
We cannot see the content, the title, or anything else that we consider strictly confidential.
</p>
</div>
<div>
@ -82,11 +82,13 @@
<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.
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 runs on your machine.
Are you a developer? Take a look at our Qode by clicking the following button.
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>
@ -98,9 +100,10 @@
<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>
<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>
@ -108,8 +111,12 @@
<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>
<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>
@ -117,38 +124,34 @@
<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>
<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>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>
<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</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>
<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">
@ -222,10 +225,10 @@
<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>
<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">
@ -237,6 +240,7 @@
</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>

@ -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>

@ -23,12 +23,10 @@
<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">
<img src="/media/images/logo.svg" alt="TeleQom Logo">
</a>
<ul id="nav-list">
<li><a class="btn btn-2" href="#websites">Websites</a></li>
<li><a class="btn btn-2" href="#e-commerce">E-commerce</a></li>
<li><a class="btn btn-2" href="#cms">CMS</a></li>
<li><a class="btn btn-2" href="#other">Other</a></li>
<li><a class="btn btn-2" href="/pages/fr/services/developpement.html">FR</a></li>
<li>
@ -82,8 +80,8 @@
<hr>
<div class="qontribution">
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ontribution</span></h5>
<p>Package: <span class="green">100$</span></p>
<p>Hosting (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">60$ / Year</span></p>
<p>Package: <span class="green">250$</span></p>
<p>Hosting (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">5$ / Month</span></p>
</div>
</div>
<div class="product">
@ -115,7 +113,7 @@
<hr>
<div class="qontribution">
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ontribution</span></h5>
<p>Package: <span class="green">250$</span></p>
<p>Package: <span class="green">400$</span></p>
<p>Hosting (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">150$ / Year</span></p>
</div>
</div>
@ -133,158 +131,7 @@
<hr>
<div class="qontribution">
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ontribution</span></h5>
<p>Developer: <span class="green">50$ / Hour</span></p>
</div>
</div>
</div>
</section>
<section class="products alt" id="e-commerce">
<h2>E-Commerce</h2>
<p class="explanation">
E-commerce Libre Software applications are the best to keep your online presence at a low cost.
They are used and maintained by thousands which results in feature rich yet stable platforms.
<span>Q</span>ommerce will be linked to all platforms listed below through installable plugins so you may get increased visibility!
</p>
<div class="wrapper">
<div class="product bg">
<div>
<h4>OpenCart</h4>
<p class="description">Simple OpenCart shop, perfect for beginners and small businesses. <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span>'s <span class="in-blk">Bouti<img class="q" src="/media/images/Q.png" alt="Q"></span> is an OpenCart instance</p>
</div>
<hr>
<div class="includes">
<div class="includes-items">
<p>Developer: <span class="green">3 Hours</span></p>
</div>
</div>
<hr>
<div class="includes">
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span> Mini</h5>
<div class="includes-items">
<p>5GB</p>
<p>25 Emails</p>
<p>cPanel</p>
<p>Database</p>
<p>HTTPS</p>
</div>
</div>
<hr>
<div class="qontribution">
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ontribution</span></h5>
<p>Package: <span class="green">150$</span></p>
<p>Hosting (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">150$ / Year</span></p>
</div>
</div>
<div class="product bg-2">
<div>
<h4>WooCommerce</h4>
<p class="description">A modified Wordpress instance that becomes a fully featured e-commerce solution</p>
</div>
<hr>
<div class="includes">
<div class="includes-items">
<p>Developer: <span class="green">3 Hours</span></p>
</div>
</div>
<hr>
<div class="includes">
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span> Mini</h5>
<div class="includes-items">
<p>5GB</p>
<p>25 Emails</p>
<p>cPanel</p>
<p>Database</p>
<p>HTTPS</p>
</div>
</div>
<hr>
<div class="qontribution">
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ontribution</span></h5>
<p>Package: <span class="green">200$</span></p>
<p>Hosting (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">150$ / Year</span></p>
</div>
</div>
</div>
</section>
<section class="products" id="cms">
<h2>CMS</h2>
<p class="explanation">
Content Management Systems are very useful if you plan on changing the content often.
It allows you to customize everything yourself with little to no programming experience and thus saving in development costs.
The downside is that it does require a small degree of technical knowledge and it may get harder for you to maintain later on, resulting in a bad experience for your users.
Tele<span>Q</span>om does offer paid support if you find yourself blocked by something, so it is still a great way to kickstart your project.
</p>
<div class="wrapper">
<div class="product">
<div>
<h4>Wordpress</h4>
<p class="description">Simple Wordpress installation with everything you need to start blogging</p>
</div>
<hr>
<div class="includes">
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span> Mini</h5>
<div class="includes-items">
<p>5GB</p>
<p>25 Emails</p>
<p>cPanel</p>
<p>Database</p>
<p>HTTPS</p>
</div>
</div>
<hr>
<div class="qontribution">
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ontribution</span></h5>
<p>Package: <span class="green">50$</span></p>
<p>Hosting (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">150$ / Year</span></p>
</div>
</div>
<div class="product">
<div>
<h4>Drupal</h4>
<p class="description">Drupal is another Libre Software CMS that can kickstart your project</p>
</div>
<hr>
<div class="includes">
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span> Mini</h5>
<div class="includes-items">
<p>5GB</p>
<p>25 Emails</p>
<p>cPanel</p>
<p>Database</p>
<p>HTTPS</p>
</div>
</div>
<hr>
<div class="qontribution">
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ontribution</span></h5>
<p>Package: <span class="green">50$</span></p>
<p>Hosting (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">150$ / Year</span></p>
</div>
</div>
<div class="product">
<div>
<h4>Joomla</h4>
<p class="description">Another popular Libre Software content management system</p>
</div>
<hr>
<div class="includes">
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span> Mini</h5>
<div class="includes-items">
<p>5GB</p>
<p>25 Emails</p>
<p>cPanel</p>
<p>Database</p>
<p>HTTPS</p>
</div>
</div>
<hr>
<div class="qontribution">
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ontribution</span></h5>
<p>Package: <span class="green">50$</span></p>
<p>Hosting (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">150$ / Year</span></p>
<p>Developer: <span class="green">100$ / Hour</span></p>
</div>
</div>
</div>
@ -294,7 +141,7 @@
<h2>Other</h2>
<p class="explanation">
Items in this category don't have a price list as they are not "one size fits most" solutions.
Everything is possible of course, but costs cannot be estimated before we know exactly what you wish to accomplish
Everything is possible of course, but costs cannot be estimated before we know exactly what you wish to accomplish!
</p>
<div class="wrapper">
<div class="product">
@ -302,7 +149,7 @@
<h4>Web Applications</h4>
<p class="description">
Say you have this great idea of starting your own podcast distribution platform.
This would fall under the Web App category as it will require a fully customized database, interface and many more elements
This would fall under the Web App category as it will require a fully customized database, interface and many more elements!
</p>
</div>
</div>
@ -311,7 +158,7 @@
<h4>IoT</h4>
<p class="description">
IoT or Internet of Things includes all smaller gadgets and gizmos like sensors and gauges.
An automated animal feeder or temperature sensors, it's IoT
An automated animal feeder or temperature sensors, it's IoT!
</p>
</div>
</div>
@ -319,9 +166,9 @@
<div>
<h4>Mobile Apps</h4>
<p class="description">
Tele<span>Q</span>om does offer mobile apps development, although we would advise going the Progressive Web App route.
PWAs offer a wide range of fonctionnalities and work with most web applications and devices.
If you already have a website or E-commerce shop, configuration and addtionnal costs are minimal compared to native applications, although sometimes a native application may be required
Tele<span>Q</span>om does offer mobile apps development, although we do it somewhat differently.
We build web applications that can be installed from the Google Play Store or iOS App Store.
If you purchased a web application from us already, your app might already be ready to be installed!
</p>
</div>
</div>

@ -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 &reg; stands for "Humanity" and is exctly that, a more humane approach to operating systems. It is
supported by a company called Canonical &trade; 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$</