diff --git a/demons/assets/css/main.css b/demons/assets/css/main.css new file mode 100644 index 0000000..598ab04 --- /dev/null +++ b/demons/assets/css/main.css @@ -0,0 +1,67 @@ +body { + background-color:black; + font-family: 'Gochi Hand', cursive; +} + +a { + color:white; +} + +a:hover { + color:gray; +} + +#landingBack { + margin-top: 25px; + text-align: center; + + -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ + -moz-animation: fadein 2s; /* Firefox < 16 */ + -ms-animation: fadein 2s; /* Internet Explorer */ + -o-animation: fadein 2s; /* Opera < 12.1 */ + animation: fadein 2s; +} + +#landingData { + /* Animation Stuff */ + -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ + -moz-animation: fadein 2s; /* Firefox < 16 */ + -ms-animation: fadein 2s; /* Internet Explorer */ + -o-animation: fadein 2s; /* Opera < 12.1 */ + animation: fadein 2s; + animation-delay: 1.3s; + animation-fill-mode:both; + + text-align:center; +} + +/* Animations */ + +@keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +/* Firefox < 16 */ +@-moz-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +/* Safari, Chrome and Opera > 12.1 */ +@-webkit-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +/* Internet Explorer */ +@-ms-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +/* Opera < 12.1 */ +@-o-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} \ No newline at end of file diff --git a/demons/assets/img/fighting-demons.png b/demons/assets/img/fighting-demons.png new file mode 100644 index 0000000..d0370b2 Binary files /dev/null and b/demons/assets/img/fighting-demons.png differ diff --git a/demons/assets/js/countdown.js b/demons/assets/js/countdown.js new file mode 100644 index 0000000..7320aeb --- /dev/null +++ b/demons/assets/js/countdown.js @@ -0,0 +1,31 @@ +async function generateCountdown() { + var countDownDate = new Date("12/07/2021 11:09 AM").getTime(); + + // Update the count down every 1 second + var x = setInterval(function() { + + // Get today's date and time + var now = new Date().getTime(); + + // Find the distance between now and the count down date + var distance = countDownDate - now; + + // Time calculations for days, hours, minutes and seconds + var days = Math.floor(distance / (1000 * 60 * 60 * 24)); + var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); + var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); + var seconds = Math.floor((distance % (1000 * 60)) / 1000); + + // Display the result in the element with id="demo" + document.getElementById("countdown").innerHTML = days + "d " + hours + "h " + + minutes + "m " + seconds + "s "; + + // If the count down is finished, write some text + if (distance < 0) { + clearInterval(x); + document.getElementById("timeuntil").style.display = "none" + document.getElementById("countdown").innerHTML = `Juice WRLD Day is on!
Watch it live on Amazon Music's Twitch page.

+ `; + } + }, 1000); +} \ No newline at end of file diff --git a/demons/index.html b/demons/index.html new file mode 100644 index 0000000..c070b27 --- /dev/null +++ b/demons/index.html @@ -0,0 +1,45 @@ + + + 👊😈 + + + + + + + +
+ +
+ +
+

Time until Juice WRLD Day:

+

+
+ +
+ +

Important Dates

+

December 2nd - Juice's Birthday

+

December 8th - 2 years without Juice

+

December 10th - "Fighting Demons" Album Drop

+

December 16th - "Juice WRLD: Into The Abyss" Premiere on HBO.


+ +

What's this site about?

+

This site is fan-made by Awex to commemorate Jarad "Juice WRLD" Higgins during the month of December.

+ +

Who is Juice WRLD?

+

Jarad Anthony Higgins was a rapper, singer and songwriter from Chicago. He struck stardom with his hit songs "Lucid Dreams" and "All Girls Are The Same" in 2018.
+ Between 2018 and 2019, he released 2 albums; "Goodbye & Good Riddance" & "Death Race for Love" and recorded thousands of songs.
+ Unfortunately, on December 8th 2019, Jarad suffered a codeine and oxycodone overdose after landing at Chicago International Airport.

+
+ + + + + + + \ No newline at end of file