added link to previous releases, and AppImage

This commit is contained in:
Nicolas Constant 2019-07-12 01:26:27 -04:00
parent 660d66ab6d
commit c991a8a387
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
3 changed files with 51 additions and 34 deletions

View File

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

View File

@ -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: rgb(250, 164, 36);
background-color: $link-hover-color;
}
}
}

View File

@ -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/"
class="download-button" title="latest releases">
<a href="https://github.com/NicolasConstant/sengi/releases/" class="download-button"
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>