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

EB Games Guy Crawl Up the page.

Browse source
This commit is contained in:
Alex Huddleston 2020-04-10 14:46:27 -05:00
parent 9db5f093cc
commit 0c0628c329
4 changed files with 103 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
ebgames_2002_files/ebgamesguy.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 172 KiB

50
index.css
View file

@ -26,6 +26,56 @@
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);

69
index.html
View file

@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<script src="index.js"></script>
<link rel="stylesheet" href="index.css" type="text/css">
</head>
@ -135,8 +136,8 @@
<div class="navSm"><a href="#" target="_top">Privacy Statement</a></div>
&nbsp;
<br>
<a href="#"><img src="ebgames_2002_files/seal.gif" width="67" height="70" border="0" id="secure-site"
alt="Pikmin"></a><br><br>
<a href="#"><img src="ebgames_2002_files/seal.gif" width="67" height="70" border="0"
id="secure-site" alt="Pikmin"></a><br><br>
</center>
</td>
<td width="10" bgcolor="#336699"><img src="ebgames_2002_files/spRow_336699.gif" width="10"
@ -147,8 +148,8 @@
<table width="460" border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="2" valign="BOTTOM"><a href="#"><img
src="ebgames_2002_files/184256m-0222-CCRen-top.jpg" width="188" height="100" class="rotate-clockwise"
border="0"></a></td>
src="ebgames_2002_files/184256m-0222-CCRen-top.jpg" width="188" height="100"
class="rotate-clockwise" border="0"></a></td>
<td width="272">
<a href="#">
<font size="2" face="Arial, Helvetica"><b>C&C;: Renegade</font></b></font>
@ -250,8 +251,9 @@
Edition</a> - $59.99</font>
</td>
<td width="120">
<img src="ebgames_2002_files/214819m-120x135.jpg" width="120" class="rotate-counter-clockwise"
height="150" border="0" lowsrc="/ebx_assets/images/loading.gif">
<img src="ebgames_2002_files/214819m-120x135.jpg" width="120"
class="rotate-counter-clockwise" height="150" border="0"
lowsrc="/ebx_assets/images/loading.gif">
</td>
</tr>
</table>
@ -259,8 +261,9 @@
<table width="270" border="0" cellspacing="0" cellpadding="1">
<tr>
<td width="120">
<a href="#"><img src="ebgames_2002_files/215082m-120x150-art.jpg" class="rotate-clockwise"
width="120" height="150" border="0"></a></td>
<a href="#"><img src="ebgames_2002_files/215082m-120x150-art.jpg"
class="rotate-clockwise" width="120" height="150"
border="0"></a></td>
<td width="100%">
<a href="#">
<font size="2" face="Arial, Helvetica"><b>All-Star Baseball
@ -299,16 +302,17 @@
</td>
<td width="100">
<a href="#"><img
src="ebgames_2002_files/205960m-0111-StateEmerg.jpg" class="rotate-counter-clockwise"
width="120" height="150" border="0"></a></td>
src="ebgames_2002_files/205960m-0111-StateEmerg.jpg"
class="rotate-counter-clockwise" width="120" height="150"
border="0"></a></td>
</tr>
</table>
<hr noshade size="1" width="270">
<table width="270" border="0" cellspacing="0" cellpadding="1">
<tr>
<td width="120">
<a href="#"><img src="ebgames_2002_files/198102m-GTA3.jpg" class="rotate-clockwise"
width="120" height="150" border="0"
<a href="#"><img src="ebgames_2002_files/198102m-GTA3.jpg"
class="rotate-clockwise" width="120" height="150" border="0"
lowsrc="/ebx_assets/images/loading.gif"></a></td>
<td width="100%">
<font size="2" face="Arial, Helvetica"><a href="#"><b>Grand
@ -346,16 +350,18 @@
HERE</a> - $34.99</font>
</td>
<td width="100">
<a href="#"><img src="ebgames_2002_files/214314m-0208-SuperMar2.jpg" class="rotate-counter-clockwise"
width="120" height="150" border="0"></a></td>
<a href="#"><img src="ebgames_2002_files/214314m-0208-SuperMar2.jpg"
class="rotate-counter-clockwise" width="120" height="150"
border="0"></a></td>
</tr>
</table>
<hr noshade size="1" width="270">
<table width="270" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="120">
<a href="#"><img src="ebgames_2002_files/208000m-120x150-art.jpg" class="rotate-clockwise"
width="120" height="150" border="0"></a></td>
<a href="#"><img src="ebgames_2002_files/208000m-120x150-art.jpg"
class="rotate-clockwise" width="120" height="150"
border="0"></a></td>
<td width="100%">
<a href="#">
<font size="2" face="Arial, Helvetica"><b>Star Trek: Bridge
@ -377,8 +383,8 @@
</td>
<td width="180">
<center>
<a href="#"><img src="ebgames_2002_files/GeForce4Badge.gif" width="170" id="geforce"
height="45" border="0" vspace="4"></a>
<a href="#"><img src="ebgames_2002_files/GeForce4Badge.gif" width="170"
id="geforce" height="45" border="0" vspace="4"></a>
</center>
<img src="ebgames_2002_files/Title-NewReleases.gif" width="118" height="16"
border="0">
@ -780,8 +786,8 @@
</table>
<br>
<center>
<a href="#"><img src="ebgames_2002_files/SpecialPromotions_link.gif" width="165" id="special-promotions"
height="45" border="0" vspace="2"></a><br>
<a href="#"><img src="ebgames_2002_files/SpecialPromotions_link.gif" width="165"
id="special-promotions" height="45" border="0" vspace="2"></a><br>
</center>
</td>
</tr>
@ -793,13 +799,13 @@
height="6"></td>
<td width="120" bgcolor="#336699">
<!--Inserted HTML code from MSASv1.0-->
<a href="#" target="_top"><img src="ebgames_2002_files/Everquests.jpg" width="120" height="50" class="rotate-clockwise"
border="0" alt="EverQuest Games!"></a><img src="ebgames_2002_files/space.gif"
width="120" height="6" border="0"><br>
<a href="#" target="_top"><img src="ebgames_2002_files/Everquests.jpg" width="120" height="50"
class="rotate-clockwise" border="0" alt="EverQuest Games!"></a><img
src="ebgames_2002_files/space.gif" width="120" height="6" border="0"><br>
<!--Inserted HTML code from MSASv1.0-->
<a href="#" target="_top"><img src="ebgames_2002_files/209937s-UFC.gif" width="120" height="50" class="rotate-clockwise"
border="0" alt="UFC Tapout Xbox!"></a><img src="ebgames_2002_files/space.gif"
width="120" height="6" border="0"><br>
<a href="#" target="_top"><img src="ebgames_2002_files/209937s-UFC.gif" width="120" height="50"
class="rotate-clockwise" border="0" alt="UFC Tapout Xbox!"></a><img
src="ebgames_2002_files/space.gif" width="120" height="6" border="0"><br>
<map name="ImageMap34535">
<area shape="rect" alt="Star Trek" coords="0,0,119,85" href="#">
<area shape="rect" alt="SOF2" coords="0,86,119,174" href="#">
@ -807,13 +813,13 @@
<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" class="rotate-clockwise"
border="0"></a>
<a href="#" target="_new"><img src="ebgames_2002_files/master-ebg1.gif" width="120" height="140"
class="rotate-clockwise" border="0"></a>
<br><br>
<center>
<a href="#" target="bizrate.com"><img src="ebgames_2002_files/BizRateLogo.gif" id="bizrate-logo"
alt="BizRate Customer Certified (GOLD) Site" width="110" height="50" align="top"
border="0" target="_blank"></a>
<a href="#" target="bizrate.com"><img src="ebgames_2002_files/BizRateLogo.gif"
id="bizrate-logo" alt="BizRate Customer Certified (GOLD) Site" width="110"
height="50" align="top" border="0" target="_blank"></a>
</center>
<br>
&nbsp;
@ -842,6 +848,7 @@
</font>
</center>
&nbsp;<br>&nbsp;<br>&nbsp;<br>
<img src="ebgames_2002_files/ebgamesguy.png" id="ebgamesguy">
</body>
</html>

5
index.js Normal file
View file

@ -0,0 +1,5 @@
console.log("Hello, world!");
anchorImage = function() {
ebgamesguy = document.getElementById("ebgamesguy");
}