Integrate sponsor bar more cleanly

This commit is contained in:
DeionSi 2023-01-15 14:59:59 +01:00
parent f3a7568d29
commit 08bfa6a95d
3 changed files with 14 additions and 20 deletions

View File

@ -3868,23 +3868,11 @@ input, select, textarea {
/* Sponsor bar */
#sponsor {
padding: 2.5em 2.5em 0.5em 2.5em ;
background: #EE6C4D;
color: #FFFFFF;
cursor: default;
height: 7em;
height: 0;
left: 0;
overflow-x: auto;
overflow-y: auto;
position: relative;
text-align: center;
top: 3.5em;
width: 18em;
z-index: 10000;
width: 100%;
padding: 0;
line-height: 3.5em;
transition-property:height;
transition-duration:1s;
}

View File

@ -93,14 +93,20 @@
<!-- Progress -->
<section id="progress" class="wrapper style3" style="height: 100vh;">
<!-- Sponsor bar -->
<section id="sponsor">
<div class="inner">
<p><center><a href="https://github.com/sponsors/noisymime" target="_blank">Speeduino is a volunteer run project. Click here if you're interested in supporting Speeduino's development</a><br /><span class="icon major fa-heart"></span></center></p>
</div>
</section>
<div class="inner">
<h2>Progress</h2>
<!-- Sponsor bar -->
<div class="features" id="sponsorbox" style="display: none;">
<section id="sponsor">
<span class="icon major fa-heart"></span>
<p><center>
<a href="https://github.com/sponsors/noisymime" target="_blank">Speeduino is a volunteer run project. Click here if you're interested in supporting Speeduino's development</a>
</center>
</p>
</section>
</div>
<div class="features">
<section>
<span class="icon major fa-pause" id="progressSpinner"></span>

View File

@ -509,7 +509,7 @@ function uploadFW()
console.log("Using port: " + uploadPort);
//Show the sponsor banner
document.getElementById('sponsor').style.height = "7em"
document.getElementById('sponsorbox').style.display = "block"
//Begin the upload
if(uploadBoard.includes("TEENSY"))
@ -553,7 +553,7 @@ function uploadFW()
statusText.innerHTML = "Upload to Speeduino failed";
//Hide the donation bar as it makes the terminal go offscreen
document.getElementById('sponsor').style.height = 0;
document.getElementById('sponsorbox').style.display = "none"
//Mke the terminal/error section visible
document.getElementById('terminalSection').style.display = "block";