added link to previous releases, and AppImage
This commit is contained in:
parent
660d66ab6d
commit
c991a8a387
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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">
|
||||
|
@ -122,8 +127,10 @@
|
|||
|
||||
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>
|
Loading…
Reference in New Issue