Merge pull request 'logos' (#2) from logos into production

Reviewed-on: #2

.gitignore

@@ -0,0 +1,2 @@
+/config/PRIVATE/*
+!/config/PRIVATE/*.example

config/PRIVATE/NEWSLETTER.php.example

@@ -1,6 +0,0 @@
-<?php
-
-$_ENV['newsletter_url_fr'] ='';
-$_ENV['newsletter_url_en'] ='';
-
-?>

css/sections/about.css

@@ -20,6 +20,5 @@
 }
 
 .about h3 {
-  margin-bottom: 2rem;
+  margin-bottom: 1.5rem;
-  text-decoration: 0.2rem solid var(--item-color-1) underline;  
 }

css/sections/nav.css

@@ -20,8 +20,8 @@ nav {
   display: flex;
 }
 
-nav img {
+nav .logo img {
-  width: 3.5rem;
+  width: 12rem;
   height: 3.5rem;
   margin-left: 1rem;
   margin-right: 1rem;
@@ -84,6 +84,7 @@ nav ul li a:hover {
 #menu-btn-open img {
   width: 2.8rem;
   height: 2.8rem;
+  margin-left: 1rem;
 }
 
 #qonsole-btn {
@@ -152,17 +153,15 @@ nav ul li a:hover {
 }
 
 @media only screen and (max-width: 500px) {
-  .logo img {
-    height: 3rem;
-    width: 3rem;
-    margin-right: 0.5rem;
-  }
 
-  .logo h2 {
+
-    font-size: 2rem;
-  }
 }
 
 @media only screen and (max-width: 375px) {
 
+    nav .logo img {
+    height: 2.7rem;
+    width: 8rem;
+  }
+
 }

css/sections/welcome.css

@@ -1,7 +1,7 @@
 #welcome {
   margin-top: var(--nav-height);
   padding: 0;
-  background: url("/media/images/welcome-background-1080p.jpg") center;
+  background: url("/media/images/welcome-background-1080p.webp") center;
   background-size: cover;
   height: calc(100vh - var(--nav-height));
   display: flex;
@@ -17,12 +17,19 @@
 }
 
 #welcome h1 {
-  margin-right: 20%;
+  margin: 1rem 20% 1rem 1rem;
-  padding: 2rem;
+  border: solid 0.25rem #5791FF;
+  border-radius: 50px;
+  padding: 0.5rem 1.25rem;
+  background-color: black;
 }
 
 #welcome h4 {
   margin: 0 0 0 20%;
+  border: solid 0.25rem #5791FF;
+  border-radius: 50px;
+  padding: 0.5rem 1.25rem;
+  background-color: black;
 }
 
 #scroll-down {
@@ -37,18 +44,20 @@
 }
 
 @media only screen and (max-width: 1280px) {
-  #welcome .container {
+  #welcome {
-      background: url("/media/images/welcome-background-720p.jpg") center;
+      background: url("/media/images/welcome-background-720p.webp") center;
+      background-size: cover;
   }
   #welcome h4 {
       margin: 2rem;
   }
   #welcome h1 {
-      margin: 0;
+      margin: 1rem;
   }
 }
 @media only screen and (max-width: 500px) {
-  #welcome .container {
+  #welcome {
-      background: url("/media/images/welcome-background-mobile.jpg") center;
+      background: url("/media/images/welcome-background-mobile.webp") center;
+      background-size: cover;
   }
 }

css/utils/base.css

@@ -1,8 +1,10 @@
 /* FONTS IMPORT */
 
 @font-face {
-    font-family: Ubuntu;
+    font-family: Pitagon;
-    src: url("/media/fonts/Ubuntu-Bold.ttf");
+    /* src: url("/media/fonts/Ubuntu-Bold.ttf"); */
+    src: url("/media/fonts/PitagonSansText-SemiBold.ttf");
+    /* src: url("/media/fonts/Arista2.0-light.ttf"); */
     font-display: swap;
 }
 
@@ -14,7 +16,7 @@
     box-sizing: border-box;
     border: none;
     text-decoration: none;
-    font-family: Ubuntu, sans-serif;
+    font-family: Pitagon, sans-serif;
     scroll-behavior: smooth;
 }
 
@@ -39,7 +41,7 @@
 
 
     /* Item Colors */
-    --item-color-1: #5791FF;
+    --item-color-1: #689af8;
     --item-color-2: #3c64ad;
     --item-color-3: #333947;
 
@@ -101,7 +103,8 @@ h5 {
 }
 
 p {
-    line-height: 1.7rem;
+    line-height: 1.5rem;
+    font-size: 1.1rem;
 }
 
 /* SECTIONS */
@@ -110,11 +113,50 @@ section {
     padding: 5rem 0 5rem 0;
 }
 
-
 /* CUSTOM */
 
-span {
+span.in-blk {
-    color: var(--text-color-2);
+    display: inline-block;
+}
+
+span.color-1 {
+    color: var(--item-color-1);
+}
+
+h1 .q {
+    height: 3rem !important;
+    width: 3rem !important;
+    margin: 0 0.1rem -0.1rem 0.1rem !important;
+}
+
+h2 .q {
+    height: 2.5rem !important;
+    width: 2.5rem !important;
+    margin: 0 0.1rem -0.1rem 0.1rem !important;
+}
+
+h3 .q {
+    height: 2rem !important;
+    width: 2rem !important;
+    margin: 0 0.1rem -0.1rem 0.1rem !important;
+}
+
+h4 .q {
+    height: 1.5rem !important;
+    width: 1.5rem !important;
+    margin: 0 0.1rem -0.1rem 0.1rem !important;
+}
+
+h5 .q {
+    height: 1.3rem !important;
+    width: 1.3rem !important;
+    margin: 0 0.1rem -0.1rem 0.1rem !important;
+}
+
+p .q {
+    height: 1.2rem !important;
+    width: 1.2rem !important;
+    margin: 0 0.1rem -0.075rem 0.1rem !important;
 }
 
 .link {

css/utils/buttons.css

@@ -2,6 +2,7 @@
     color: var(--text-color-1);
     cursor: pointer;
     font-size: 1.3rem;
+    font-weight: bold;
     padding: 0.6rem 0.7rem;
     border-radius: 0.5rem;
     display: flex;

media/images/logo.svg

@@ -1,33 +0,0 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 1224 792;" xml:space="preserve" viewBox="271.21 57.76 681.58 676.5">
-<style type="text/css">
-	.st0{display:none;}
-	.st1{display:inline;fill-rule:evenodd;clip-rule:evenodd;}
-	.st2{fill:none;stroke:#5791FF;stroke-width:45;stroke-linejoin:round;stroke-miterlimit:10;}
-	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
-</style>
-<g id="FOND" class="st0">
-	<rect x="216" y="-216" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 1008 -216)" class="st1" width="792" height="1224"/>
-</g>
-<g id="Calque_4">
-	<g>
-		<path class="st2" d="M917.66,396.07c0,53.09-14.13,105.36-40.88,151.46c-26.89,46.1-65.44,84.38-111.95,110.99    c-46.51,26.61-99.19,40.61-152.83,40.61c-53.64,0-106.32-13.99-152.83-40.61c-46.51-26.61-85.05-64.89-111.94-110.99    c-26.75-46.09-40.89-98.36-40.89-151.46c0-53.23,14.13-105.5,40.89-151.6c26.89-46.09,65.44-84.37,111.94-110.99    c46.51-26.61,99.19-40.61,152.83-40.61c53.64,0,106.33,14,152.83,40.61c46.51,26.61,85.06,64.89,111.95,110.99    c26.75,46.1,40.88,98.37,40.88,151.46V396.07z"/>
-	</g>
-	<circle class="st3" cx="613.81" cy="173.13" r="39.45"/>
-	<circle class="st3" cx="613.81" cy="623.51" r="39.45"/>
-	<circle class="st3" cx="495.34" cy="510.15" r="39.45"/>
-	<circle class="st3" cx="391.17" cy="389.64" r="39.45"/>
-	<circle class="st3" cx="495.34" cy="276.79" r="39.45"/>
-	<circle class="st3" cx="729.47" cy="276.79" r="39.45"/>
-	<circle class="st3" cx="835.17" cy="389.38" r="39.45"/>
-	<circle class="st3" cx="614.19" cy="389.77" r="39.45"/>
-	<circle class="st3" cx="729.47" cy="510.4" r="39.45"/>
-	<path class="st3" d="M614.19,445.17c-2.96,0-5.87-0.24-8.71-0.69v124.28c2.6-0.37,5.25-0.58,7.95-0.58c2.23,0,4.42,0.15,6.58,0.4   V444.86C618.1,445.06,616.16,445.17,614.19,445.17z"/>
-	<path class="st3" d="M613.43,228.52c-2.7,0-5.35-0.2-7.95-0.58v107.11c2.84-0.45,5.75-0.69,8.71-0.69c1.97,0,3.91,0.11,5.82,0.31   V228.12C617.85,228.37,615.65,228.52,613.43,228.52z"/>
-	<path class="st3" d="M685.73,311.41l-36.16,35.72c3.74,3.11,7.05,6.7,9.87,10.68l37-36.55   C692.45,318.46,688.85,315.15,685.73,311.41z"/>
-	<path class="st3" d="M803.35,344.18l-31.87-31.88c-2.98,3.84-6.45,7.28-10.33,10.22l31.37,31.39   C795.7,350.22,799.33,346.94,803.35,344.18z"/>
-	<path class="st3" d="M539.29,311.3c-2.98,3.85-6.44,7.29-10.31,10.23l38.48,38.48c2.63-4.12,5.78-7.88,9.38-11.17L539.29,311.3z"/>
-	<path class="st3" d="M431.21,352.4l31.03-30.64c-3.89-2.92-7.37-6.35-10.37-10.18l-31.96,31.56   C424.07,345.72,427.87,348.84,431.21,352.4z"/>
-	<path class="st3" d="M539.09,476.65l42.58-42.04c-3.94-2.86-7.49-6.23-10.55-10l-42.4,41.87   C532.61,469.4,536.09,472.83,539.09,476.65z"/>
-	<path class="st3" d="M695.07,467.11l-39.96-39.99c-3.29,3.6-7.05,6.75-11.17,9.38l41.01,41.03   C687.78,473.57,691.19,470.05,695.07,467.11z"/>
-</g>
-</svg>

pages/en/confirmation.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Success! | Confirmation Page</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/confirmation.css"/>
 </head>
 <header>
@@ -19,10 +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.svg" alt="TeleQom Logo">
+          <img src="/media/images/logo.png" alt="TeleQom Logo">
-          <h2>
-            Tele<span>Q</span>om
-          </h2>
         </a>
         <ul id="nav-list">
           <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

pages/en/err/403.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (403) | Forbidden Error Page</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +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.svg" alt="TeleQom Logo">
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

pages/en/err/404.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (404) | Page Not Found Error</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +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.svg" alt="TeleQom Logo">
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

pages/en/err/500.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (500) | Internal Server Error</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +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.svg" alt="TeleQom Logo">
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

pages/en/err/contact.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups | Contact Form Error</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +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.svg" alt="TeleQom Logo">
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

pages/en/err/general.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups | Unexpected Error Occured</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +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.svg" alt="TeleQom Logo">
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/en/index.html">Home</a></li>

pages/en/index.html

@@ -8,7 +8,7 @@
   <title>The TeleQom Project | Home</title>
   <meta name="description"
     content="The TeleQom Project is a Québec non-profit that offers paid services to fund its multiple Free/Libre Software projects" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/index.css" />
 </head>
 
@@ -25,10 +25,7 @@
         <img src="/media/images/close.png" alt="Menu Icon">
       </label>
       <a href="#top" class="logo">
-        <img src="/media/images/logo.svg" alt="TeleQom Logo">
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#about">About</a></li>
@@ -44,10 +41,10 @@
   </header>
   <section id="welcome">
     <h1>
-      The Tele<span>Q</span>om Project
+      <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> Project
     </h1>
     <h4>
-      Telecommunications with <span>Québec</span>'s Values
+      Telecommunications with <span class="color-1">Québec</span>'s values
     </h4>
     <a href="#about" id="scroll-down">
       <img src="/media/images/down.png" alt="Icone defilement">
@@ -57,16 +54,16 @@
     <h2>About Us</h2>
     <div>
       <h3>
-        What is Tele<span>Q</span>om?
+        What is <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om?</span>
       </h3>
       <p>
-        The Tele<span>Q</span>om Project, a Québec non-profit, is an ideal. We are attempting to restore ethics and
+        The <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> Project, a Québec non-profit, is an ideal. We are attempting to restore ethics and
         morals within the applications all of us use on a daily basis. From your favorite social platform, online
         shopping, email or even messaging, almost all of them contain spying software. Robots read your emails and
         your messages, some even listen to you talk. In our opinion, this is unacceptable and should be illegal but
         you accepted these terms before using those applications and devices and that is why the law is powerless at
         the moment. Since we don't have viable alternatives, we follow these technology giants with bad intentions. It
-        is in response to this severe lack of humanity that Tele<span>Q</span>om was born.
+        is in response to this severe lack of humanity that <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> was born.
       </p>
     </div>
     <div>
@@ -74,7 +71,7 @@
         Libre Software
       </h3>
       <p>
-        Tele<span>Q</span>om embraces a philosophy that has been around for quite some
+        <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> embraces a philosophy that has been around for quite some
         time, we use only Libre/Free Software. To make it simple, a program is much like a food recipe. Libre
         Software grants the public access to it's source code (the recipe, that we call our <a
           href="https://qode.teleqom.org" target="_blank" rel="noreferrer noopener" class="link">Qode</a>) to audit
@@ -96,7 +93,7 @@
         elections, and this is only the beginning. <a href="https://en.wikipedia.org/wiki/Pegasus_(spyware)"
           target="_blank" rel="noreferrer noopener" class="link">Pegasus</a> gives unlimited access to those willing
         to pay to the complete virtual life of anyone with the help of flaws in software. It is now urgent to get rid
-        of those chains, and that is where Tele<span>Q</span>om comes in.
+        of those chains, and that is where <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> comes in.
       </p>
     </div>
     <div>
@@ -106,9 +103,11 @@
       <p>
         It's not pretty when you take a closer look at how these big corporations use us. But instead of admitting
         defeat, we chose to remedy this situation with whatever freedom we still have left. We will start by securing
-        our telecommunications (email, social, messaging, videoconference and telephone). Then, <span>Q</span>ommerce
+        our telecommunications (email, social, messaging, videoconference and telephone). Then, 
+        <span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ommerce</span>
         will help fund the infrastructure and development of our projects. Finally, a voting application, called
-        Politi<span>Q</span> that will give the power back to the people. Keep in mind, Tele<span>Q</span>om does not
+        <span class="in-blk">Politi<img class="q" src="/media/images/Q.png" alt="Q"></span>
+         that will give the power back to the people. Keep in mind, Tele<span>Q</span>om does not
         sell your data and is a non-profit, so donations are necessary to its survival. We do what we can to offer our
         projects for free, but it is not easy. All profits generated by the following services are invested in the
         development of our projects!
@@ -144,7 +143,7 @@
           Tele<span>Q</span>om, we like to play around with techonology a lot. Could be your wi-fi network, your browser
           is
           out-of-date, you can't update apps on your phone, anything IT really. Just reach out to us, we might be able
-          to help you! :)</p>
+          to help you!</p>
         <a class="btn btn-1" href="#contact">Contact</a>
       </div>
     </div>
