added link to previous releases, and AppImage

docs/assets/css/main.css

@@ -94,6 +94,16 @@ body {
       font-weight: 400;
       font-size: 2rem;
       margin-bottom: .5rem; }
+    .header__download-box--buttons {
+      margin-bottom: 5px; }
+  .header__old-releases {
+    transition: all .2s;
+    color: #7a7a7a;
+    float: left;
+    font-size: 1.4rem;
+    text-decoration: none; }
+    .header__old-releases:hover {
+      color: #faa424; }
 
 .download-button {
   transition: all .2s;
@@ -112,16 +122,10 @@ body {
     color: #faa424; }
   .download-button__web {
     font-size: 25px;
-    background-color: #04d431;
-    background-color: #faa424;
-    background-color: #fd9d0d;
     background-color: #3f3f3f;
     color: white;
-    color: #202020;
-    color: white;
     padding: 10px 20px 10px 15px;
     border-radius: 3px;
-    border: 1px solid #ffffff;
     border: 1px solid #e7e7e7; }
     .download-button__web--label {
       font-size: 25px;
@@ -129,7 +133,6 @@ body {
       padding-left: 10px; }
     .download-button__web:hover {
       color: #3d3d3d;
-      background-color: #ffe5be;
       background-color: #faa424; }
 
 .fa-apple {

docs/assets/sass/layout/_header.scss

@@ -1,3 +1,5 @@
+$link-hover-color: rgb(250, 164, 36);;
+
 .header {
     position: relative;
     background-color: rgb(247, 247, 247);
@@ -52,6 +54,21 @@
             margin-bottom: .5rem;
         }
 
+        &--buttons {
+            margin-bottom: 5px;
+        }
+    }
+
+    &__old-releases {
+        transition: all .2s;
+        color: rgb(122, 122, 122);
+        float: left;
+        font-size: 1.4rem;
+        text-decoration: none;
+
+        &:hover {
+            color: $link-hover-color;
+        }
     }
 }
 
@@ -77,26 +94,17 @@
     margin-bottom: 1rem;
 
     &:hover {
-        color: rgb(250, 164, 36);
+        color: $link-hover-color;
 
     }
 
     &__web {
         font-size: 25px;
-        background-color: rgb(4, 212, 49);
-        background-color: rgb(250, 164, 36);
-        background-color: rgb(253, 157, 13);
         background-color: rgb(63, 63, 63);;
         color: white;
-        color: rgb(32, 32, 32);
-        color: white;
-
 
         padding: 10px 20px 10px 15px;
         border-radius: 3px;
-
-        // border: 1px solid #ececec;
-        border: 1px solid #ffffff;
         border: 1px solid #e7e7e7;
 
         &--label {
@@ -107,8 +115,7 @@
 
         &:hover {
             color: rgb(61, 61, 61);
-            background-color: rgb(255, 229, 190);
+            background-color: $link-hover-color;
-            background-color: rgb(250, 164, 36);
         }
     }
 }

docs/index.html

@@ -38,7 +38,8 @@
                             <a href="#" class="download-button download-button__web"
                                 title="what are you waiting for? click!"
                                 onClick="window.open('http://sengi.nicolas-constant.com'+'?qt='+ (new Date()).getTime(),'Sengi','toolbar=no,location=no,status=no,menubar=no,scrollbars=no, resizable=yes,width=377,height=800'); return false;"
-                                class="button"><i class="fas fa-globe"></i><span class="download-button__web--label">launch!</span></a><br />
+                                class="button"><i class="fas fa-globe"></i><span
+                                    class="download-button__web--label">launch!</span></a><br />
                             <br />
                             <br />
 
@@ -50,38 +51,42 @@
                                 <a id="mac" href class="download-button" title="download client for mac">
                                     <i class="fab fa-apple"></i>
                                 </a>
-                                <a id="linux" href class="download-button" title="download client for debian-based distrib">
+                                <a id="deb" href class="download-button"
+                                    title="download client for debian-based distrib">
                                     <i class="fab fa-ubuntu"></i>
                                 </a>
+                                <a id="appimage" href class="download-button"
+                                    title="download client for linux (AppImage)">
+                                    <i class="fab fa-linux"></i>
+                                </a>
                                 <a href="https://snapcraft.io/sengi" title="use Snap Store for linux">
                                     <img src="images/snap-store-white.png" />
                                 </a>
                             </div>
                             <div id="download-buttons-nojs">
-                                <a href="https://github.com/NicolasConstant/sengi/releases/"
+                                <a href="https://github.com/NicolasConstant/sengi/releases/" class="download-button"
-                                    class="download-button" title="latest releases">
+                                    title="latest releases">
                                     <i class="fab fa-github"></i></a>
                                 <a href="https://snapcraft.io/sengi" title="use Snap Store for linux">
                                     <img src="images/snap-store-white.png" />
                                 </a>
                             </div>
                         </p>
+
+                    </div>
+                    <div>
+                        <a class="header__old-releases" href="https://github.com/NicolasConstant/sengi/releases/">browse previous releases</a>
                     </div>
-
-
                 </div>
             </div>
         </div>
-
+        <div class="header__app-image-box"></div>
-        <div class="header__app-image-box">
-
-        </div>
-
-
     </header>
     <main>
         <section class="section-about">
 
+            <!-- <p>Sengi is a </p> -->
+
         </section>
 
         <section class="section-about">
@@ -103,7 +108,7 @@
     <script type="text/javascript" language="javascript">
         const getLastRelease = async () => {
             const response = await fetch('https://api.github.com/repos/NicolasConstant/sengi/releases/latest');
-            const myJson = await response.json(); 
+            const myJson = await response.json();
             return myJson;
         }
 
@@ -119,11 +124,13 @@
 
             var sengiVersion = document.getElementById('sengi-version');
             sengiVersion.textContent = `(${version})`;
-           
+
             document.getElementById('windows').href = `https://github.com/NicolasConstant/sengi/releases/download/${version}/Sengi-${version}-win.exe`;
             document.getElementById('mac').href = `https://github.com/NicolasConstant/sengi/releases/download/${version}/Sengi-${version}-mac.dmg`;
-            document.getElementById('linux').href = `https://github.com/NicolasConstant/sengi/releases/download/${version}/Sengi-${version}-linux.deb`;            
+            document.getElementById('deb').href = `https://github.com/NicolasConstant/sengi/releases/download/${version}/Sengi-${version}-linux.deb`;
+            document.getElementById('appimage').href = `https://github.com/NicolasConstant/sengi/releases/download/${version}/Sengi-${version}-linux.AppImage`;
         }, false);
     </script>
 </body>
+
 </html>