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
+