speeduino
/
SpeedyLoader
mirror of https://github.com/speeduino/SpeedyLoader.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
assets/css/main.css
View File

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

18
index.html
View File

@ -93,14 +93,20 @@
<!-- Progress --> <!-- Progress -->
<section id="progress" class="wrapper style3" style="height: 100vh;"> <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"> <div class="inner">
<h2>Progress</h2> <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"> <div class="features">
<section> <section>
<span class="icon major fa-pause" id="progressSpinner"></span> <span class="icon major fa-pause" id="progressSpinner"></span>

4
renderer.js
View File

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