mirror of
https://github.com/ivabus/www
synced 2024-09-21 03:00:45 +03:00
Restored full-page timer
This commit is contained in:
parent
08efc6095d
commit
356a4826b7
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue