diff --git a/ebgames_2002_files/master-ebg1-replacement.gif b/ebgames_2002_files/master-ebg1-replacement.gif new file mode 100644 index 0000000..636d649 Binary files /dev/null and b/ebgames_2002_files/master-ebg1-replacement.gif differ diff --git a/ebgames_2002_files/replacement_ad_piracy.jpeg b/ebgames_2002_files/replacement_ad_piracy.jpeg new file mode 100644 index 0000000..73f7c79 Binary files /dev/null and b/ebgames_2002_files/replacement_ad_piracy.jpeg differ diff --git a/ebgames_2002_files/tabs-eb-wel.png b/ebgames_2002_files/tabs-eb-wel.png new file mode 100644 index 0000000..fd52ffb Binary files /dev/null and b/ebgames_2002_files/tabs-eb-wel.png differ diff --git a/ebgames_2002_files/tabs-eb-wel.xcf b/ebgames_2002_files/tabs-eb-wel.xcf new file mode 100644 index 0000000..5f594dc Binary files /dev/null and b/ebgames_2002_files/tabs-eb-wel.xcf differ diff --git a/error/ERROR_1586341440.log b/error/ERROR_1586341440.log new file mode 100644 index 0000000..30743cd --- /dev/null +++ b/error/ERROR_1586341440.log @@ -0,0 +1,9 @@ +##### BEGIN ERROR LOG ##### +1586341440 INFO | EB Games is currently investigating reports of our posts being corrupted in various ways. We recommend following this account for any updates regarding this incident, and we will continue to keep you update as we make progress. +1586341441 ERROR | MEMORY LEAK DETECTED IN CENTRAL PROCESSING UNIT +1586341441 ERROR | SUBPROCESS MAKE_MASTODON_POST_103963655452605002 WAS TERMINATED BEFORE COMPLETION +1586341441 DEBUG | CONTINUING TO NEXT INSTRUCTION... +1586341443 INFO | Copy that. #ebgames #gamestop #halo #xboxone +1586341450 INFO | Wait. What just happened? +1586341451 INFO | Why don't I remember making this post? +##### END ERROR LOG ##### \ No newline at end of file diff --git a/index.css b/index.css index 9e9acad..96336e9 100644 --- a/index.css +++ b/index.css @@ -7,6 +7,27 @@ animation-direction: reverse; } +.ebgamesguy-class { + position: fixed; + right: 5rem; + float: right; + width: auto; + height: auto; + max-width: 100%; + bottom: -10rem; +} + +.ebgamesguy-txt-speech-container-class { + position: absolute; + left: -50px; + top: -130px; + max-width: 75%; + width: auto; + height: auto; + display: flex; + opacity: 100%; +} + #bizrate-logo { animation: infinite-rotation 5ms linear infinite; } @@ -27,24 +48,17 @@ } #ebgamesguy { - position: fixed; bottom: -10rem; - right: 5rem; - float: right; - width: auto; - height: auto; - max-width: 100%; animation: crawl-up 10s linear 0s 1; } -#ebgamesguy-txt-speech-container { - position: absolute; - left: -50px; - top: -130px; - max-width: 75%; - width: auto; - height: auto; +#ebgamesguy-done { + bottom: -34rem; display: none; + animation: crawl-down 5s linear reverse 0s 1; +} + +#ebgamesguy-txt-speech-container { opacity: 100%; animation: fade-in 15s linear 0s 1; } @@ -123,6 +137,42 @@ } } +@keyframes crawl-down { + 0% { + bottom: -34rem; + } + 2% { + bottom: -32rem; + } + 8% { + bottom: -30rem; + } + 24% { + bottom: -29rem; + } + 30% { + bottom: -27rem; + } + 52% { + bottom: -21rem; + } + 54% { + bottom: -20rem; + } + 68% { + bottom: -16rem; + } + 78% { + bottom: -13rem; + } + 92% { + bottom: -12rem; + } + 100% { + bottom: -10rem; + } +} + @keyframes fade-in { 0% { opacity: 0%; diff --git a/index.html b/index.html index 92f0a3b..70b37ad 100644 --- a/index.html +++ b/index.html @@ -14,12 +14,7 @@ } - Your shopping cart - Your Wish List - Your account information - Check the status of an order - Go to the help desk - DVD Movies + HELP L HELLLLP Action Figures Preowned Games PC Hardware @@ -35,7 +30,7 @@

-
+
@@ -57,7 +52,7 @@ Returning shoppers,
click here to log-in!
- @@ -813,7 +808,7 @@


-

@@ -848,9 +843,9 @@
 
 
 
-
+
-
+

I am an abomination of nature

diff --git a/index.js b/index.js index da11908..17685cf 100644 --- a/index.js +++ b/index.js @@ -1,11 +1,53 @@ +let textIndex = 1; + +const textArray = [ + "Hey guys, welcome to EB Games! (click to advance)", + "Feel free to browse our very real website, check out our links, and enjoy the experience.", + "Here at EB Games, we are hard at work planning and creating updates, so check back often!", + "You might even find some things you didn't notice before.", + "Thank you for choosing EB Games!" +]; + +const checkFadeInFinished = async function () { + const ebgamesguySpeech = document.getElementById( + "ebgamesguy-txt-speech-container" + ); + await new Promise((resolve) => setTimeout(resolve, 15000)); + if (ebgamesguySpeech.id) { + console.log("We did it"); + ebgamesguySpeech.id = ""; + } +}; + const showSpeech = function () { - ebgamesguy = document.getElementById("ebgamesguy-txt-speech-container"); - if (! ebgamesguy.style.display) { + const ebgamesguy = document.getElementById("ebgamesguy"); + const ebgamesguySpeech = document.getElementById( + "ebgamesguy-txt-speech-container" + ); + const ebgamesguyTxt = document.getElementById("ebgamesguy-txt"); + if (!ebgamesguy.style.display) { ebgamesguy.style.display = "flex"; } + ebgamesguy.addEventListener("click", function () { + if (textIndex < textArray.length) { + if (textIndex == 1 && ebgamesguySpeech.id) { + ebgamesguySpeech.id = ""; + ebgamesguy.id = ""; + } else { + ebgamesguyTxt.innerHTML = textArray[textIndex]; + textIndex = textIndex + 1; + } + } else { + ebgamesguySpeech.style.display = "none"; + ebgamesguy.id = "ebgamesguy-done"; + } + }); + checkFadeInFinished(); }; window.addEventListener("load", function () { console.log("Hello, world!"); + const ebgamesguyTxt = document.getElementById("ebgamesguy-txt"); + ebgamesguyTxt.innerHTML = textArray[0]; showSpeech(); });