ada/ebgamesreal-live
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Functionally complete for iteration 1. Will continue to replace content as necessary.

Browse source
This commit is contained in:
Alex Huddleston 2020-04-11 00:11:40 -05:00
parent 9304c72470
commit c74a42c7e4
8 changed files with 122 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
ebgames_2002_files/master-ebg1-replacement.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
ebgames_2002_files/replacement_ad_piracy.jpeg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
ebgames_2002_files/tabs-eb-wel.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
ebgames_2002_files/tabs-eb-wel.xcf Normal file
View file

Binary file not shown.

9
error/ERROR_1586341440.log Normal file
View file

@ -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 #####

76
index.css
View file

@ -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%;

17
index.html
View file

@ -14,12 +14,7 @@
}
</script>
<map name="navMap">
<area shape="rect" alt="Your shopping cart" coords="705,0,759,35" href="#" target="_top">
<area shape="rect" alt="Your Wish List" coords="625,0,704,35" href="#" target="_top">
<area shape="rect" alt="Your account information" coords="541,0,624,35" href="#" target="_top">
<area shape="rect" alt="Check the status of an order" coords="472,0,540,35" href="#" target="_top">
<area shape="rect" alt="Go to the help desk" coords="417,0,471,35" href="#">
<area shape="rect" alt="DVD Movies" coords="625,35,760,54" href="#" target="_top">
<area shape="rect" alt="HELP L HELLLLP" coords="625,35,760,54" href="error/ERROR_1586341440.log" target="_top">
<area shape="rect" alt="Action Figures" coords="521,35,624,54" href="#" target="_top">
<area shape="rect" alt="Preowned Games" coords="413,35,520,54" href="#" target="_top">
<area shape="rect" alt="PC Hardware" coords="305,35,412,54" href="#" target="_top">
@ -35,7 +30,7 @@
<center>
<center>
<img src="ebgames_2002_files/space.gif" width="1" height="4" border="0"><br>
<img src="ebgames_2002_files/tabs-eb-wel.gif" width="760" height="80" border="0" usemap="#navMap"><br>
<img src="ebgames_2002_files/tabs-eb-wel.png" width="760" height="80" border="0" usemap="#navMap"><br>
<table border="0" cellpadding="0" cellspacing="0" width="760">
<tr>
<td width="10"><img src="ebgames_2002_files/spRow_336699.gif" width="10" height="6"></td>
@ -57,7 +52,7 @@
Returning shoppers,<br> click here to log-in!</a>
</span>
<table cellspacing="0" cellpadding="0" border="0">
<form method="POST" action="/" onsubmit="return SearchValidatorGo(this)" name="srchFrm"
<form method="POST" action="#" onsubmit="return SearchValidatorGo(this)" name="srchFrm"
target="_top">
<input type="hidden" name="ShopperID" value="S93F64H9A7XK9N7K09K6E87H2DUJ9DC7">
<input type="hidden" name="Signal" value="1">
@ -813,7 +808,7 @@
<br>
<img src="ebgames_2002_files/space.gif" width="120" height="6" border="0"><br>
<br>
<a href="#" target="_new"><img src="ebgames_2002_files/master-ebg1.gif" width="120" height="140"
<a href="#" target="_new"><img src="ebgames_2002_files/master-ebg1-replacement.gif" width="120" height="140"
class="rotate-clockwise" border="0"></a>
<br><br>
<center>
@ -848,9 +843,9 @@
</font>
</center>
&nbsp;<br>&nbsp;<br>&nbsp;<br>
<div id="ebgamesguy">
<div class="ebgamesguy-class" id="ebgamesguy">
<img src="ebgames_2002_files/ebgamesguy.png" id="ebgamesguy-img">
<div id="ebgamesguy-txt-speech-container">
<div class="ebgamesguy-txt-speech-container-class" id="ebgamesguy-txt-speech-container">
<div id="ebgamesguy-txt-container">
<p id="ebgamesguy-txt">I am an abomination of nature</p>
</div>

46
index.js
View file

@ -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();
});