diff --git a/ebgames_2002_files/ebgamesguy.png b/ebgames_2002_files/ebgamesguy.png new file mode 100644 index 0000000..84d4a0c Binary files /dev/null and b/ebgames_2002_files/ebgamesguy.png differ diff --git a/index.css b/index.css index 70c7311..3319009 100644 --- a/index.css +++ b/index.css @@ -20,19 +20,69 @@ } #geforce { - animation-name: grow; - animation-timing-function: cubic-bezier(1, 0, 0.33, 1); - animation-iteration-count: infinite; - animation-duration: 180s; + animation-name: grow; + animation-timing-function: cubic-bezier(1, 0, 0.33, 1); + animation-iteration-count: infinite; + animation-duration: 180s; +} + +#ebgamesguy { + position: sticky; + bottom: -9rem; + right: 5rem; + float: right; + width: auto; + height: auto; + max-width: 100%; + animation: crawl-up 14s linear 0s 1; +} + +@keyframes crawl-up { + 0% { + bottom: -34rem; + } + 50% { + bottom: -34rem; + } + 51% { + bottom: -32rem; + } + 54% { + bottom: -30rem; + } + 62% { + bottom: -29rem; + } + 65% { + bottom: -27rem; + } + 76% { + bottom: -21rem; + } + 77% { + bottom: -20rem; + } + 84% { + bottom: -16rem; + } + 89% { + bottom: -13rem; + } + 96% { + bottom: -12rem; + } + 100% { + bottom: -9rem; + } } @keyframes grow { - 0% { - transform: scale(1); - } - 100% { - transform: scale(5); - } + 0% { + transform: scale(1); + } + 100% { + transform: scale(5); + } } @keyframes grow-shrink { diff --git a/index.html b/index.html index 88fb345..47d2ca9 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ + @@ -135,8 +136,8 @@  
- Pikmin

+ Pikmin

+ src="ebgames_2002_files/184256m-0222-CCRen-top.jpg" width="188" height="100" + class="rotate-clockwise" border="0"> C&C;: Renegade @@ -250,8 +251,9 @@ Edition - $59.99 - + @@ -259,8 +261,9 @@ + + src="ebgames_2002_files/205960m-0111-StateEmerg.jpg" + class="rotate-counter-clockwise" width="120" height="150" + border="0">
- All-Star Baseball @@ -299,16 +302,17 @@

+
- Grand @@ -346,16 +350,18 @@ HERE - $34.99 -

+
- Star Trek: Bridge @@ -377,8 +383,8 @@
- +
@@ -780,8 +786,8 @@

-
+
@@ -793,13 +799,13 @@ height="6"> - EverQuest Games!
+ EverQuest Games!
- UFC Tapout Xbox!
+ UFC Tapout Xbox!
Star Trek SOF2 @@ -807,13 +813,13 @@


- +

- +

  @@ -842,6 +848,7 @@  
 
 
+ \ No newline at end of file diff --git a/index.js b/index.js new file mode 100644 index 0000000..49cb77a --- /dev/null +++ b/index.js @@ -0,0 +1,5 @@ +console.log("Hello, world!"); + +anchorImage = function() { + ebgamesguy = document.getElementById("ebgamesguy"); +}