@@ -170,12 +169,13 @@
 
   <section class="projects" id="projects">
       <h2>Our Projets</h2>
-      <p class="overview">The following projects are or will be available from your <span>Q</span>onsole. Come
+      <p class="overview">The following projects are or will be available from your
-        back later to see if the Status of your favorite project changed!</p>
+        <span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onsole</span>.
+        Come back later to see if the Status of your favorite project changed!</p>
       <div class="wrapper">
         <div class="project">
           <img src="/media/images/qonsole.png" alt="Qonsole Logo">
-          <h4><span>Q</span>onsole</h4>
+          <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onsole</span></h4>
           <p class="description">The main dashboard where you can access all of your applications. The
             <span>Q</span>onsole is in charge of displaying all your apps in the same location, in a uniform and simple
             way.
@@ -184,21 +184,22 @@
         </div>
         <div class="project">
           <img src="/media/images/disq.png" alt="DisQ Logo">
-          <h4>Dis<span>Q</span></h4>
+          <h4><span class="in-blk">Dis<img class="q" src="/media/images/Q.png" alt="Q"></span></h4>
           <p class="description">This is where you store all your data, it's your personal hard drive but
             hosted on an external server. All accessible only by you, the server can not see your data.</p>
           <p class="status dev">In Development</p>
         </div>
         <div class="project">
           <img src="/media/images/interqom.png" alt="InterQom Logo">
-          <h4>Inter<span>Q</span>om</h4>
+          <h4><span class="in-blk">Inter<img class="q" src="/media/images/Q.png" alt="Q">om</span></h4>
-          <p class="description">Inter<span>Q</span>om is the sane alternative to other social networks.
+          <p class="description"><span class="in-blk">Inter<img class="q" src="/media/images/Q.png" alt="Q">om</span>
+             is the sane alternative to other social networks.
             Your conversations are entirely private and even we don't have access to your data.</p>
           <p class="status hold">On Hold</p>
         </div>
         <div class="project">
           <img src="/media/images/qommerce.png" alt="Qommerce Logo">
-          <h4><span>Q</span>ommerce</h4>
+          <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ommerce</span></h4>
           <p class="description">The center of exchange and online commerce. Local businesses and
             individuals can share the fruit of their labour. We will accept cryptocurrencies as well as regular Canadian
             money.</p>
@@ -206,49 +207,60 @@
         </div>
         <div class="project">
           <img src="/media/images/qonvo.png" alt="Qonvo Logo">
-          <h4><span>Q</span>onvo</h4>
+          <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onvo</span></h4>
           <p class="description">Instant messaging is the easiest way we have to communicate with one
             another. This project includes audio and video calls, all encrypted from you to your recipients.</p>
           <p class="status hold">On Hold</p>
         </div>
         <div class="project">
           <img src="/media/images/qourrier.png" alt="Qourrier Logo">
-          <h4><span>Q</span>ourrier</h4>
+          <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ourier</span></h4>
-          <p class="description">The portal to access your emails, from your <span>Q</span>onsole. Emails
+          <p class="description">The portal to access your emails, from your <span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onsole</span>. Emails
             between users are fully encrypted and we support most providers.</p>
           <p class="status hold">On Hold</p>
         </div>
         <div class="project">
           <img src="/media/images/politiq.png" alt="PolitiQ Logo">
-          <h4>Politi<span>Q</span></h4>
+          <h4><span class="in-blk">Politi<img class="q" src="/media/images/Q.png" alt="Q"></span></h4>
-          <p class="description">Tele<span>Q</span>om is a round table where all Quebecers are invited. Your
+          <p class="description"><span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span>
+             is a round table where all Quebecers are invited. Your
             opinion will finally be heard in the government. The real democracy at your fingertips!</p>
           <p class="status hold">On Hold</p>
         </div>
         <div class="project">
           <img src="/media/images/qontact.png" alt="Qontact Logo">
-          <h4><span>Q</span>ontact</h4>
+          <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ontact</span></h4>
           <p class="description">The good old address book. Here you store your contact information, email,
             phone, <span>Q</span>onvo or Inter<span>Q</span>om identifier, and more.</p>
           <p class="status hold">On Hold</p>
         </div>
         <div class="project">
           <img src="/media/images/qalendrier.png" alt="Qalendrier Logo">
-          <h4><span>Q</span>alendrier</h4>
+          <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">alender</span></h4>
           <p class="description">We all need a calendar. Here you can manage your personal or professional
-            life, schedule an appointment with another user and even see your future events on Inter<span>Q</span>om.
+            life, schedule an appointment with another user and even see your future events on 
+            <span class="in-blk">Inter<img class="q" src="/media/images/Q.png" alt="Q">om</span>.
           </p>
           <p class="status hold">On Hold</p>
         </div>
         <div class="project">
           <img src="/media/images/qable.png" alt="Qable Logo">
-          <h4><span>Q</span>able</h4>
+          <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">able</span></h4>
           <p class="description">The audio and video content delivery platform, which uses <a
               href="https://en.wikipedia.org/wiki/BitTorrent" target="_blank" rel="noreferrer noopener"
               class="link">Torrent</a> technology to lighten the load on the servers and therefore the resulting costs.
             The more people watching it, the faster it gets!</p>
           <p class="status hold">On Hold</p>
         </div>
+        <div class="project">
+          <img src="/media/images/qi.png" alt="Qi Logo">
+          <h4><span class="in-blk">i<img class="q" src="/media/images/Q.png" alt="Q"></span></h4>
+          <p class="description">
+            Tutorials for everyone! Each page contains the other <span class="in-blk">i<img class="q" src="/media/images/Q.png" alt="Q"></span> necessary or recommended to understand the subject at hand.
+            You will be able to widen your scope of the world, all in private naturally!
+          </p>
+          <p class="status hold">On Hold</p>
+        </div>
       </div>
   </section>
   <section id="contact">
@@ -275,12 +287,12 @@
     </div>
     <div class="wrapper">
       <a href="https://qode.teleqom.org/TeleQom-Public/teleqom.org" target="_blank" rel="noreferrer noopener"><img
-          src="/media/images/git-white.png"></a>
+          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">
+        <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">
+        <img src="/media/images/onion-64.png" alt="TOR">
       </a>
       <a href="/pages/fr/index.html">
         <img src="/media/images/quebec.png" alt="Français Québec">

pages/en/services/development.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>The TeleQom Project | Development Services</title>
     <meta name="description" content="TeleQom's development services include Libre websites, mobile apps, e-commerce like OpenCart and Content Management Systems like Wordpress"/>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/development.css"/>
   </head>
   <body>
@@ -23,10 +23,7 @@
           <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">
+          <img src="/media/images/logo.png" alt="TeleQom Logo">
-          <h2>
-            Tele<span>Q</span>om
-          </h2>
         </a>
         <ul id="nav-list">
           <li><a class="btn btn-2" href="#websites">Websites</a></li>
@@ -49,7 +46,7 @@
     <section id="intro">
             <h2>Development Services</h2>
             <p>
-              We offer various development services that could help you start or improve your project. At Tele<span>Q</span>om,
+              We offer various development services that could help you start or improve your project. At <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span>,
               we prefer a more humane approach. Whenever you are ready, contact us and we will offer you the best option according to your needs. 
               Oh and don't forget, all profits generated are invested in our multiple Libre Software Projects! By choosing us, you help yourself and the community :)
             </p>
@@ -69,13 +66,13 @@
             <div class="includes">
               <h5>Package</h5>
               <div class="includes-items">
-                <p>Tele<span>Q</span>om Template<br>- OR -<br>Your Bootstrap 5 Template</p>
+                <p><span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> Template<br>- OR -<br>Your Bootstrap 5 Template</p>
                 <p>Developer: <span class="green">3 Hours</span></p>
               </div>
             </div>
             <hr>
             <div class="includes">
-              <h5><span>Q</span>ube Micro</h5>
+              <h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span> Micro</h5>
               <div class="includes-items">
               <p>1GB</p>
               <p>5 Emails</p>
@@ -84,9 +81,9 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>Q</span>ube): <span class="green">60$ / Year</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>
             </div>
           </div>
           <div class="product">
@@ -98,7 +95,7 @@
             <div class="includes">
               <h5>Package</h5>
               <div class="includes-items">
-              <p>Tele<span>Q</span>om Template<br>- OR -<br>Your Bootstrap 5 Template</p>
+              <p><span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> Template<br>- OR -<br>Your Bootstrap 5 Template</p>
               <p>Developer: <span class="green">5 Hours</span></p>
               <p>Newsletter</p>
               <p>Contact Form</p>
@@ -106,7 +103,7 @@
             </div>
             <hr>
             <div class="includes">
-              <h5><span>Q</span>ube Mini</h5>
+              <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>
@@ -117,9 +114,9 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>Hosting (<span>Q</span>ube): <span class="green">150$</span> / Year</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">
@@ -135,7 +132,7 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>
@@ -153,7 +150,7 @@
           <div class="product bg">
             <div>
                 <h4>OpenCart</h4>
-                <p class="description">Simple OpenCart shop, perfect for beginners and small businesses. Tele<span>Q</span>om's Bouti<span>Q</span> is an OpenCart instance</p>
+                <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">
@@ -163,7 +160,7 @@
             </div>
             <hr>
             <div class="includes">
-              <h5><span>Q</span>ube Mini</h5>
+              <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>
@@ -174,9 +171,9 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>Q</span>ube): <span class="green">150$ / Year</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">
@@ -192,7 +189,7 @@
             </div>
             <hr>
             <div class="includes">
-              <h5><span>Q</span>ube Mini</h5>
+              <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>
@@ -203,9 +200,9 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>Q</span>ube): <span class="green">150$ / Year</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>
@@ -228,7 +225,7 @@
             </div>
             <hr>
             <div class="includes">
