Integrate sponsor bar more cleanly
This commit is contained in:
parent
f3a7568d29
commit
08bfa6a95d
|
@ -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;
|
||||
}
|
||||
|
|
18
index.html
18
index.html
|
@ -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>
|
||||
|
|
|
@ -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";
|
||||
|
|
Loading…
Reference in New Issue