diff --git a/ebgames_2002_files/speech_bubble.png b/ebgames_2002_files/speech_bubble.png new file mode 100644 index 0000000..7bdc738 Binary files /dev/null and b/ebgames_2002_files/speech_bubble.png differ diff --git a/index.css b/index.css index ce92df5..9e9acad 100644 --- a/index.css +++ b/index.css @@ -28,13 +28,60 @@ #ebgamesguy { position: fixed; - bottom: -9rem; + bottom: -10rem; right: 5rem; float: right; width: auto; height: auto; max-width: 100%; - animation: crawl-up 14s linear 0s 1; + animation: crawl-up 10s linear 0s 1; +} + +#ebgamesguy-txt-speech-container { + position: absolute; + left: -50px; + top: -130px; + max-width: 75%; + width: auto; + height: auto; + display: none; + opacity: 100%; + animation: fade-in 15s linear 0s 1; +} + +#ebgamesguy-txt-container { + position: absolute; + z-index: 1; + display: flex; + width: 100%; + height: 100%; + max-width: 65%; + max-height: 80%; + align-items: center; + top: 0; + bottom: 0; + left: 5%; + right: 0; +} + +#ebgamesguy-txt { + text-align: center; + width: 100%; + max-width: 100%; + overflow-wrap: break-word; +} + +#ebgamesguy-speech-container { + max-width: 75%; + width: auto; + height: auto; + transform: rotateY(180deg); +} + +#ebgamesguy-speech { + max-width: 100%; + width: auto; + height: auto; } @keyframes crawl-up { @@ -72,7 +119,46 @@ bottom: -12rem; } 100% { - bottom: -9rem; + bottom: -10rem; + } +} + +@keyframes fade-in { + 0% { + opacity: 0%; + } + 70% { + opacity: 0%; + } + 71% { + opacity: 10%; + } + 72% { + opacity: 25%; + } + 76% { + opacity: 33%; + } + 77% { + opacity: 40%; + } + 83% { + opacity: 47%; + } + 84% { + opacity: 57%; + } + 87% { + opacity: 63%; + } + 90% { + opacity: 71%; + } + 96% { + opacity: 86%; + } + 100% { + opacity: 100%; } } diff --git a/index.html b/index.html index 47d2ca9..92f0a3b 100644 --- a/index.html +++ b/index.html @@ -848,7 +848,17 @@  
 
 
- +
+ +
+
+

I am an abomination of nature

+
+
+ +
+
+
\ No newline at end of file diff --git a/index.js b/index.js index 49cb77a..da11908 100644 --- a/index.js +++ b/index.js @@ -1,5 +1,11 @@ -console.log("Hello, world!"); +const showSpeech = function () { + ebgamesguy = document.getElementById("ebgamesguy-txt-speech-container"); + if (! ebgamesguy.style.display) { + ebgamesguy.style.display = "flex"; + } +}; -anchorImage = function() { - ebgamesguy = document.getElementById("ebgamesguy"); -} +window.addEventListener("load", function () { + console.log("Hello, world!"); + showSpeech(); +}); diff --git a/temp.html b/temp.html new file mode 100644 index 0000000..df1e913 --- /dev/null +++ b/temp.html @@ -0,0 +1,20 @@ + + + + + + + + +

+ EB Games Regrets To Inform +

+

+ This site is not quite ready yet. +

+

+ Please follow @ebgamesguy@gamestop.store for updates. +

+ + + \ No newline at end of file