-              <h5><span>Q</span>ube Mini</h5>
+              <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>
@@ -239,9 +236,9 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>Q</span>ube): <span class="green">150$ / Year</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">
@@ -251,7 +248,7 @@
             </div>
             <hr>
             <div class="includes">
-              <h5><span>Q</span>ube Mini</h5>
+              <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>
@@ -262,9 +259,9 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>Q</span>ube): <span class="green">150$ / Year</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">
@@ -274,7 +271,7 @@
             </div>
             <hr>
             <div class="includes">
-              <h5><span>Q</span>ube Mini</h5>
+              <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>
@@ -285,9 +282,9 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>Q</span>ube): <span class="green">150$ / Year</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>
@@ -333,7 +330,7 @@
     <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 :)
+        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>
@@ -351,12 +348,12 @@
       </div>
       <div class="wrapper">
         <a href="https://qode.teleqom.org/TeleQom-Public/teleqom.org" target="_blank" rel="noreferrer noopener"><img
-            src="/media/images/git-white.png"></a>
+            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">
+          <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">
+          <img src="/media/images/onion-64.png" alt="TOR">
         </a>
         <a href="/pages/fr/services/developpement.html">
           <img src="/media/images/quebec.png" alt="Français Québec">

pages/en/services/installation.html

@@ -8,7 +8,7 @@
   <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.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/installation.css" />
 </head>
 
@@ -25,10 +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.svg" alt="TeleQom Logo">
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#os">OS</a></li>
@@ -633,12 +630,12 @@
     </div>
     <div class="wrapper">
       <a href="https://qode.teleqom.org/TeleQom-Public/teleqom.org" target="_blank" rel="noreferrer noopener"><img
-          src="/media/images/git-white.png"></a>
+          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">
+        <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">
+        <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">

pages/en/services/repairs.html

@@ -8,7 +8,7 @@
   <title>The TeleQom Project | Repairs Service</title>
   <meta name="description"
     content="The TeleQom Project offers low cost repairs for your cellphone or computer. If you need new hardware though, here is a list of ethical suppliers!" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/repairs.css" />
 </head>
 
@@ -25,10 +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.svg" alt="TeleQom Logo">
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#top">Repairs</a></li>
@@ -256,12 +253,12 @@
     </div>
     <div class="wrapper">
       <a href="https://qode.teleqom.org/TeleQom-Public/teleqom.org" target="_blank" rel="noreferrer noopener"><img
-          src="/media/images/git-white.png"></a>
+          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">
+        <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">
+        <img src="/media/images/onion-64.png" alt="TOR">
       </a>
       <a href="/pages/fr/services/reparation.html">
         <img src="/media/images/quebec.png" alt="Français Québec">

pages/fr/confirmation.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Succès! | Page de Confirmation</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css"/>
 </head>
 <header>
@@ -19,10 +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.svg" alt="TeleQom Logo">
+          <img src="/media/images/logo.png" alt="TeleQom Logo">
-          <h2>
-            Tele<span>Q</span>om
-          </h2>
         </a>
         <ul id="nav-list">
           <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>

pages/fr/err/403.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (403) | Page d'Accès Refusé</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +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.svg" alt="TeleQom Logo">
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>

pages/fr/err/404.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (404) | Erreur de Page Introuvable</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +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.svg" alt="TeleQom Logo">
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>

pages/fr/err/500.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups (500) | Erreur Interne du Serveur</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +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.svg" alt="TeleQom Logo">
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>

pages/fr/err/contact.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups | Erreur du Formulaire de Contact</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +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.svg" alt="TeleQom Logo">
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>

pages/fr/err/general.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name='robots' content='noindex,follow' />
     <title>Oups | Erreur du Formulaire de Contact</title>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/errors.css" />
 </head>
 <header>
@@ -20,10 +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.svg" alt="TeleQom Logo">
+            <img src="/media/images/logo.png" alt="TeleQom Logo">
-            <h2>
-                Tele<span>Q</span>om
-            </h2>
         </a>
         <ul id="nav-list">
             <li><a class="btn btn-2" href="/pages/fr/index.html">Accueil</a></li>

pages/fr/index.html

@@ -5,10 +5,10 @@
   <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>Le Projet TeleQom | Accueil</title>
+  <title>Projet TeleQom | Accueil</title>
   <meta name="description" content="TeleQom est un organsime à but non-lucratif Québécois qui offre des 
       services informatiques pour financer ses nombreux projets de Logiciels Libres" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/index.css" />
 </head>
 
@@ -25,10 +25,7 @@
         <img src="/media/images/close.png" alt="Menu Icon">
       </label>
       <a href="#top" class="logo">
-        <img src="/media/images/logo.svg" alt="TeleQom Logo">
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#apropos">À Propos</a></li>
@@ -44,10 +41,10 @@
   </header>
   <section id="welcome">
     <h1 class="welcome-title">
-      Le Projet Tele<span>Q</span>om
+      Projet <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span>
     </h1>
     <h4 class="welcome-text">
-      La Télécommunication aux Valeurs <span>Québécoises</span>
+      La Télécommunication aux valeurs <span class="color-1">Québécoises</span>
     </h4>
     <a href="#apropos" id="scroll-down">
       <img src="/media/images/down.png" alt="Icone defilement">
@@ -57,17 +54,17 @@
     <h2>À Propos</h2>
     <div>
       <h3>
-        Tele<span>Q</span>om, c'est quoi?
+        <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span>, c'est quoi?
       </h3>
       <p>
-        Le Projet Tele<span>Q</span>om, organisme à but non-lucratif Québécois, est un idéal. Nous cherchons à
+        Projet <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span>, organisme à but non-lucratif Québécois, est un idéal. Nous cherchons à
         restaurer les valeurs éthiques et morales dans les applications que nous utilisons tous quotidiennement. Que
         ce soit votre plateforme sociale, de commerce en ligne, de courriel ou même de messagerie, tous ou presque
         contiennent aujourd'hui des logiciels espions. Des robots lisent vos courriels et vos messages, et ils vous
         écoutent même parler. C'est à notre avis inacceptable voir illégal mais vous avez accepté ces termes à la mise
         en marche de vos appareils et services, c'est pourquoi la loi est impuissante actuellement. Faute
         d'alternative, nous suivons tous ces géants des technologies aux mauvaises intentions. C'est en réponse à ces
-        graves manquements d'humanité que Tele<span>Q</span>om est né.
+        graves manquements d'humanité que <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> est né.
       </p>
     </div>
     <div>
@@ -75,10 +72,10 @@
         Logiciels Libres
       </h3>
       <p>
-        Chez Tele<span>Q</span>om, nos projets embrassent une philosophie qui existe déjà
+        Chez <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span>, nos projets embrassent une philosophie qui existe déjà
         depuis longtemps, ils sont constitués uniquement de Logiciels Libres. De façon simple, un programme est un peu
         comme une recette de cuisine. Un Logiciel Libre donne un accès complet au code source (la recette, que nous
-        appelons chez Tele<span>Q</span>om notre <a href="https://qode.teleqom.org" target="_blank"
+        appelons notre <a href="https://qode.teleqom.org" target="_blank"
           rel="noreferrer noopener" class="link">Qode</a>) et la permission de l'auditer pour découvrir des failles de
         sécurité, le modifier ou l'améliorer avec la seule condition de rendre également publique ce qui a été
         amélioré. Les logiciels de type propriétaire par contre, c'est tout à fait le contraire. Ils dissimulent le
@@ -100,7 +97,7 @@
         États-Unis, et ce n'est que le début. <a href="https://fr.wikipedia.org/wiki/Pegasus_(logiciel_espion)"
           target="_blank" rel="noreferrer noopener" class="link">Pegasus</a> donne accès aux plus fortunés à la vie
         virtuelle complète de n'importe qui, à l'aide de failles de sécurité dans les logiciels. Il est donc impératif
-        de se débarasser de ses chaînes, et c'est ici que Tele<span>Q</span>om entre en ligne de compte.
+        de se débarasser de ses chaînes, et c'est ici que <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> entre en ligne de compte.
       </p>
     </div>
     <div>
@@ -184,15 +181,15 @@
   <section class="projects" id="projets">
       <h2>Nos Projets</h2>
       <p class="overview">Les projets suivants sont ou seront disponibles à partir de votre
-        <span>Q</span>onsole. Repassez voir plus tard si le Statut de votre projet préféré a
+        <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>
       <div class="wrapper">
         <div class="project">
           <img src="/media/images/qonsole.png" alt="Qonsole Logo">
-          <h4><span>Q</span>onsole</h4>
+          <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onsole</span></h4>
           <p class="description">
-            Le tableau de bord principal d'où vous accédez à toutes vos applications. La <span>Q</span>onsole est en
+            Le tableau de bord principal d'où vous accédez à toutes vos applications. La <span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onsole</span> est en
             charge de vous afficher le tout en un même endroit, de façon uniforme et simple.
           </p>
           <p>
@@ -201,7 +198,7 @@
         </div>
         <div class="project">
           <img src="/media/images/disq.png" alt="DisQ Logo">
-          <h4>Dis<span>Q</span></h4>
+          <h4><span class="in-blk">Dis<img class="q" src="/media/images/Q.png" alt="Q"></span></h4>
           <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
             externe. Le tout accessible seulement par vous, le serveur ne peut voir vos données.
@@ -212,16 +209,16 @@
         </div>
         <div class="project">
           <img src="/media/images/interqom.png" alt="InterQom Logo">
-          <h4>Inter<span>Q</span>om</h4>
+          <h4><span class="in-blk">Inter<img class="q" src="/media/images/Q.png" alt="Q">om</span></h4>
           <p class="description">
-            Inter<span>Q</span>om est le remplacement sain aux alternatives de réseaux sociaux. Vos conversations sont
+            <span class="in-blk">Inter<img class="q" src="/media/images/Q.png" alt="Q">om</span> est le remplacement sain aux alternatives de réseaux sociaux. Vos conversations sont
             entièrement privées et même nous n'avons pas accès à vos données.
           </p>
           <p class="status hold">En Attente</p>
         </div>
         <div class="project">
           <img src="/media/images/qommerce.png" alt="Qommerce Logo">
-          <h4><span>Q</span>ommerce</h4>
+          <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ommerce</span></h4>
           <p class="description">
             La centrale de l'échange et du commerce en ligne. Commerces locaux et particuliers s'y retrouvent pour
             partager le fruit de leur labeur. Acceptant la cryptomonnaie ainsi que l'argent Canadien.
@@ -230,7 +227,7 @@
         </div>
         <div class="project">
           <img src="/media/images/qonvo.png" alt="Qonvo Logo">
-          <h4><span>Q</span>onvo</h4>
+          <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onvo</span></h4>
           <p class="description">
             La messagerie instantanée est la façon la plus simple de communiquer avec nos compatriotes. Ce projet
             inclus les appels audio et vidéo, le tout chiffré de vous à vos destinataires.
@@ -239,43 +236,43 @@
         </div>
         <div class="project">
           <img src="/media/images/qourrier.png" alt="Qourrier Logo">
-          <h4><span>Q</span>ourrier</h4>
+          <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ourrier</span></h4>
           <p class="description">
-            Le portail d'accès à vos courriels, à partir de votre <span>Q</span>onsole. Les courriels entre
+            Le portail d'accès à vos courriels, à partir de votre <span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onsole</span>. Les courriels entre
             utilisateurs sont entièrement chiffrés et nous supportons la plupart des fournisseurs.
           </p>
           <p class="status hold">En Attente</p>
         </div>
         <div class="project">
           <img src="/media/images/politiq.png" alt="PolitiQ Logo">
-          <h4>Politi<span>Q</span></h4>
+          <h4><span class="in-blk">Politi<img class="q" src="/media/images/Q.png" alt="Q"></span></h4>
           <p class="description">
-            Tele<span>Q</span>om est une table ronde où tous les Québécois sont invités, votre opinion sera enfin
+            <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span> est une table ronde où tous les Québécois sont invités, votre opinion sera enfin
             entendue auprès du gouvernement. La réelle démocratie à portée de clavier!
           </p>
           <p class="status hold">En Attente</p>
         </div>
         <div class="project">
           <img src="/media/images/qontact.png" alt="Qontact Logo">
-          <h4><span>Q</span>ontact</h4>
+          <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ontact</span></h4>
           <p class="description">
             Le bon vieux carnet d'adresse. Ici vous storez vos informations de contact, courriel, téléphone,
-            identifiants de <span>Q</span>onvo ou Inter<span>Q</span>om, et plus encore.
+            identifiants de <span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">onvo</span> ou <span class="in-blk">Inter<img class="q" src="/media/images/Q.png" alt="Q">om</span>, et plus encore.
           </p>
           <p class="status hold">En Attente</p>
         </div>
         <div class="project">
           <img src="/media/images/qalendrier.png" alt="Qalendrier Logo">
