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