logos and content update
This commit is contained in:
parent
f3b0e32bd6
commit
3ea3157631
24
css/pages/qonsole.css
Normal file
24
css/pages/qonsole.css
Normal file
@ -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 |
82
media/images/logo.svg
Normal file
82
media/images/logo.svg
Normal file
@ -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 |
BIN
media/images/qonsole-add-app.png
Normal file
BIN
media/images/qonsole-add-app.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
media/images/qonsole-disq.png
Normal file
BIN
media/images/qonsole-disq.png
Normal file
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>
|
||||
|
||||
103
pages/en/qonsole.html
Normal file
103
pages/en/qonsole.html
Normal file
@ -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 ® 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>
|
||||
@ -25,7 +25,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="#top">Repairs</a></li>
|
||||
@ -51,10 +51,10 @@
|
||||
Most computers can be opened easily and parts replaced for a fraction of the price of a new computer.
|
||||
You can bring your own parts, or leave the shopping to us. We can source pretty much any part, new or used.
|
||||
"Ok, so you can fix anything, how about my intelligent washing machine?" you might ask. Well, no we don't fix washing machines.
|
||||
We also <span>DO NOT FIX APPLE DEVICES</span>. For more information or to start the repair procedure, contact us.
|
||||
We also <span>DO NOT FIX APPLE DEVICES</span>. For more information or to start the repair procedure, contact us!
|
||||
</p>
|
||||
<p>
|
||||
If you find yourself in need of new hardware, we have put together a small list of ethical suppliers for you. None of them are affiliated with us, but they do share our moral standards. We apologize in advance, none of them sell intelligent washing machines...
|
||||
If you find yourself in need of new hardware, we have put together a small list of ethical suppliers for you. None of them are affiliated with us, but they do share our moral standards.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
<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">
|
||||
<img src="/media/images/logo.svg" alt="TeleQom Logo">
|
||||
</a>
|
||||
<ul id="nav-list">
|
||||
<li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
<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">
|
||||
<img src="/media/images/logo.svg" alt="TeleQom Logo">
|
||||
</a>
|
||||
<ul id="nav-list">
|
||||
<li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
<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">
|
||||
<img src="/media/images/logo.svg" alt="TeleQom Logo">
|
||||
</a>
|
||||
<ul id="nav-list">
|
||||
<li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
<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">
|
||||
<img src="/media/images/logo.svg" alt="TeleQom Logo">
|
||||
</a>
|
||||
<ul id="nav-list">
|
||||
<li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
<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">
|
||||
<img src="/media/images/logo.svg" alt="TeleQom Logo">
|
||||
</a>
|
||||
<ul id="nav-list">
|
||||
<li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>
|
||||
|
||||
@ -20,7 +20,7 @@
|
||||
<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">
|
||||
<img src="/media/images/logo.svg" alt="TeleQom Logo">
|
||||
</a>
|
||||
<ul id="nav-list">
|
||||
<li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>
|
||||
|
||||
@ -25,7 +25,7 @@
|
||||
<img src="/media/images/close.png" alt="Menu Icon">
|
||||
</label>
|
||||
<a href="#top" 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="#apropos">À Propos</a></li>
|
||||
@ -44,10 +44,11 @@
|
||||
<h3>
|
||||
C'est quoi Tele<span class="q">Q</span>om?</span>
|
||||
</h3>
|
||||
<p>Le <strong>Projet Tele<span class="q">Q</span>om</strong> est un OBNL situé au Québec, Canada.
|
||||
<p>Le <strong>Projet Tele<span class="q">Q</span>om</strong> est un OBNL Québécois.
|
||||
Notre Organisme créer des logiciels qui respectent la vie privée, sont éthiques et sécurisés.
|
||||
Nous sommes financés par le profit généré à partir des services que nous offrons ainsi que par les dons du publique.
|
||||
Si vous croyez en la liberté digitale, vous serez étonnés par ce que nous faisons ici.</p>
|
||||
Notre but est de remplacer les applications qui vous espionnent par des logiciels libres et respectueux.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
@ -55,8 +56,7 @@
|
||||
</h3>
|
||||
<p>
|
||||
Premièrement, nous ne vous espionnons pas comme la plupart le font.
|
||||
En fait, nous créons nos logiciels d'une façon qu'il serait impossible de le faire.
|
||||
Si nous en savons plus sur vous que votre propre mère, c'est une menace à votre liberté.
|
||||
En fait, nous créons nos logiciels de façon à ce qu'il soit impossible de le faire.
|
||||
Vous ne laisseriez pas un inconnu dans votre chambre à coucher n'est-ce pas? Et bien en réalité, vous le faites déjà.
|
||||
Nous sommes ici pour changer ça.
|
||||
</p>
|
||||
@ -66,13 +66,13 @@
|
||||
En Termes Techniques
|
||||
</h3>
|
||||
<p>
|
||||
Nous faisons nos logiciels avec ce qui s'apelle du chiffrement côté client.
|
||||
Nous contruisons nos logiciels avec ce qui s'apelle du chiffrement côté client.
|
||||
Ça veut dire que la plupart des données que vous envoyer hors de votre ordinateur sont chiffrées avant de le quitter.
|
||||
Ce faisant, nous (ni personne d'autre d'ailleurs) ne pouvons pas voir ce que vous faites.
|
||||
Ce faisant, nous (ni personne d'autre d'ailleurs) ne pouvons voir ce que vous faites.
|
||||
Par exemple, quand vous téléversez un fichier dans Dis<span class="q">Q</span>, il est chiffré avec une clé que seulement vous avez avant d'être envoyé.
|
||||
Donc durant le transport sur internet ou lorsqu'il est storé sur nos serveurs, il ne peut être lu par personne d'autre que vous.
|
||||
L'information à laquelle nous avons accès se limite à la grosseur du fichier, quand nous l'avons reçu et à qui il appartient.
|
||||
Nous ne pouvons pas accéder au contenu, au titre, ni rien d'autre que nous considérons confidentiel.
|
||||
Nous ne pouvons pas accéder au contenu, au titre, ni rien d'autre que nous considérons strictement confidentiel.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
@ -82,15 +82,15 @@
|
||||
<p>
|
||||
Un logiciel est comme une recette de cuisine.
|
||||
Elle dit à un ordinateur quoi faire, étape par étape.
|
||||
La plupart des corpos cachent ce qu'elle disent à votre ordinateur de faire, mais pas nous.
|
||||
Tous nos projects sont distribués sous une license publique qui donne accès à tous à la recette, aussi appelée code source.
|
||||
Ce faisant, des millions de développeurs à travers le monde peuvent auditer et améliorer le code.
|
||||
Nous resteront toujours transparent, tout spécialement pour le code qui roule sur votre ordinateur.
|
||||
Êtes-vous un développeur? Vous pouvez accéder à notre Qode en cliquant sur le bouton suivant.
|
||||
Are you a developer? Take a look at our Qode by clicking the following button.
|
||||
La plupart des entreprises cachent ce qu'elle disent à votre ordinateur de faire.
|
||||
Ces instructions peuvent variés mais de façon générale ce que vous regardez et combien de temps, à qui vous parlez et de quoi, où vous vous déplacez et bien plus
|
||||
encore est enregistré à votre insu et vendu à plusieurs entreprises et gouvernements.
|
||||
Tous nos projects sont distribués sous une license publique qui donne accès à tous à la recette, aussi appelée le code source.
|
||||
Des millions de développeurs à travers le monde peuvent donc auditer, améliorer et redistribuer notre Qode.
|
||||
Nous resteront toujours transparent, tout spécialement pour le code qui s'exécute sur votre appareil.
|
||||
Le Qode source de nos projets sera disponible publiquement lorsque qu'il sera prêt. Le bouton suivant vous y amènera.
|
||||
</p>
|
||||
<a class="btn btn-1" target="_blank" href="https://qode.teleqom.org">Repositoire Qode</a>
|
||||
|
||||
<a class="btn btn-1" target="_blank" href="https://qode.teleqom.org/explore/repos">Repositoire Qode</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="services" id="services">
|
||||
@ -100,10 +100,10 @@
|
||||
<div class="service-content">
|
||||
<h4>Développement</h4>
|
||||
<p>
|
||||
Un site web, une application mobile, une application de commerce en ligne, peu importe.
|
||||
Tele<span>Q</span>om se sert autant que possible de Logiciels Libres pour construire votre projet. Ceci
|
||||
résulte en une application qui respecte ses utilisateurs, est plus sécuritaire, plus stable et beaucoup
|
||||
moins dispendieuse.
|
||||
Pour les petites ou moyennes entreprises, nous pouvons vous créer des applications web complètes, incluant les applications mobiles.
|
||||
Nos tarifs sont accessibles à tous!
|
||||
Nous pouvons aussi vous développer un site web pour utilisation personelle,
|
||||
tel un formulaire pour votre mariage ou encore un site pour vos recettes de cuisine familiales!
|
||||
</p>
|
||||
<a class="btn btn-1" href="/pages/fr/services/developpement.html">Service de Développeur</a>
|
||||
</div>
|
||||
@ -113,9 +113,11 @@
|
||||
<div class="service-content">
|
||||
<h4>Réparation</h4>
|
||||
<p>
|
||||
Toujours dans la même optique, nous aimons donner une deuxième vie à votre matériel. Écran brisée? Votre
|
||||
batterie
|
||||
de portable de charge plus? Votre ordinateur ne démarre plus ou est devenu lent? Nous pouvons régler ça!
|
||||
Nous offrons du service à domicile pour la grande région de la Capitale Nationale.
|
||||
Que ce soit votre ordinateur portable ou votre cellulaire, nous pourrons sûrement vous aider!
|
||||
Si votre utilisation vous le permet, il est également possible d'améliorer la performance et la sécurité de votre ordinateur
|
||||
en passant à un système Linux.
|
||||
Ce faisant, nous n'aurez plus besoin d'anti-virus et votre navigateur bloquera automatiquement la publicité en ligne!
|
||||
</p>
|
||||
<a class="btn btn-1" href="/pages/fr/services/reparation.html">Service de Réparation</a>
|
||||
</div>
|
||||
@ -125,10 +127,8 @@
|
||||
<div class="service-content">
|
||||
<h4>Soutien</h4>
|
||||
<p>
|
||||
Du soutien technique payant est disponible pour la plupart des troubles informatiques que vous aurez.
|
||||
Chez Tele<span>Q</span>om, nous aimons nous amuser avec la technologie. Que ce soit votre réseau wi-fi,
|
||||
votre navigateur a besoin d'une mise à jour, vous ne pouvez plus mettre à jour vos Apps sur votre téléphone,
|
||||
peu importe. Contactez-nous, il est possible que nous puissions vous aider! :)
|
||||
Si vous vous sentez pris avec un problème, nous pouvons vous assister. Après tout, nous avons probablement déjà vécu votre problème auparavant.
|
||||
Que ce soit des troubles avec un logiciel ou encore votre internet qui vous fait défaut, n'hésitez pas à nous contacter.
|
||||
</p>
|
||||
<a class="btn btn-1" href="#contact">Contact</a>
|
||||
</div>
|
||||
@ -136,29 +136,22 @@
|
||||
<div class="service">
|
||||
<img src="/media/images/installation.png" alt="installation logo">
|
||||
<div class="service-content">
|
||||
<h4>Installation</h4>
|
||||
<h4>Consultation</h4>
|
||||
<p>
|
||||
Il est maintenant possible de remplacer la plupart des logiciels propriétaires malveillants par des
|
||||
Logiciels Libres. Votre système d'exploitation d'ordinateur peut être remplacé par un GNU/Linux tel que <a
|
||||
href="https://www.linuxmint.com/" target="_blank" rel="noreferrer noopener" class="link">Linux Mint</a>.
|
||||
Certains téléphones cellulaires sont supportés par <a href="https://grapheneos.org/" target="_blank"
|
||||
rel="noreferrer noopener" class="link">GrapheneOS</a>, et il sera possible de passer à un téléphone Libre
|
||||
tel que le <a href="https://puri.sm/products/librem-5/" target="_blank" rel="noreferrer noopener"
|
||||
class="link">Librem 5</a> ou bien le <a href="https://www.pine64.org/pinephonepro/" target="_blank"
|
||||
rel="noreferrer noopener" class="link">Pine Phone</a>. <a href="https://fr.libreoffice.org/" target="_blank"
|
||||
rel="noreferrer noopener" class="link">Libre Office</a> est une excellente alternative
|
||||
pour vos documents de tout genre. Pour le traitement d'image, <a href="https://www.gimp.org/" target="_blank"
|
||||
rel="noreferrer noopener" class="link">GIMP</a> est souvent même un premier choix!
|
||||
Vous êtes indécis et avez besoin de conseils? Tele<span class="q">Q</span>om peut vous aider à prendre la bonne décision.
|
||||
Des alternatives éthiques existent déjà et nous pouvons vous aider à les comprendre.
|
||||
</p>
|
||||
<a class="btn btn-1" href="/pages/fr/services/installation.html">Service d'Installation</a>
|
||||
<a class="btn btn-1" href="#contact">Contact</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="projects" id="projets">
|
||||
<h2>Nos Projets</h2>
|
||||
<p class="overview">Les projets suivants sont ou seront disponibles à partir de votre
|
||||
<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onsole</span>. Repassez voir plus tard si le Statut de votre projet préféré a
|
||||
changé!
|
||||
<p class="overview">
|
||||
Nos projets sont développés de façon à vous assurer les plus grande intimité.
|
||||
Le but est tout simplement de rendre votre vie virtuelle comme votre vie réelle et que ce soit accessible à tous.
|
||||
Avoir un étrangé qui vous suis partout et note tout ce que vous faites, ce serait étrange n'est-ce pas?
|
||||
Et bien avec la <span class="q">Q</span>onsole <span>Tele<span class="q">Q</span>om</span> et ses applications, ce ne sera plus obligatoire.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<div class="project">
|
||||
@ -172,7 +165,7 @@
|
||||
</div>
|
||||
<div class="project">
|
||||
<img src="/media/images/disq.png" alt="DisQ Logo">
|
||||
<h4><span class="in-blk">Dis<img class="q" src="/media/images/Q.png" alt="Q"></span></h4>
|
||||
<h4>Dis<span class="q">Q</span></h4>
|
||||
<p class="status dev">En Développement</p>
|
||||
<p class="description">
|
||||
C'est ici que vous storez toutes vos données, c'est votre disque dur personnel mais hébergé sur un serveur
|
||||
@ -247,10 +240,8 @@
|
||||
<h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">able</span></h4>
|
||||
<p class="status hold">En Attente</p>
|
||||
<p class="description">
|
||||
Une plateforme de diffusion de contenu audio ou vidéo, qui utilise la technologie de <a
|
||||
href="https://fr.wikipedia.org/wiki/BitTorrent" target="_blank" rel="noreferrer noopener"
|
||||
class="link">Torrent</a> pour alléger la charge sur les serveurs et donc les frais qui en découlent. Plus
|
||||
il y a d'utilisateurs, plus c'est rapide!
|
||||
Une plateforme de diffusion de contenu vidéo qui se connecte à plusieurs fournisseurs.
|
||||
Nous recherchons également un fournisseur de télévision standard.
|
||||
</p>
|
||||
</div>
|
||||
<div class="project">
|
||||
@ -263,6 +254,7 @@
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<a class="btn btn-1" target="_blank" href="/pages/fr/qonsole.html">Plus sur la Qonsole...</a>
|
||||
</section>
|
||||
<section id="contact">
|
||||
<h2>Contact</h2>
|
||||
|
||||
103
pages/fr/qonsole.html
Normal file
103
pages/fr/qonsole.html
Normal file
@ -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>
|
||||
@ -13,7 +13,7 @@
|
||||
<!-- FOUC -->
|
||||
<script>0</script>
|
||||
<header>
|
||||
|
||||
|
||||
<nav>
|
||||
<input type="checkbox" id="navbar-menu-btn" />
|
||||
<label for="navbar-menu-btn" id="menu-btn-open">
|
||||
@ -23,12 +23,10 @@
|
||||
<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">
|
||||
<img src="/media/images/logo.svg" alt="TeleQom Logo">
|
||||
</a>
|
||||
<ul id="nav-list">
|
||||
<li><a class="btn btn-2" href="#sites-web">Sites Web</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="#autres">Autres</a></li>
|
||||
<li><a class="btn btn-2" href="/pages/en/services/development.html">EN</a></li>
|
||||
<li>
|
||||
@ -85,8 +83,8 @@
|
||||
<hr>
|
||||
<div class="qontribution">
|
||||
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ontribution</span></h5>
|
||||
<p>Ensemble: <span class="green">100$</span></p>
|
||||
<p>Hébergement (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">60$ / An</span></p>
|
||||
<p>Ensemble: <span class="green">250$</span></p>
|
||||
<p>Hébergement (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">5$ / Mois</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product">
|
||||
@ -118,7 +116,7 @@
|
||||
<hr>
|
||||
<div class="qontribution">
|
||||
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ontribution</span></h5>
|
||||
<p>Ensemble: <span class="green">250$</span></p>
|
||||
<p>Ensemble: <span class="green">400$</span></p>
|
||||
<p>Hébergement (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">150$ / An</span></p>
|
||||
</div>
|
||||
</div>
|
||||
@ -136,168 +134,7 @@
|
||||
<hr>
|
||||
<div class="qontribution">
|
||||
<h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ontribution</span></h5>
|
||||
<p>Développeur: <span class="green">50$ / Heure</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="products alt" id="e-commerce">
|
||||
<h2>E-Commerce</h2>
|
||||
<p class="explanation">
|
||||
Les plateformes de commerce en ligne Libres sont les meilleures pour réduire les coûts de votre commerce en ligne.
|
||||
Elles sont utilisées et maintenues par des milliers de personnes ce qui résulte en une plateforme stable et sécurisée.
|
||||
<span>Q</span>ommerce pourra être connectée aux applications suivantes grâce à un "plugin" pour vous offrir une
|
||||
meilleure visibilité!
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<div class="product bg">
|
||||
<div>
|
||||
<h4>OpenCart</h4>
|
||||
<p class="description">
|
||||
Commerce OpenCart simple, excellent pour tout type de commerce.
|
||||
La <span class="in-blk">Bouti<img class="q" src="/media/images/Q.png" alt="Q"></span> <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> est une instance OpenCart
|
||||
</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="includes">
|
||||
<div class="includes-items">
|
||||
<p>Développeur: <span class="green">3 Heures</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 Courriels</p>
|
||||
<p>cPanel</p>
|
||||
<p>Base de Données</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>Ensemble: <span class="green">150$</span></p>
|
||||
<p>Hébergement (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">150$ / An</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product bg-2">
|
||||
<div>
|
||||
<h4>WooCommerce</h4>
|
||||
<p class="description">Une instance Wordpress modifiée afin de devenir un commerce en ligne complet</p>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="includes">
|
||||
<div class="includes-items">
|
||||
<p>Développeur: <span class="green">3 Heures</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 Courriels</p>
|
||||
<p>cPanel</p>
|
||||
<p>Base de Données</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>Ensemble: <span class="green">200$</span></p>
|
||||
<p>Hébergement (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">150$ / An</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="products" id="cms">
|
||||
<h2>CMS</h2>
|
||||
<p class="explanation">
|
||||
Une plateforme de gestion de contenu, en anglais "Content Management System" ou CMS, est utile si vous planifiez
|
||||
changer votre contenu régulièrement.
|
||||
Elle vous permet de personnaliser vous-même votre site avec aucune expérience en programmation (ou presque), ce
|
||||
qui vous permet de réaliser des économies en frais de développement. Toutefois, elle requiert tout de même un
|
||||
minimum de connaissance technique et peut devenir plus difficile à maintenir à long terme, résultant en une
|
||||
mauvaise
|
||||
expérience pour vos clients.
|
||||
Tele<span>Q</span>om offre tout de même du support payant si vous vous retrouvez bloqué, c'est donc quand même
|
||||
une
|
||||
excellente façon de démarrer votre projet.
|
||||
</p>
|
||||
<div class="wrapper">
|
||||
<div class="product">
|
||||
<div>
|
||||
<h4>Wordpress</h4>
|
||||
<p class="description">Installation de base de votre instance Wordpress avec tout ce dont vous avez besoin</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 Courriels</p>
|
||||
<p>cPanel</p>
|
||||
<p>Base de Données</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>Ensemble: <span class="green">50$</span></p>
|
||||
<p>Hébergement (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">150$ / An</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product">
|
||||
<div>
|
||||
<h4>Drupal</h4>
|
||||
<p class="description">Drupal est une autre plateforme CMS Libre qui vous aidera à démarrer</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 Courriels</p>
|
||||
<p>cPanel</p>
|
||||
<p>Base de Données</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>Ensemble: <span class="green">50$</span></p>
|
||||
<p>Hébergement (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">150$ / An</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product">
|
||||
<div>
|
||||
<h4>Joomla</h4>
|
||||
<p class="description">Joomla aussi est une autre solution CMS Libre populaire</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 Courriels</p>
|
||||
<p>cPanel</p>
|
||||
<p>Base de Données</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>Ensemble: <span class="green">50$</span></p>
|
||||
<p>Hébergement (<span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span>): <span class="green">150$ / An</span></p>
|
||||
<p>Développeur: <span class="green">100$ / Heure</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -333,11 +170,9 @@
|
||||
<div>
|
||||
<h4>App Mobile</h4>
|
||||
<p class="description">
|
||||
Tele<span>Q</span>om offre le développement d'App Mobile, toutefois nous vous recommandons de choisir la
|
||||
voie de l'Application Web Progressive.
|
||||
Une PWA offre la plupart des fonctionnalités d'une App "Native" et fonctionne sur la grande majorité des
|
||||
appareils mobile. La configuration est minime si vous avez déjà un site web dans la plupart des cas.
|
||||
Il est toutefois possible qu'une App "Native" soit requise pour votre projet
|
||||
Tele<span>Q</span>om offre le développement d'App Mobile, toutefois nous le faisons légèrement différemment.
|
||||
Nous contruisons des applications web qui peuvent être installées à partir du Google Play Store ou du iOS App store.
|
||||
Si vous avez acheté une application web avec nous, votre appli peut probablement déjà être installée!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -347,7 +182,7 @@
|
||||
<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 :)
|
||||
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>
|
||||
|
||||
@ -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>
|
||||
@ -25,7 +25,7 @@
|
||||
<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">
|
||||
<img src="/media/images/logo.svg" alt="TeleQom Logo">
|
||||
</a>
|
||||
<ul id="nav-list">
|
||||
<li><a class="btn btn-2" href="#top">Réparation</a></li>
|
||||
@ -51,12 +51,11 @@
|
||||
La majorité des ordinateurs peuvent être ouverts facilement et leurs pièces remplacés pour une fraction du prix d'un nouvel ordinateur.
|
||||
Vous pouvez apporter vos pièces, ou nous laisser s'occuper du magasinage. Nous pouvons nous procurer la plupart des pièces, neuves ou usagées.
|
||||
"Super, donc vous pouvez réparer ma laveuse à linge intelligente alors?" certain nous demande. Et bien, non nous ne réparons pas les laveuses.
|
||||
Aussi, nous <span>NE RÉPARONS PAS LES APPAREILS APPLE</span>. Pour plus d'informations ou pour débuter le processus de réparation, contactez-nous
|
||||
Aussi, nous <span>NE RÉPARONS PAS LES APPAREILS APPLE</span>. Pour plus d'informations ou pour débuter le processus de réparation, contactez-nous!
|
||||
</p>
|
||||
<p>
|
||||
Si vous avez besoin d'un nouvel ordinateur, nous avons mis une petite liste à votre disposition de vendeurs éthiques.
|
||||
Aucun d'eux ne sont affiliés avec nous, mais ils partagent notre sens moral.
|
||||
Nous nous excusons d'avance, aucun d'eux ne vendent de laveuse intelligente...
|
||||
</p>
|
||||
</section>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user