-          <h4><span>Q</span>alendrier</h4>
+          <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">alendrier</span></h4>
           <p class="description">
             On a tous besoin d'un calendrier. Ici vous pouvez gérer votre vie personnelle ou professionnelle, céduler
-            un rendez-vous avec un autre utilisateur et même voir vos événements sur Inter<span>Q</span>om.
+            un rendez-vous avec un autre utilisateur et même voir vos événements sur <span class="in-blk">Inter<img class="q" src="/media/images/Q.png" alt="Q">om</span>.
           </p>
           <p class="status hold">En Attente</p>
         </div>
         <div class="project">
           <img src="/media/images/qable.png" alt="Qable Logo">
-          <h4><span>Q</span>able</h4>
+          <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">able</span></h4>
           <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"
@@ -284,6 +281,15 @@
           </p>
           <p class="status hold">En Attente</p>
         </div>
+        <div class="project">
+          <img src="/media/images/qi.png" alt="Qi Logo">
+          <h4><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">i</span></h4>
+          <p class="description">
+            Des tutoriels pour tous! Chaque page contient les <span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">i</span> oblgatoires et recommandés pour comprendre le sujet.
+            Il vous sera possible d'élargir votre perception du monde, le tout en privé naturellement!
+          </p>
+          <p class="status hold">En Attente</p>
+        </div>
       </div>
   </section>
   <section id="contact">
@@ -310,12 +316,12 @@
     </div>
     <div class="wrapper">
       <a href="https://qode.teleqom.org/TeleQom-Public/teleqom.org" target="_blank" rel="noreferrer noopener"><img
-          src="/media/images/git-white.png"></a>
+          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">
+        <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">
+        <img src="/media/images/onion-64.png" alt="TOR">
       </a>
       <a href="/pages/en/index.html">
         <img src="/media/images/canada.png" alt="English Canada">

pages/fr/services/developpement.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Le Project TeleQom | Services de Développement</title>
     <meta name="description" content="Les services de développement de TeleQom inclus le développement de Logiciel Libres de site web, d'application mobiles , de commerces en ligne tel qu'OpenCart et de Plateforme de Gestion de Contenu tel que Wordpress"/>
-    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <link rel="stylesheet" href="/css/pages/development.css"/>
   </head>
   <body>
@@ -23,17 +23,14 @@
           <img src="/media/images/close.png" alt="Menu Icon">
         </label>
         <a href="/pages/fr/index.html" class="logo">
-          <img src="/media/images/logo.svg" alt="TeleQom Logo">
+          <img src="/media/images/logo.png" alt="TeleQom Logo">
-          <h2>
-            Tele<span>Q</span>om
-          </h2>
         </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/developpement.html">EN</a></li>
+          <li><a class="btn btn-2" href="/pages/en/services/development.html">EN</a></li>
           <li>
             <div id="mobile-nav-action-btn">
               <a class="btn btn-1" href="/pages/fr/index.html#contact">Contact</a>
@@ -50,7 +47,7 @@
             <h2>Services de Développement</h2>
             <p>
               Nous offrons plusieurs services de développement qui pourraient vous aider à démarrer ou améliorer votre projet.
-              Chez Tele<span>Q</span>om,
+              Chez <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span>,
               nous préférons une approche plus humaine. Lorsque vous vous sentirez prêt, contactez-nous et nous vous
               offrirons la meilleure option selon vos besoins.
               Oh et n'oubliez pas, tous les profits générés sont investis dans nos projets de Logiciels Libres! En nous
@@ -72,13 +69,13 @@
             <div class="includes">
               <h5>Ensemble</h5>
               <div class="includes-items">
-                <p>Modèle Tele<span>Q</span>om<br>- OU -<br>Votre Modèle Bootstrap 5</p>
+                <p>Modèle <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span><br>- OU -<br>Votre Modèle Bootstrap 5</p>
                 <p>Développeur: <span class="green">3 Heures</span></p>
               </div>
             </div>
             <hr>
             <div class="includes">
-              <h5><span>Q</span>ube Micro</h5>
+              <h5><span class="in-blk"><img class="q" src="/media/images/Q.png" alt="Q">ube</span> Micro</h5>
               <div class="includes-items">
               <p>1GB</p>
               <p>5 Courriels</p>
@@ -87,9 +84,9 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>Q</span>ube): <span class="green">60$ / An</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>
             </div>
           </div>
           <div class="product">
@@ -101,7 +98,7 @@
             <div class="includes">
               <h5>Ensemble</h5>
               <div class="includes-items">
-              <p>Modèle Tele<span>Q</span>om<br>- OU -<br>Votre Modèle Bootstrap 5</p>
+              <p>Modèle <span class="in-blk">Tele<img class="q" src="/media/images/Q.png" alt="Q">om</span><br>- OU -<br>Votre Modèle Bootstrap 5</p>
               <p>Développeur: <span class="green">5 Heures</span></p>
               <p>Infolettre</p>
               <p>Formulaire Contact</p>
@@ -109,7 +106,7 @@
             </div>
             <hr>
             <div class="includes">
-              <h5><span>Q</span>ube Mini</h5>
+              <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>
@@ -120,9 +117,9 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>Hébergement (<span>Q</span>ube): <span class="green">150$ / An</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">
@@ -138,7 +135,7 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>
@@ -159,7 +156,7 @@
                 <h4>OpenCart</h4>
                 <p class="description">
                   Commerce OpenCart simple, excellent pour tout type de commerce.
-                  La Bouti<span>Q</span> Tele<span>Q</span>om est une instance OpenCart
+                  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>
@@ -170,7 +167,7 @@
             </div>
             <hr>
             <div class="includes">
-              <h5><span>Q</span>ube Mini</h5>
+              <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>
@@ -181,9 +178,9 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>Q</span>ube): <span class="green">150$ / An</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">
@@ -199,7 +196,7 @@
             </div>
             <hr>
             <div class="includes">
-              <h5><span>Q</span>ube Mini</h5>
+              <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>
@@ -210,9 +207,9 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>Q</span>ube): <span class="green">150$ / An</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>
@@ -241,7 +238,7 @@
             </div>
             <hr>
             <div class="includes">
-              <h5><span>Q</span>ube Mini</h5>
+              <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>
@@ -252,9 +249,9 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>Q</span>ube): <span class="green">150$ / An</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">
@@ -264,7 +261,7 @@
             </div>
             <hr>
             <div class="includes">
-              <h5><span>Q</span>ube Mini</h5>
+              <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>
@@ -275,9 +272,9 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>Q</span>ube): <span class="green">150$ / An</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">
@@ -287,7 +284,7 @@
             </div>
             <hr>
             <div class="includes">
-              <h5><span>Q</span>ube Mini</h5>
+              <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>
@@ -298,9 +295,9 @@
             </div>
             <hr>
             <div class="qontribution">
-              <h5><span>Q</span>ontribution</h5>
+              <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>Q</span>ube): <span class="green">150$ / An</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>
@@ -368,12 +365,12 @@
       </div>
       <div class="wrapper">
         <a href="https://qode.teleqom.org/TeleQom-Public/teleqom.org" target="_blank" rel="noreferrer noopener"><img
-            src="/media/images/git-white.png"></a>
+            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">
+          <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">
+          <img src="/media/images/onion-64.png" alt="TOR">
         </a>
         <a href="/pages/en/services/development.html">
           <img src="/media/images/canada.png" alt="English Canada">

pages/fr/services/installation.html

@@ -5,10 +5,10 @@
   <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>Le Projet TeleQom | Service d'Installation</title>
+  <title>Projet TeleQom | Service d'Installation</title>
   <meta name="description"
-    content="Le 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!" />
+    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.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/installation.css" />
 </head>
 
@@ -25,10 +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.svg" alt="TeleQom Logo">
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#os">OS</a></li>
@@ -643,12 +640,12 @@
     </div>
     <div class="wrapper">
       <a href="https://qode.teleqom.org/TeleQom-Public/teleqom.org" target="_blank" rel="noreferrer noopener"><img
-          src="/media/images/git-white.png"></a>
+          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">
+        <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">
+        <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">

pages/fr/services/reparation.html

@@ -5,10 +5,10 @@
   <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>Le Projet TeleQom | Service de Réparation</title>
+  <title>Projet TeleQom | Service de Réparation</title>
   <meta name="description"
-    content="Le Projet TeleQom offre un service de réparation d'ordinateurs et de cellulaires à petit prix. Si toutefois vous avez besoin d'un nouvel ordinateur, voici une liste de vendeurs éthiques!" />
+    content="Projet TeleQom offre un service de réparation d'ordinateurs et de cellulaires à petit prix. Si toutefois vous avez besoin d'un nouvel ordinateur, voici une liste de vendeurs éthiques!" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="icon" type="image/x-icon" href="/favicon.png">
   <link rel="stylesheet" href="/css/pages/repairs.css" />
 </head>
 
@@ -25,10 +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.svg" alt="TeleQom Logo">
+        <img src="/media/images/logo.png" alt="TeleQom Logo">
-        <h2>
-          Tele<span>Q</span>om
-        </h2>
       </a>
       <ul id="nav-list">
         <li><a class="btn btn-2" href="#top">Réparation</a></li>
@@ -258,12 +255,12 @@
     </div>
     <div class="wrapper">
       <a href="https://qode.teleqom.org/TeleQom-Public/teleqom.org" target="_blank" rel="noreferrer noopener"><img
-          src="/media/images/git-white.png"></a>
+          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">
+        <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">
+        <img src="/media/images/onion-64.png" alt="TOR">
       </a>
       <a href="/pages/en/services/repairs.html">
         <img src="/media/images/canada.png" alt="English Canada">

php/PHPMailer/COMMITMENT

