diff --git a/assets/css/tree.css b/assets/css/tree.css new file mode 100644 index 0000000..24255cd --- /dev/null +++ b/assets/css/tree.css @@ -0,0 +1,116 @@ +html, body { + margin: 0; + height: 100%; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif +} + +html{ + background-color:black; + background-size:cover; +} + +a { + color:white; +} + +a:hover { + color:gray; +} + +body { + background-size: 400% 400%; + padding-top:35px; + padding-bottom:35px; + height:fit-content; + min-height:100%; +} + +@keyframes gradient { + 0% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } +} + +:root { + --accentColor: #E6E6E6; + --delay: .3s; +} + +.description, .source{ + color:white; + text-align:center; + margin: 27px auto; + margin-top:10px; + width:90%; + max-width: 500px; +} + +.source{ + font-size:small; + margin-top:50px; +} + +.profilePicture, .profilePicture img { + position: relative; + width: 130px; + height: 130px; + display: block; + margin: 35px auto 20px; + border-radius: 50%; +} + +.userName { + color: var(--accentColor); + font-size: x-large; + font-weight: bold; + line-height: 1.25; + display: block; + width: 100%; + text-align: center; + text-decoration: none; +} + +.links { + max-width: 675px; + width: auto; + display: block; + margin: 27px auto; +} + +.link { + position: relative; + background-color: transparent; + color: var(--accentColor); + border: solid var(--accentColor) 2px; + border-radius: 10px; + font-size: 1rem; + text-align: center; + display: block; + margin-left: 10px; + margin-right: 10px; + margin-bottom: 10px; + padding: 10px; + text-decoration: none; + -webkit-tap-highlight-color: transparent; +} + +@media (hover: hover) { + .link:hover { + background-color: var(--accentColor); + color: #000; /* Fallback for older browsers */ + color: rgba(0, 0, 0, 0.5); + } +} + +.link:active { + background-color: var(--accentColor); + color: #000; /* Fallback for older browsers */ + color: rgba(0, 0, 0, 0.5); +} + diff --git a/assets/js/secret.js b/assets/js/secret.js new file mode 100644 index 0000000..0f0e6e4 --- /dev/null +++ b/assets/js/secret.js @@ -0,0 +1,27 @@ +// a key map of allowed keys +var allowedKeys = { + 37: 'left', + 38: 'up', + 39: 'right', + 40: 'down', + 65: 'a', + 66: 'b' + }; + + var code = ['up', 'up', 'down', 'down', 'left', 'right', 'left', 'right', 'b', 'a']; + var pos = 0; + + // add keydown event listener + document.addEventListener('keydown', function(e) { + var key = allowedKeys[e.keyCode]; + var requiredKey = code[pos]; + if (key == requiredKey) { + pos++; + if (pos == code.length) { + location = `https://www.youtube.com/watch?v=dQw4w9WgXcQ` + pos = 0; + } + } else { + pos = 0; + } + }); \ No newline at end of file diff --git a/demons/assets/css/main.css b/demons/assets/css/main.css deleted file mode 100644 index 598ab04..0000000 --- a/demons/assets/css/main.css +++ /dev/null @@ -1,67 +0,0 @@ -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 deleted file mode 100644 index d0370b2..0000000 Binary files a/demons/assets/img/fighting-demons.png and /dev/null differ diff --git a/demons/assets/js/countdown.js b/demons/assets/js/countdown.js deleted file mode 100644 index a54ba7b..0000000 --- a/demons/assets/js/countdown.js +++ /dev/null @@ -1,31 +0,0 @@ -async function generateCountdown() { - var countDownDate = new Date("12/09/2021 09:00 PM").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 deleted file mode 100644 index 6bc4a6b..0000000 --- a/demons/index.html +++ /dev/null @@ -1,47 +0,0 @@ - - - 👊😈 - - - - - - - -
- -
- -
-

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 diff --git a/index.html b/index.html index a84cf43..76a2c6d 100644 --- a/index.html +++ b/index.html @@ -67,6 +67,7 @@
+

Socials!

I am all over! You can find the hub for all of my links here.

diff --git a/links.html b/links.html new file mode 100644 index 0000000..b69ae00 --- /dev/null +++ b/links.html @@ -0,0 +1,60 @@ + + + + + + + lulawexLIVE >> Links + + + + + + + + + + + + + + + Profile Picture + + +
+ lulawexLIVE +
+ +
+ probably clipping stuff on Medal +
+ +
+ +  Medal.tv + + +  Last.fm + + +  Github + + +  Discord + + +  Instagram + + +  Reddit + +
+ +
+ This was built on Tree, a linktr.ee alternative. +
+ + + + \ No newline at end of file