ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-09-20 23:20:46 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Restored full-page timer

Browse source
This commit is contained in:
Thomas Smith 2022-10-26 21:46:42 -04:00
parent 08efc6095d
commit 356a4826b7
2 changed files with 16 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/layouts/page/launch-countdown.html
View file

@ -1,10 +1,10 @@
{{ define "main" }} {{ define "main" }}
<section class="countdown-section"> <section class="countdown-lg-section">
<div class="countdown-container"> <div class="countdown-lg-container">
<div class="countdown-contents my-auto"> <div class="countdown-lg-contents my-auto">
<img class="tea-logo mb-5" src="/Images/tea-light.svg" alt="tea logo"> <img class="tea-logo mb-5" src="/Images/tea-light.svg" alt="tea logo">
<p class="text-center display-1" id="demo"></p> <p class="text-center display-1" id="demoLarge"></p>
<p class="text-center authenticate display-6">You can still authenticate your GitHub <a href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz">here</a>.</p> <p class="text-center authenticate display-6">You can still authenticate your GitHub <a href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz">here</a>.</p>
</div> </div>
</div> </div>
@ -12,16 +12,20 @@
<style> <style>
.countdown-section{
display:none;
}
@font-face { @font-face {
font-family: "pp-neue-machina"; font-family: "pp-neue-machina";
src: url("/fonts/PPNeueMachina-InktrapLight.woff") format("woff"); src: url("/fonts/PPNeueMachina-InktrapLight.woff") format("woff");
} }
#demo, .authenticate{ #demoLarge, .authenticate{
font-family: "pp-neue-machina", sans-serif; font-family: "pp-neue-machina", sans-serif;
} }
#demo, #demoLarge,
.authenticate a{ .authenticate a{
color: #00ffd0; color: #00ffd0;
} }
@ -49,16 +53,16 @@
background-color: #1a1a1a !important; background-color: #1a1a1a !important;
} }
.countdown-section{ .countdown-lg-section{
} }
.countdown-container{ .countdown-lg-container{
height: 100vh; height: 100vh;
position: relative; position: relative;
width: 100%; width: 100%;
} }
.countdown-contents{ .countdown-lg-contents{
width: 100%; width: 100%;
display: block; display: block;
position: absolute; position: absolute;

3
src/layouts/partials/footer.html
View file

@ -193,11 +193,14 @@ integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+
// Display the result in the element with id="demo" // Display the result in the element with id="demo"
document.getElementById("demo").innerHTML = days + "d " + hours + "h " document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s "; + minutes + "m " + seconds + "s ";
document.getElementById("demoLarge").innerHTML = days + "d " + hours + "h "
+ minutes + "m " + seconds + "s ";
// If the count down is finished, write some text // If the count down is finished, write some text
if (distance < 0) { if (distance < 0) {
clearInterval(x); clearInterval(x);
document.getElementById("demo").innerHTML = "EXPIRED"; document.getElementById("demo").innerHTML = "EXPIRED";
document.getElementById("demoLarge").innerHTML = "EXPIRED";
} }
}, 1000); }, 1000);
</script> </script>