@@ -0,0 +1,46 @@
+GPL Cooperation Commitment
+Version 1.0
+
+Before filing or continuing to prosecute any legal proceeding or claim
+(other than a Defensive Action) arising from termination of a Covered
+License, we commit to extend to the person or entity ('you') accused
+of violating the Covered License the following provisions regarding
+cure and reinstatement, taken from GPL version 3. As used here, the
+term 'this License' refers to the specific Covered License being
+enforced.
+
+    However, if you cease all violation of this License, then your
+    license from a particular copyright holder is reinstated (a)
+    provisionally, unless and until the copyright holder explicitly
+    and finally terminates your license, and (b) permanently, if the
+    copyright holder fails to notify you of the violation by some
+    reasonable means prior to 60 days after the cessation.
+
+    Moreover, your license from a particular copyright holder is
+    reinstated permanently if the copyright holder notifies you of the
+    violation by some reasonable means, this is the first time you
+    have received notice of violation of this License (for any work)
+    from that copyright holder, and you cure the violation prior to 30
+    days after your receipt of the notice.
+
+We intend this Commitment to be irrevocable, and binding and
+enforceable against us and assignees of or successors to our
+copyrights.
+
+Definitions
+
+'Covered License' means the GNU General Public License, version 2
+(GPLv2), the GNU Lesser General Public License, version 2.1
+(LGPLv2.1), or the GNU Library General Public License, version 2
+(LGPLv2), all as published by the Free Software Foundation.
+
+'Defensive Action' means a legal proceeding or claim that We bring
+against you in response to a prior proceeding or claim initiated by
+you or your affiliate.
+
+'We' means each contributor to this repository as of the date of
+inclusion of this file, including subsidiaries of a corporate
+contributor.
+
+This work is available under a Creative Commons Attribution-ShareAlike
+4.0 International license (https://creativecommons.org/licenses/by-sa/4.0/).

php/PHPMailer/LICENSE

@@ -0,0 +1,502 @@
+                  GNU LESSER GENERAL PUBLIC LICENSE
+                       Version 2.1, February 1999
+
+ Copyright (C) 1991, 1999 Free Software Foundation, Inc.
+ 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+[This is the first released version of the Lesser GPL.  It also counts
+ as the successor of the GNU Library Public License, version 2, hence
+ the version number 2.1.]
+
+                            Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+Licenses are intended to guarantee your freedom to share and change
+free software--to make sure the software is free for all its users.
+
+  This license, the Lesser General Public License, applies to some
+specially designated software packages--typically libraries--of the
+Free Software Foundation and other authors who decide to use it.  You
+can use it too, but we suggest you first think carefully about whether
+this license or the ordinary General Public License is the better
+strategy to use in any particular case, based on the explanations below.
+
+  When we speak of free software, we are referring to freedom of use,
+not price.  Our General Public Licenses are designed to make sure that
+you have the freedom to distribute copies of free software (and charge
+for this service if you wish); that you receive source code or can get
+it if you want it; that you can change the software and use pieces of
+it in new free programs; and that you are informed that you can do
+these things.
+
+  To protect your rights, we need to make restrictions that forbid
+distributors to deny you these rights or to ask you to surrender these
+rights.  These restrictions translate to certain responsibilities for
+you if you distribute copies of the library or if you modify it.
+
+  For example, if you distribute copies of the library, whether gratis
+or for a fee, you must give the recipients all the rights that we gave
+you.  You must make sure that they, too, receive or can get the source
+code.  If you link other code with the library, you must provide
+complete object files to the recipients, so that they can relink them
+with the library after making changes to the library and recompiling
+it.  And you must show them these terms so they know their rights.
+
+  We protect your rights with a two-step method: (1) we copyright the
+library, and (2) we offer you this license, which gives you legal
+permission to copy, distribute and/or modify the library.
+
+  To protect each distributor, we want to make it very clear that
+there is no warranty for the free library.  Also, if the library is
+modified by someone else and passed on, the recipients should know
+that what they have is not the original version, so that the original
+author's reputation will not be affected by problems that might be
+introduced by others.
+
+  Finally, software patents pose a constant threat to the existence of
+any free program.  We wish to make sure that a company cannot
+effectively restrict the users of a free program by obtaining a
+restrictive license from a patent holder.  Therefore, we insist that
+any patent license obtained for a version of the library must be
+consistent with the full freedom of use specified in this license.
+
+  Most GNU software, including some libraries, is covered by the
+ordinary GNU General Public License.  This license, the GNU Lesser
+General Public License, applies to certain designated libraries, and
+is quite different from the ordinary General Public License.  We use
+this license for certain libraries in order to permit linking those
+libraries into non-free programs.
+
+  When a program is linked with a library, whether statically or using
+a shared library, the combination of the two is legally speaking a
+combined work, a derivative of the original library.  The ordinary
+General Public License therefore permits such linking only if the
+entire combination fits its criteria of freedom.  The Lesser General
+Public License permits more lax criteria for linking other code with
+the library.
+
+  We call this license the "Lesser" General Public License because it
+does Less to protect the user's freedom than the ordinary General
+Public License.  It also provides other free software developers Less
+of an advantage over competing non-free programs.  These disadvantages
+are the reason we use the ordinary General Public License for many
+libraries.  However, the Lesser license provides advantages in certain
+special circumstances.
+
+  For example, on rare occasions, there may be a special need to
+encourage the widest possible use of a certain library, so that it becomes
+a de-facto standard.  To achieve this, non-free programs must be
+allowed to use the library.  A more frequent case is that a free
+library does the same job as widely used non-free libraries.  In this
+case, there is little to gain by limiting the free library to free
+software only, so we use the Lesser General Public License.
+
+  In other cases, permission to use a particular library in non-free
+programs enables a greater number of people to use a large body of
+free software.  For example, permission to use the GNU C Library in
+non-free programs enables many more people to use the whole GNU
+operating system, as well as its variant, the GNU/Linux operating
+system.
+
+  Although the Lesser General Public License is Less protective of the
+users' freedom, it does ensure that the user of a program that is
+linked with the Library has the freedom and the wherewithal to run
+that program using a modified version of the Library.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.  Pay close attention to the difference between a
+"work based on the library" and a "work that uses the library".  The
+former contains code derived from the library, whereas the latter must
+be combined with the library in order to run.
+
+                  GNU LESSER GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License Agreement applies to any software library or other
+program which contains a notice placed by the copyright holder or
+other authorized party saying it may be distributed under the terms of
+this Lesser General Public License (also called "this License").
+Each licensee is addressed as "you".
+
+  A "library" means a collection of software functions and/or data
+prepared so as to be conveniently linked with application programs
+(which use some of those functions and data) to form executables.
+
+  The "Library", below, refers to any such software library or work
+which has been distributed under these terms.  A "work based on the
+Library" means either the Library or any derivative work under
+copyright law: that is to say, a work containing the Library or a
+portion of it, either verbatim or with modifications and/or translated
+straightforwardly into another language.  (Hereinafter, translation is
+included without limitation in the term "modification".)
+
+  "Source code" for a work means the preferred form of the work for
+making modifications to it.  For a library, complete source code means
+all the source code for all modules it contains, plus any associated
+interface definition files, plus the scripts used to control compilation
+and installation of the library.
+
+  Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running a program using the Library is not restricted, and output from
+such a program is covered only if its contents constitute a work based
+on the Library (independent of the use of the Library in a tool for
+writing it).  Whether that is true depends on what the Library does
+and what the program that uses the Library does.
+
+  1. You may copy and distribute verbatim copies of the Library's
+complete source code as you receive it, in any medium, provided that
+you conspicuously and appropriately publish on each copy an
+appropriate copyright notice and disclaimer of warranty; keep intact
+all the notices that refer to this License and to the absence of any
+warranty; and distribute a copy of this License along with the
+Library.
+
+  You may charge a fee for the physical act of transferring a copy,
+and you may at your option offer warranty protection in exchange for a
+fee.
+
+  2. You may modify your copy or copies of the Library or any portion
+of it, thus forming a work based on the Library, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) The modified work must itself be a software library.
+
+    b) You must cause the files modified to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    c) You must cause the whole of the work to be licensed at no
+    charge to all third parties under the terms of this License.
+
+    d) If a facility in the modified Library refers to a function or a
+    table of data to be supplied by an application program that uses
+    the facility, other than as an argument passed when the facility
+    is invoked, then you must make a good faith effort to ensure that,
+    in the event an application does not supply such function or
+    table, the facility still operates, and performs whatever part of
+    its purpose remains meaningful.
+
+    (For example, a function in a library to compute square roots has
+    a purpose that is entirely well-defined independent of the
+    application.  Therefore, Subsection 2d requires that any
+    application-supplied function or table used by this function must
+    be optional: if the application does not supply it, the square
+    root function must still compute square roots.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Library,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Library, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote
+it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Library.
+
+In addition, mere aggregation of another work not based on the Library
+with the Library (or with a work based on the Library) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may opt to apply the terms of the ordinary GNU General Public
+License instead of this License to a given copy of the Library.  To do
+this, you must alter all the notices that refer to this License, so
+that they refer to the ordinary GNU General Public License, version 2,
+instead of to this License.  (If a newer version than version 2 of the
+ordinary GNU General Public License has appeared, then you can specify
+that version instead if you wish.)  Do not make any other change in
+these notices.
+
+  Once this change is made in a given copy, it is irreversible for
+that copy, so the ordinary GNU General Public License applies to all
+subsequent copies and derivative works made from that copy.
+
+  This option is useful when you wish to copy part of the code of
+the Library into a program that is not a library.
+
+  4. You may copy and distribute the Library (or a portion or
+derivative of it, under Section 2) in object code or executable form
+under the terms of Sections 1 and 2 above provided that you accompany
+it with the complete corresponding machine-readable source code, which
+must be distributed under the terms of Sections 1 and 2 above on a
+medium customarily used for software interchange.
+
+  If distribution of object code is made by offering access to copy
+from a designated place, then offering equivalent access to copy the
+source code from the same place satisfies the requirement to
+distribute the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  5. A program that contains no derivative of any portion of the
+Library, but is designed to work with the Library by being compiled or
+linked with it, is called a "work that uses the Library".  Such a
+work, in isolation, is not a derivative work of the Library, and
+therefore falls outside the scope of this License.
+
+  However, linking a "work that uses the Library" with the Library
+creates an executable that is a derivative of the Library (because it
+contains portions of the Library), rather than a "work that uses the
+library".  The executable is therefore covered by this License.
+Section 6 states terms for distribution of such executables.
+
+  When a "work that uses the Library" uses material from a header file
+that is part of the Library, the object code for the work may be a
+derivative work of the Library even though the source code is not.
+Whether this is true is especially significant if the work can be
+linked without the Library, or if the work is itself a library.  The
+threshold for this to be true is not precisely defined by law.
+
+  If such an object file uses only numerical parameters, data
+structure layouts and accessors, and small macros and small inline
+functions (ten lines or less in length), then the use of the object
+file is unrestricted, regardless of whether it is legally a derivative
+work.  (Executables containing this object code plus portions of the
+Library will still fall under Section 6.)
+
+  Otherwise, if the work is a derivative of the Library, you may
+distribute the object code for the work under the terms of Section 6.
+Any executables containing that work also fall under Section 6,
+whether or not they are linked directly with the Library itself.
+
+  6. As an exception to the Sections above, you may also combine or
+link a "work that uses the Library" with the Library to produce a
+work containing portions of the Library, and distribute that work
+under terms of your choice, provided that the terms permit
+modification of the work for the customer's own use and reverse
+engineering for debugging such modifications.
+
+  You must give prominent notice with each copy of the work that the
+Library is used in it and that the Library and its use are covered by
+this License.  You must supply a copy of this License.  If the work
+during execution displays copyright notices, you must include the
+copyright notice for the Library among them, as well as a reference
+directing the user to the copy of this License.  Also, you must do one
+of these things:
+
+    a) Accompany the work with the complete corresponding
+    machine-readable source code for the Library including whatever
+    changes were used in the work (which must be distributed under
+    Sections 1 and 2 above); and, if the work is an executable linked
+    with the Library, with the complete machine-readable "work that
+    uses the Library", as object code and/or source code, so that the
+    user can modify the Library and then relink to produce a modified
+    executable containing the modified Library.  (It is understood
+    that the user who changes the contents of definitions files in the
+    Library will not necessarily be able to recompile the application
+    to use the modified definitions.)
+
+    b) Use a suitable shared library mechanism for linking with the
+    Library.  A suitable mechanism is one that (1) uses at run time a
+    copy of the library already present on the user's computer system,
+    rather than copying library functions into the executable, and (2)
+    will operate properly with a modified version of the library, if
+    the user installs one, as long as the modified version is
+    interface-compatible with the version that the work was made with.
+
+    c) Accompany the work with a written offer, valid for at
+    least three years, to give the same user the materials
+    specified in Subsection 6a, above, for a charge no more
+    than the cost of performing this distribution.
+
+    d) If distribution of the work is made by offering access to copy
+    from a designated place, offer equivalent access to copy the above
+    specified materials from the same place.
+
+    e) Verify that the user has already received a copy of these
+    materials or that you have already sent this user a copy.
+
+  For an executable, the required form of the "work that uses the
+Library" must include any data and utility programs needed for
+reproducing the executable from it.  However, as a special exception,
+the materials to be distributed need not include anything that is
+normally distributed (in either source or binary form) with the major
+components (compiler, kernel, and so on) of the operating system on
+which the executable runs, unless that component itself accompanies
+the executable.
+
+  It may happen that this requirement contradicts the license
+restrictions of other proprietary libraries that do not normally
+accompany the operating system.  Such a contradiction means you cannot
+use both them and the Library together in an executable that you
+distribute.
+
+  7. You may place library facilities that are a work based on the
+Library side-by-side in a single library together with other library
+facilities not covered by this License, and distribute such a combined
+library, provided that the separate distribution of the work based on
+the Library and of the other library facilities is otherwise
+permitted, and provided that you do these two things:
+
+    a) Accompany the combined library with a copy of the same work
+    based on the Library, uncombined with any other library
+    facilities.  This must be distributed under the terms of the
+    Sections above.
+
+    b) Give prominent notice with the combined library of the fact
+    that part of it is a work based on the Library, and explaining
+    where to find the accompanying uncombined form of the same work.
+
+  8. You may not copy, modify, sublicense, link with, or distribute
+the Library except as expressly provided under this License.  Any
+attempt otherwise to copy, modify, sublicense, link with, or
+distribute the Library is void, and will automatically terminate your
+rights under this License.  However, parties who have received copies,
+or rights, from you under this License will not have their licenses
+terminated so long as such parties remain in full compliance.
+
+  9. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Library or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Library (or any work based on the
+Library), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Library or works based on it.
+
+  10. Each time you redistribute the Library (or any work based on the
+Library), the recipient automatically receives a license from the
+original licensor to copy, distribute, link with or modify the Library
+subject to these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties with
+this License.
+
+  11. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Library at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Library by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Library.
+
+If any portion of this section is held invalid or unenforceable under any
+particular circumstance, the balance of the section is intended to apply,
+and the section as a whole is intended to apply in other circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  12. If the distribution and/or use of the Library is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Library under this License may add
+an explicit geographical distribution limitation excluding those countries,
+so that distribution is permitted only in or among countries not thus
+excluded.  In such case, this License incorporates the limitation as if
+written in the body of this License.
+
+  13. The Free Software Foundation may publish revised and/or new
+versions of the Lesser General Public License from time to time.
+Such new versions will be similar in spirit to the present version,
+but may differ in detail to address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Library
+specifies a version number of this License which applies to it and
+"any later version", you have the option of following the terms and
+conditions either of that version or of any later version published by
+the Free Software Foundation.  If the Library does not specify a
+license version number, you may choose any version ever published by
+the Free Software Foundation.
+
+  14. If you wish to incorporate parts of the Library into other free
+programs whose distribution conditions are incompatible with these,
+write to the author to ask for permission.  For software which is
+copyrighted by the Free Software Foundation, write to the Free
+Software Foundation; we sometimes make exceptions for this.  Our
+decision will be guided by the two goals of preserving the free status
+of all derivatives of our free software and of promoting the sharing
+and reuse of software generally.
+
+                            NO WARRANTY
+
+  15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO
+WARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.
+EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR
+OTHER PARTIES PROVIDE THE LIBRARY "AS IS" WITHOUT WARRANTY OF ANY
+KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE
+LIBRARY IS WITH YOU.  SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME
+THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN
+WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY
+AND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU
+FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR
+CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE
+LIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING
+RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A
+FAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF
+SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH
+DAMAGES.
+
+                     END OF TERMS AND CONDITIONS
+
+           How to Apply These Terms to Your New Libraries
+
+  If you develop a new library, and you want it to be of the greatest
+possible use to the public, we recommend making it free software that
+everyone can redistribute and change.  You can do so by permitting
+redistribution under these terms (or, alternatively, under the terms of the
+ordinary General Public License).
+
+  To apply these terms, attach the following notices to the library.  It is
+safest to attach them to the start of each source file to most effectively
+convey the exclusion of warranty; and each file should have at least the
+"copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the library's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This library is free software; you can redistribute it and/or
+    modify it under the terms of the GNU Lesser General Public
+    License as published by the Free Software Foundation; either
+    version 2.1 of the License, or (at your option) any later version.
+
+    This library is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+    Lesser General Public License for more details.
+
+    You should have received a copy of the GNU Lesser General Public
+    License along with this library; if not, write to the Free Software
+    Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
+
+Also add information on how to contact you by electronic and paper mail.
+
+You should also get your employer (if you work as a programmer) or your
+school, if any, to sign a "copyright disclaimer" for the library, if
+necessary.  Here is a sample; alter the names:
+
+  Yoyodyne, Inc., hereby disclaims all copyright interest in the
+  library `Frob' (a library for tweaking knobs) written by James Random Hacker.
+
+  <signature of Ty Coon>, 1 April 1990
+  Ty Coon, President of Vice
+
+That's all there is to it!

php/PHPMailer/README.md

@@ -0,0 +1,230 @@
+[![SWUbanner](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner2-direct.svg)](https://supportukrainenow.org/)
+
+![PHPMailer](https://raw.github.com/PHPMailer/PHPMailer/master/examples/images/phpmailer.png)
+
+# PHPMailer – A full-featured email creation and transfer class for PHP
+
+[![Test status](https://github.com/PHPMailer/PHPMailer/workflows/Tests/badge.svg)](https://github.com/PHPMailer/PHPMailer/actions)
+[![codecov.io](https://codecov.io/gh/PHPMailer/PHPMailer/branch/master/graph/badge.svg?token=iORZpwmYmM)](https://codecov.io/gh/PHPMailer/PHPMailer)
+[![Latest Stable Version](https://poser.pugx.org/phpmailer/phpmailer/v/stable.svg)](https://packagist.org/packages/phpmailer/phpmailer)
+[![Total Downloads](https://poser.pugx.org/phpmailer/phpmailer/downloads)](https://packagist.org/packages/phpmailer/phpmailer)
+[![License](https://poser.pugx.org/phpmailer/phpmailer/license.svg)](https://packagist.org/packages/phpmailer/phpmailer)
+[![API Docs](https://github.com/phpmailer/phpmailer/workflows/Docs/badge.svg)](https://phpmailer.github.io/PHPMailer/)
+[![OpenSSF Scorecard](https://api.securityscorecards.dev/projects/github.com/PHPMailer/PHPMailer/badge)](https://api.securityscorecards.dev/projects/github.com/PHPMailer/PHPMailer)
+
+## Features
+- Probably the world's most popular code for sending email from PHP!
+- Used by many open-source projects: WordPress, Drupal, 1CRM, SugarCRM, Yii, Joomla! and many more
+- Integrated SMTP support – send without a local mail server
+- Send emails with multiple To, CC, BCC, and Reply-to addresses
+- Multipart/alternative emails for mail clients that do not read HTML email
+- Add attachments, including inline
+- Support for UTF-8 content and 8bit, base64, binary, and quoted-printable encodings
+- SMTP authentication with LOGIN, PLAIN, CRAM-MD5, and XOAUTH2 mechanisms over SMTPS and SMTP+STARTTLS transports
+- Validates email addresses automatically
+- Protects against header injection attacks
+- Error messages in over 50 languages!
+- DKIM and S/MIME signing support
+- Compatible with PHP 5.5 and later, including PHP 8.2
+- Namespaced to prevent name clashes
+- Much more!
+
+## Why you might need it
+Many PHP developers need to send email from their code. The only PHP function that supports this directly is [`mail()`](https://www.php.net/manual/en/function.mail.php). However, it does not provide any assistance for making use of popular features such as encryption, authentication, HTML messages, and attachments.
+
+Formatting email correctly is surprisingly difficult. There are myriad overlapping (and conflicting) standards, requiring tight adherence to horribly complicated formatting and encoding rules – the vast majority of code that you'll find online that uses the `mail()` function directly is just plain wrong, if not unsafe!
+
+The PHP `mail()` function usually sends via a local mail server, typically fronted by a `sendmail` binary on Linux, BSD, and macOS platforms, however, Windows usually doesn't include a local mail server; PHPMailer's integrated SMTP client allows email sending on all platforms without needing a local mail server. Be aware though, that the `mail()` function should be avoided when possible; it's both faster and [safer](https://exploitbox.io/paper/Pwning-PHP-Mail-Function-For-Fun-And-RCE.html) to use SMTP to localhost.
+
+*Please* don't be tempted to do it yourself – if you don't use PHPMailer, there are many other excellent libraries that
+you should look at before rolling your own. Try [SwiftMailer](https://swiftmailer.symfony.com/)
+, [Laminas/Mail](https://docs.laminas.dev/laminas-mail/), [ZetaComponents](https://github.com/zetacomponents/Mail), etc.
+
+## License
+This software is distributed under the [LGPL 2.1](http://www.gnu.org/licenses/lgpl-2.1.html) license, along with the [GPL Cooperation Commitment](https://gplcc.github.io/gplcc/). Please read [LICENSE](https://github.com/PHPMailer/PHPMailer/blob/master/LICENSE) for information on the software availability and distribution.
+
+## Installation & loading
+PHPMailer is available on [Packagist](https://packagist.org/packages/phpmailer/phpmailer) (using semantic versioning), and installation via [Composer](https://getcomposer.org) is the recommended way to install PHPMailer. Just add this line to your `composer.json` file:
+
+```json
+"phpmailer/phpmailer": "^6.8.0"
+```
+
+or run
+
+```sh
+composer require phpmailer/phpmailer
+```
+
+Note that the `vendor` folder and the `vendor/autoload.php` script are generated by Composer; they are not part of PHPMailer.
+
+If you want to use the Gmail XOAUTH2 authentication class, you will also need to add a dependency on the `league/oauth2-client` package in your `composer.json`.
+
+Alternatively, if you're not using Composer, you
+can [download PHPMailer as a zip file](https://github.com/PHPMailer/PHPMailer/archive/master.zip), (note that docs and examples are not included in the zip file), then copy the contents of the PHPMailer folder into one of the `include_path` directories specified in your PHP configuration and load each class file manually:
+
+```php
+<?php
+use PHPMailer\PHPMailer\PHPMailer;
+use PHPMailer\PHPMailer\Exception;
+
+require 'path/to/PHPMailer/src/Exception.php';
+require 'path/to/PHPMailer/src/PHPMailer.php';
+require 'path/to/PHPMailer/src/SMTP.php';
+```
+
+If you're not using the `SMTP` class explicitly (you're probably not), you don't need a `use` line for the SMTP class. Even if you're not using exceptions, you do still need to load the `Exception` class as it is used internally.
+
+## Legacy versions
+PHPMailer 5.2 (which is compatible with PHP 5.0 — 7.0) is no longer supported, even for security updates. You will find the latest version of 5.2 in the [5.2-stable branch](https://github.com/PHPMailer/PHPMailer/tree/5.2-stable). If you're using PHP 5.5 or later (which you should be), switch to the 6.x releases.
+
+### Upgrading from 5.2
+The biggest changes are that source files are now in the `src/` folder, and PHPMailer now declares the namespace `PHPMailer\PHPMailer`. This has several important effects – [read the upgrade guide](https://github.com/PHPMailer/PHPMailer/tree/master/UPGRADING.md) for more details.
+
+### Minimal installation
+While installing the entire package manually or with Composer is simple, convenient, and reliable, you may want to include only vital files in your project. At the very least you will need [src/PHPMailer.php](https://github.com/PHPMailer/PHPMailer/tree/master/src/PHPMailer.php). If you're using SMTP, you'll need [src/SMTP.php](https://github.com/PHPMailer/PHPMailer/tree/master/src/SMTP.php), and if you're using POP-before SMTP (*very* unlikely!), you'll need [src/POP3.php](https://github.com/PHPMailer/PHPMailer/tree/master/src/POP3.php). You can skip the [language](https://github.com/PHPMailer/PHPMailer/tree/master/language/) folder if you're not showing errors to users and can make do with English-only errors. If you're using XOAUTH2 you will need [src/OAuth.php](https://github.com/PHPMailer/PHPMailer/tree/master/src/OAuth.php) as well as the Composer dependencies for the services you wish to authenticate with. Really, it's much easier to use Composer!
+
+## A Simple Example
+
+```php
+<?php
+//Import PHPMailer classes into the global namespace
+//These must be at the top of your script, not inside a function
+use PHPMailer\PHPMailer\PHPMailer;
+use PHPMailer\PHPMailer\SMTP;
+use PHPMailer\PHPMailer\Exception;
+
+//Load Composer's autoloader
+require 'vendor/autoload.php';
+
+//Create an instance; passing `true` enables exceptions
+$mail = new PHPMailer(true);
+
+try {
+    //Server settings
+    $mail->SMTPDebug = SMTP::DEBUG_SERVER;                      //Enable verbose debug output
+    $mail->isSMTP();                                            //Send using SMTP
+    $mail->Host       = 'smtp.example.com';                     //Set the SMTP server to send through
+    $mail->SMTPAuth   = true;                                   //Enable SMTP authentication
+    $mail->Username   = 'user@example.com';                     //SMTP username
+    $mail->Password   = 'secret';                               //SMTP password
+    $mail->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS;            //Enable implicit TLS encryption
+    $mail->Port       = 465;                                    //TCP port to connect to; use 587 if you have set `SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS`
+
+    //Recipients
+    $mail->setFrom('from@example.com', 'Mailer');
+    $mail->addAddress('joe@example.net', 'Joe User');     //Add a recipient
+    $mail->addAddress('ellen@example.com');               //Name is optional
+    $mail->addReplyTo('info@example.com', 'Information');
+    $mail->addCC('cc@example.com');
+    $mail->addBCC('bcc@example.com');
+
+    //Attachments
+    $mail->addAttachment('/var/tmp/file.tar.gz');         //Add attachments
+    $mail->addAttachment('/tmp/image.jpg', 'new.jpg');    //Optional name
+
+    //Content
+    $mail->isHTML(true);                                  //Set email format to HTML
+    $mail->Subject = 'Here is the subject';
+    $mail->Body    = 'This is the HTML message body <b>in bold!</b>';
+    $mail->AltBody = 'This is the body in plain text for non-HTML mail clients';
+
+    $mail->send();
+    echo 'Message has been sent';
+} catch (Exception $e) {
+    echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}";
+}
+```
+
+You'll find plenty to play with in the [examples](https://github.com/PHPMailer/PHPMailer/tree/master/examples) folder, which covers many common scenarios including sending through Gmail, building contact forms, sending to mailing lists, and more.
+
+If you are re-using the instance (e.g. when sending to a mailing list), you may need to clear the recipient list to avoid sending duplicate messages. See [the mailing list example](https://github.com/PHPMailer/PHPMailer/blob/master/examples/mailing_list.phps) for further guidance.
+
+That's it. You should now be ready to use PHPMailer!
+
+## Localization
+PHPMailer defaults to English, but in the [language](https://github.com/PHPMailer/PHPMailer/tree/master/language/) folder, you'll find many translations for PHPMailer error messages that you may encounter. Their filenames contain [ISO 639-1](http://en.wikipedia.org/wiki/ISO_639-1) language code for the translations, for example `fr` for French. To specify a language, you need to tell PHPMailer which one to use, like this:
+
+```php
+//To load the French version
+$mail->setLanguage('fr', '/optional/path/to/language/directory/');
+```
+
+We welcome corrections and new languages – if you're looking for corrections, run the [PHPMailerLangTest.php](https://github.com/PHPMailer/PHPMailer/tree/master/test/PHPMailerLangTest.php) script in the tests folder and it will show any missing translations.
+
+## Documentation
+Start reading at the [GitHub wiki](https://github.com/PHPMailer/PHPMailer/wiki). If you're having trouble, head for [the troubleshooting guide](https://github.com/PHPMailer/PHPMailer/wiki/Troubleshooting) as it's frequently updated.
+
+Examples of how to use PHPMailer for common scenarios can be found in the [examples](https://github.com/PHPMailer/PHPMailer/tree/master/examples) folder. If you're looking for a good starting point, we recommend you start with [the Gmail example](https://github.com/PHPMailer/PHPMailer/tree/master/examples/gmail.phps).
+
+To reduce PHPMailer's deployed code footprint, examples are not included if you load PHPMailer via Composer or via [GitHub's zip file download](https://github.com/PHPMailer/PHPMailer/archive/master.zip), so you'll need to either clone the git repository or use the above links to get to the examples directly.
+
+Complete generated API documentation is [available online](https://phpmailer.github.io/PHPMailer/).
+
+You can generate complete API-level documentation by running `phpdoc` in the top-level folder, and documentation will appear in the `docs` folder, though you'll need to have [PHPDocumentor](http://www.phpdoc.org) installed. You may find [the unit tests](https://github.com/PHPMailer/PHPMailer/blob/master/test/PHPMailerTest.php) a good reference for how to do various operations such as encryption.
+
+If the documentation doesn't cover what you need, search the [many questions on Stack Overflow](http://stackoverflow.com/questions/tagged/phpmailer), and before you ask a question about "SMTP Error: Could not connect to SMTP host.", [read the troubleshooting guide](https://github.com/PHPMailer/PHPMailer/wiki/Troubleshooting).
+
+## Tests
+[PHPMailer tests](https://github.com/PHPMailer/PHPMailer/tree/master/test/) use PHPUnit 9, with [a polyfill](https://github.com/Yoast/PHPUnit-Polyfills) to let 9-style tests run on older PHPUnit and PHP versions.
+
+[![Test status](https://github.com/PHPMailer/PHPMailer/workflows/Tests/badge.svg)](https://github.com/PHPMailer/PHPMailer/actions)
+
+If this isn't passing, is there something you can do to help?
+
+## Security
+Please disclose any vulnerabilities found responsibly – report security issues to the maintainers privately.
+
+See [SECURITY](https://github.com/PHPMailer/PHPMailer/tree/master/SECURITY.md) and [PHPMailer's security advisories on GitHub](https://github.com/PHPMailer/PHPMailer/security). 
+
+## Contributing
+Please submit bug reports, suggestions, and pull requests to the [GitHub issue tracker](https://github.com/PHPMailer/PHPMailer/issues).
+
+We're particularly interested in fixing edge cases, expanding test coverage, and updating translations.
+
+If you found a mistake in the docs, or want to add something, go ahead and amend the wiki – anyone can edit it.
+
+If you have git clones from prior to the move to the PHPMailer GitHub organisation, you'll need to update any remote URLs referencing the old GitHub location with a command like this from within your clone:
+
+```sh
+git remote set-url upstream https://github.com/PHPMailer/PHPMailer.git
+```
+
+Please *don't* use the SourceForge or Google Code projects any more; they are obsolete and no longer maintained.
+
+## Sponsorship
+Development time and resources for PHPMailer are provided by [Smartmessages.net](https://info.smartmessages.net/), the world's only privacy-first email marketing system.
+
+<a href="https://info.smartmessages.net/"><img src="https://www.smartmessages.net/img/smartmessages-logo.svg" width="550" alt="Smartmessages.net privacy-first email marketing logo"></a>
+
+Donations are very welcome, whether in beer 🍺, T-shirts 👕, or cold, hard cash 💰. Sponsorship through GitHub is a simple and convenient way to say "thank you" to PHPMailer's maintainers and contributors – just click the "Sponsor" button [on the project page](https://github.com/PHPMailer/PHPMailer). If your company uses PHPMailer, consider taking part in Tidelift's enterprise support programme.
+
+## PHPMailer For Enterprise
+
+Available as part of the Tidelift Subscription.
+
+The maintainers of PHPMailer and thousands of other packages are working with Tidelift to deliver commercial
+support and maintenance for the open-source packages you use to build your applications. Save time, reduce risk, and
+improve code health, while paying the maintainers of the exact packages you
+use. [Learn more.](https://tidelift.com/subscription/pkg/packagist-phpmailer-phpmailer?utm_source=packagist-phpmailer-phpmailer&utm_medium=referral&utm_campaign=enterprise&utm_term=repo)
+
+## Changelog
+See [changelog](changelog.md).
+
+## History
+- PHPMailer was originally written in 2001 by Brent R. Matzelle as a [SourceForge project](http://sourceforge.net/projects/phpmailer/).
+- [Marcus Bointon](https://github.com/Synchro) (`coolbru` on SF) and Andy Prevost (`codeworxtech`) took over the project in 2004.
+- Became an Apache incubator project on Google Code in 2010, managed by Jim Jagielski.
+- Marcus created [his fork on GitHub](https://github.com/Synchro/PHPMailer) in 2008.
+- Jim and Marcus decide to join forces and use GitHub as the canonical and official repo for PHPMailer in 2013.
+- PHPMailer moves to [the PHPMailer organisation](https://github.com/PHPMailer) on GitHub in 2013.
+
+### What's changed since moving from SourceForge?
+- Official successor to the SourceForge and Google Code projects.
+- Test suite.
+- Continuous integration with GitHub Actions.
+- Composer support.
+- Public development.
+- Additional languages and language strings.
+- CRAM-MD5 authentication support.
+- Preserves full repo history of authors, commits, and branches from the original SourceForge project.

php/PHPMailer/SECURITY.md

@@ -0,0 +1,37 @@
+# Security notices relating to PHPMailer
+
+Please disclose any security issues or vulnerabilities found through [Tidelift's coordinated disclosure system](https://tidelift.com/security) or to the maintainers privately.
+
+PHPMailer 6.4.1 and earlier contain a vulnerability that can result in untrusted code being called (if such code is injected into the host project's scope by other means). If the `$patternselect` parameter to `validateAddress()` is set to `'php'` (the default, defined by `PHPMailer::$validator`), and the global namespace contains a function called `php`, it will be called in preference to the built-in validator of the same name. Mitigated in PHPMailer 6.5.0 by denying the use of simple strings as validator function names. Recorded as [CVE-2021-3603](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2021-3603). Reported by [Vikrant Singh Chauhan](mailto:vi@hackberry.xyz) via [huntr.dev](https://www.huntr.dev/).
+
+PHPMailer versions 6.4.1 and earlier contain a possible remote code execution vulnerability through the `$lang_path` parameter of the `setLanguage()` method. If the `$lang_path` parameter is passed unfiltered from user input, it can be set to [a UNC path](https://docs.microsoft.com/en-us/dotnet/standard/io/file-path-formats#unc-paths), and if an attacker is also able to persuade the server to load a file from that UNC path, a script file under their control may be executed. This vulnerability only applies to systems that resolve UNC paths, typically only Microsoft Windows.
+PHPMailer 6.5.0 mitigates this by no longer treating translation files as PHP code, but by parsing their text content directly. This approach avoids the possibility of executing unknown code while retaining backward compatibility. This isn't ideal, so the current translation format is deprecated and will be replaced in the next major release. Recorded as [CVE-2021-34551](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2021-34551). Reported by [Jilin Diting Information Technology Co., Ltd](https://listensec.com) via Tidelift.
+
+PHPMailer versions between 6.1.8 and 6.4.0 contain a regression of the earlier CVE-2018-19296 object injection vulnerability as a result of [a fix for Windows UNC paths in 6.1.8](https://github.com/PHPMailer/PHPMailer/commit/e2e07a355ee8ff36aba21d0242c5950c56e4c6f9). Recorded as [CVE-2020-36326](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2020-36326). Reported by Fariskhi Vidyan via Tidelift. 6.4.1 fixes this issue, and also enforces stricter checks for URL schemes in local path contexts.
+
+PHPMailer versions 6.1.5 and earlier contain an output escaping bug that occurs in `Content-Type` and `Content-Disposition` when filenames passed into `addAttachment` and other methods that accept attachment names contain double quote characters, in contravention of RFC822 3.4.1. No specific vulnerability has been found relating to this, but it could allow file attachments to bypass attachment filters that are based on matching filename extensions. Recorded as [CVE-2020-13625](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2020-13625). Reported by Elar Lang of Clarified Security.
+
+PHPMailer versions prior to 6.0.6 and 5.2.27 are vulnerable to an object injection attack by passing `phar://` paths into `addAttachment()` and other functions that may receive unfiltered local paths, possibly leading to RCE. Recorded as [CVE-2018-19296](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2018-19296). See [this article](https://knasmueller.net/5-answers-about-php-phar-exploitation) for more info on this type of vulnerability. Mitigated by blocking the use of paths containing URL-protocol style prefixes such as `phar://`. Reported by Sehun Oh of cyberone.kr.
+
+PHPMailer versions prior to 5.2.24 (released July 26th 2017) have an XSS vulnerability in one of the code examples, [CVE-2017-11503](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2017-11503). The `code_generator.phps` example did not filter user input prior to output. This file is distributed with a `.phps` extension, so it it not normally executable unless it is explicitly renamed, and the file is not included when PHPMailer is loaded through composer, so it is safe by default. There was also an undisclosed potential XSS vulnerability in the default exception handler (unused by default). Patches for both issues kindly provided by Patrick Monnerat of the Fedora Project.
+
+PHPMailer versions prior to 5.2.22 (released January 9th 2017) have a local file disclosure vulnerability, [CVE-2017-5223](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2017-5223). If content passed into `msgHTML()` is sourced from unfiltered user input, relative paths can map to absolute local file paths and added as attachments. Also note that `addAttachment` (just like `file_get_contents`, `passthru`, `unlink`, etc) should not be passed user-sourced params either! Reported by Yongxiang Li of Asiasecurity.
+
+PHPMailer versions prior to 5.2.20 (released December 28th 2016) are vulnerable to [CVE-2016-10045](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2016-10045) a remote code execution vulnerability, responsibly reported by [Dawid Golunski](https://legalhackers.com/advisories/PHPMailer-Exploit-Remote-Code-Exec-CVE-2016-10045-Vuln-Patch-Bypass.html), and patched by Paul Buonopane (@Zenexer).
+
+PHPMailer versions prior to 5.2.18 (released December 2016) are vulnerable to [CVE-2016-10033](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2016-10033) a remote code execution vulnerability, responsibly reported by [Dawid Golunski](http://legalhackers.com/advisories/PHPMailer-Exploit-Remote-Code-Exec-CVE-2016-10033-Vuln.html).
+
+PHPMailer versions prior to 5.2.14 (released November 2015) are vulnerable to [CVE-2015-8476](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2015-8476) an SMTP CRLF injection bug permitting arbitrary message sending.
+
+PHPMailer versions prior to 5.2.10 (released May 2015) are vulnerable to [CVE-2008-5619](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2008-5619), a remote code execution vulnerability in the bundled html2text library. This file was removed in 5.2.10, so if you are using a version prior to that and make use of the html2text function, it's vitally important that you upgrade and remove this file.
+
+PHPMailer versions prior to 2.0.7 and 2.2.1 are vulnerable to [CVE-2012-0796](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2012-0796), an email header injection attack.
+
+Joomla 1.6.0 uses PHPMailer in an unsafe way, allowing it to reveal local file paths, reported in [CVE-2011-3747](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2011-3747).
+
+PHPMailer didn't sanitise the `$lang_path` parameter in `SetLanguage`. This wasn't a problem in itself, but some apps (PHPClassifieds, ATutor) also failed to sanitise user-provided parameters passed to it, permitting semi-arbitrary local file inclusion, reported in [CVE-2010-4914](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2010-4914), [CVE-2007-2021](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2007-2021) and [CVE-2006-5734](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2006-5734).
+
+PHPMailer 1.7.2 and earlier contained a possible DDoS vulnerability reported in [CVE-2005-1807](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2005-1807).
+
+PHPMailer 1.7 and earlier (June 2003) have a possible vulnerability in the `SendmailSend` method where shell commands may not be sanitised. Reported in [CVE-2007-3215](https://web.nvd.nist.gov/view/vuln/detail?vulnId=CVE-2007-3215).
+

php/PHPMailer/VERSION

@@ -0,0 +1 @@
+6.8.0

php/PHPMailer/composer.json

@@ -0,0 +1,78 @@
+{
+    "name": "phpmailer/phpmailer",
+    "type": "library",
+    "description": "PHPMailer is a full-featured email creation and transfer class for PHP",
+    "authors": [
+        {
+            "name": "Marcus Bointon",
+            "email": "phpmailer@synchromedia.co.uk"
+        },
+        {
+            "name": "Jim Jagielski",
+            "email": "jimjag@gmail.com"
+        },
+        {
+            "name": "Andy Prevost",
+            "email": "codeworxtech@users.sourceforge.net"
+        },
+        {
+            "name": "Brent R. Matzelle"
+        }
+    ],
+    "funding": [
+        {
+            "url": "https://github.com/Synchro",
+            "type": "github"
+        }
+    ],
+    "config": {
+        "allow-plugins": {
+            "dealerdirect/phpcodesniffer-composer-installer": true
+        }
+    },
+    "require": {
+        "php": ">=5.5.0",
+        "ext-ctype": "*",
+        "ext-filter": "*",
+        "ext-hash": "*"
+    },
+    "require-dev": {
+        "dealerdirect/phpcodesniffer-composer-installer": "^0.7.2",
+        "doctrine/annotations": "^1.2.6 || ^1.13.3",
+        "php-parallel-lint/php-console-highlighter": "^1.0.0",
+        "php-parallel-lint/php-parallel-lint": "^1.3.2",
+        "phpcompatibility/php-compatibility": "^9.3.5",
+        "roave/security-advisories": "dev-latest",
+        "squizlabs/php_codesniffer": "^3.7.1",
+        "yoast/phpunit-polyfills": "^1.0.4"
+    },
+    "suggest": {
+        "ext-mbstring": "Needed to send email in multibyte encoding charset or decode encoded addresses",
+        "ext-openssl": "Needed for secure SMTP sending and DKIM signing",
+        "greew/oauth2-azure-provider": "Needed for Microsoft Azure XOAUTH2 authentication",
+        "hayageek/oauth2-yahoo": "Needed for Yahoo XOAUTH2 authentication",
+        "league/oauth2-google": "Needed for Google XOAUTH2 authentication",
+        "psr/log": "For optional PSR-3 debug logging",
+        "thenetworg/oauth2-azure": "Needed for Microsoft XOAUTH2 authentication",
+        "symfony/polyfill-mbstring": "To support UTF-8 if the Mbstring PHP extension is not enabled (^1.2)"
+    },
+    "autoload": {
+        "psr-4": {
+            "PHPMailer\\PHPMailer\\": "src/"
+        }
+    },
+    "autoload-dev": {
+        "psr-4": {
+            "PHPMailer\\Test\\": "test/"
+        }
+    },
+    "license": "LGPL-2.1-only",
+    "scripts": {
+        "check": "./vendor/bin/phpcs",
+        "test": "./vendor/bin/phpunit --no-coverage",
+        "coverage": "./vendor/bin/phpunit",
+        "lint": [
+            "@php ./vendor/php-parallel-lint/php-parallel-lint/parallel-lint . --show-deprecated -e php,phps --exclude vendor --exclude .git --exclude build"
+        ]
+    }
+}

php/PHPMailer/get_oauth_token.php

@@ -0,0 +1,182 @@
+<?php
+
+/**
+ * PHPMailer - PHP email creation and transport class.
+ * PHP Version 5.5
+ * @package PHPMailer
+ * @see https://github.com/PHPMailer/PHPMailer/ The PHPMailer GitHub project
+ * @author Marcus Bointon (Synchro/coolbru) <phpmailer@synchromedia.co.uk>
+ * @author Jim Jagielski (jimjag) <jimjag@gmail.com>
+ * @author Andy Prevost (codeworxtech) <codeworxtech@users.sourceforge.net>
+ * @author Brent R. Matzelle (original founder)
+ * @copyright 2012 - 2020 Marcus Bointon
+ * @copyright 2010 - 2012 Jim Jagielski
+ * @copyright 2004 - 2009 Andy Prevost
+ * @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License
+ * @note This program is distributed in the hope that it will be useful - WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE.
+ */
+
+/**
+ * Get an OAuth2 token from an OAuth2 provider.
+ * * Install this script on your server so that it's accessible
+ * as [https/http]://<yourdomain>/<folder>/get_oauth_token.php
+ * e.g.: http://localhost/phpmailer/get_oauth_token.php
+ * * Ensure dependencies are installed with 'composer install'
+ * * Set up an app in your Google/Yahoo/Microsoft account
+ * * Set the script address as the app's redirect URL
+ * If no refresh token is obtained when running this file,
+ * revoke access to your app and run the script again.
+ */
+
+namespace PHPMailer\PHPMailer;
+
+/**
+ * Aliases for League Provider Classes
+ * Make sure you have added these to your composer.json and run `composer install`
+ * Plenty to choose from here:
+ * @see http://oauth2-client.thephpleague.com/providers/thirdparty/
+ */
+//@see https://github.com/thephpleague/oauth2-google
+use League\OAuth2\Client\Provider\Google;
+//@see https://packagist.org/packages/hayageek/oauth2-yahoo
+use Hayageek\OAuth2\Client\Provider\Yahoo;
+//@see https://github.com/stevenmaguire/oauth2-microsoft
+use Stevenmaguire\OAuth2\Client\Provider\Microsoft;
+//@see https://github.com/greew/oauth2-azure-provider
+use Greew\OAuth2\Client\Provider\Azure;
+
+if (!isset($_GET['code']) && !isset($_POST['provider'])) {
+    ?>
+<html>
+<body>
+<form method="post">
+    <h1>Select Provider</h1>
+    <input type="radio" name="provider" value="Google" id="providerGoogle">
+    <label for="providerGoogle">Google</label><br>
+    <input type="radio" name="provider" value="Yahoo" id="providerYahoo">
+    <label for="providerYahoo">Yahoo</label><br>
+    <input type="radio" name="provider" value="Microsoft" id="providerMicrosoft">
+    <label for="providerMicrosoft">Microsoft</label><br>
+    <input type="radio" name="provider" value="Azure" id="providerAzure">
+    <label for="providerAzure">Azure</label><br>
+    <h1>Enter id and secret</h1>
+    <p>These details are obtained by setting up an app in your provider's developer console.
+    </p>
+    <p>ClientId: <input type="text" name="clientId"><p>
+    <p>ClientSecret: <input type="text" name="clientSecret"></p>
+    <p>TenantID (only relevant for Azure): <input type="text" name="tenantId"></p>
+    <input type="submit" value="Continue">
+</form>
+</body>
+</html>
+    <?php
+    exit;
+}
+
+require 'vendor/autoload.php';
+
+session_start();
+
+$providerName = '';
+$clientId = '';
+$clientSecret = '';
+$tenantId = '';
+
+if (array_key_exists('provider', $_POST)) {
+    $providerName = $_POST['provider'];
+    $clientId = $_POST['clientId'];
+    $clientSecret = $_POST['clientSecret'];
+    $tenantId = $_POST['tenantId'];
+    $_SESSION['provider'] = $providerName;
+    $_SESSION['clientId'] = $clientId;
+    $_SESSION['clientSecret'] = $clientSecret;
+    $_SESSION['tenantId'] = $tenantId;
+} elseif (array_key_exists('provider', $_SESSION)) {
+    $providerName = $_SESSION['provider'];
+    $clientId = $_SESSION['clientId'];
+    $clientSecret = $_SESSION['clientSecret'];
+    $tenantId = $_SESSION['tenantId'];
+}
+
+//If you don't want to use the built-in form, set your client id and secret here
+//$clientId = 'RANDOMCHARS-----duv1n2.apps.googleusercontent.com';
+//$clientSecret = 'RANDOMCHARS-----lGyjPcRtvP';
+
+//If this automatic URL doesn't work, set it yourself manually to the URL of this script
+$redirectUri = (isset($_SERVER['HTTPS']) ? 'https://' : 'http://') . $_SERVER['HTTP_HOST'] . $_SERVER['PHP_SELF'];
+//$redirectUri = 'http://localhost/PHPMailer/redirect';
+
+$params = [
+    'clientId' => $clientId,
+    'clientSecret' => $clientSecret,
+    'redirectUri' => $redirectUri,
+    'accessType' => 'offline'
+];
+
+$options = [];
+$provider = null;
+
+switch ($providerName) {
+    case 'Google':
+        $provider = new Google($params);
+        $options = [
+            'scope' => [
+                'https://mail.google.com/'
+            ]
+        ];
+        break;
+    case 'Yahoo':
+        $provider = new Yahoo($params);
+        break;
+    case 'Microsoft':
+        $provider = new Microsoft($params);
+        $options = [
+            'scope' => [
+                'wl.imap',
+                'wl.offline_access'
+            ]
+        ];
+        break;
+    case 'Azure':
+        $params['tenantId'] = $tenantId;
+
+        $provider = new Azure($params);
+        $options = [
+            'scope' => [
+                'https://outlook.office.com/SMTP.Send',
+                'offline_access'
+            ]
+        ];
+        break;
+}
+
+if (null === $provider) {
+    exit('Provider missing');
+}
+
+if (!isset($_GET['code'])) {
+    //If we don't have an authorization code then get one
+    $authUrl = $provider->getAuthorizationUrl($options);
+    $_SESSION['oauth2state'] = $provider->getState();
+    header('Location: ' . $authUrl);
+    exit;
+    //Check given state against previously stored one to mitigate CSRF attack
+} elseif (empty($_GET['state']) || ($_GET['state'] !== $_SESSION['oauth2state'])) {
+    unset($_SESSION['oauth2state']);
+    unset($_SESSION['provider']);
+    exit('Invalid state');
+} else {
+    unset($_SESSION['provider']);
+    //Try to get an access token (using the authorization code grant)
+    $token = $provider->getAccessToken(
+        'authorization_code',
+        [
+            'code' => $_GET['code']
+        ]
+    );
+    //Use this to interact with an API on the users behalf
+    //Use this to get a new access token if the old one expires
+    echo 'Refresh Token: ', $token->getRefreshToken();
+}

php/PHPMailer/language/phpmailer.lang-af.php

@@ -0,0 +1,26 @@
+<?php
+
+/**
+ * Afrikaans PHPMailer language file: refer to English translation for definitive list
+ * @package PHPMailer
+ */
+
+$PHPMAILER_LANG['authenticate']         = 'SMTP-fout: kon nie geverifieer word nie.';
+$PHPMAILER_LANG['connect_host']         = 'SMTP-fout: kon nie aan SMTP-verbind nie.';
+$PHPMAILER_LANG['data_not_accepted']    = 'SMTP-fout: data nie aanvaar nie.';
+$PHPMAILER_LANG['empty_message']        = 'Boodskapliggaam leeg.';
+$PHPMAILER_LANG['encoding']             = 'Onbekende kodering: ';
+$PHPMAILER_LANG['execute']              = 'Kon nie uitvoer nie: ';
+$PHPMAILER_LANG['file_access']          = 'Kon nie lêer oopmaak nie: ';
+$PHPMAILER_LANG['file_open']            = 'Lêerfout: Kon nie lêer oopmaak nie: ';
+$PHPMAILER_LANG['from_failed']          = 'Die volgende Van adres misluk: ';
+$PHPMAILER_LANG['instantiate']          = 'Kon nie posfunksie instansieer nie.';
+$PHPMAILER_LANG['invalid_address']      = 'Ongeldige adres: ';
+$PHPMAILER_LANG['mailer_not_supported'] = ' mailer word nie ondersteun nie.';
+$PHPMAILER_LANG['provide_address']      = 'U moet ten minste een ontvanger e-pos adres verskaf.';
+$PHPMAILER_LANG['recipients_failed']    = 'SMTP-fout: Die volgende ontvangers het misluk: ';
+$PHPMAILER_LANG['signing']              = 'Ondertekening Fout: ';
+$PHPMAILER_LANG['smtp_connect_failed']  = 'SMTP-verbinding () misluk.';
+$PHPMAILER_LANG['smtp_error']           = 'SMTP-bediener fout: ';
+$PHPMAILER_LANG['variable_set']         = 'Kan nie veranderlike instel of herstel nie: ';
+$PHPMAILER_LANG['extension_missing']    = 'Uitbreiding ontbreek: ';