You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
3.9 KiB
53 lines
3.9 KiB
<!DOCTYPE html>
|
|
<meta charset="UTF-8">
|
|
<html lang="en">
|
|
<html><header><title>Rabi-Ribi Rando Location Tracker Starisms</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script src="scripts/main.js"></script>
|
|
<script src="scripts/locations.js"></script>
|
|
</header>
|
|
<body class="body" onload="justLoaded()">
|
|
<button onclick="showSection(0)" type="button" style= "background-color:#62a362">S. Woodland</button>
|
|
<button onclick="showSection(1)" type="button" style= "background-color:#5478a5">W. Coast</button>
|
|
<button onclick="showSection(2)" type="button" style= "background-color:#5ea9a4">Island Core</button>
|
|
<button onclick="showSection(3)" type="button" style= "background-color:#8165d1">N Tundra</button>
|
|
<button onclick="showSection(4)" type="button" style= "background-color:#b89368">E. Highlands</button>
|
|
<button onclick="showSection(5)" type="button" style= "background-color:#a96036">Other</button>
|
|
<input type="color" id="bgcolor" value="#666666" onchange="changeBG()">
|
|
<button onClick="info()" type="button">info</button>
|
|
<div id="info" class="info">
|
|
<a href="https://github.com/allibear17/Rabi-Ribi-Rando-Tracker" target="_blank">Click here for readme and source</a>
|
|
</div>
|
|
|
|
<div id="mapdisplay" class="map-container">
|
|
<p><span id="tt" class="tooltip">Tooltip Info</span></p>
|
|
|
|
<div id="swood" class="base">
|
|
<img src="images/01.png">
|
|
</div>
|
|
<div id="wcoast" class="base">
|
|
<img src="images/02.png">
|
|
</div>
|
|
<div id="core" class="base">
|
|
<img src="images/03.png">
|
|
</div>
|
|
<div id="ntun" class="base">
|
|
<img src="images/04.png">
|
|
</div>
|
|
<div id="ehigh" class="base">
|
|
<img src="images/05.png">
|
|
</div>
|
|
<div id="other" class="base">
|
|
<img src="images/06.png">
|
|
</div>
|
|
</div>
|
|
<div class="interface">
|
|
<table style="width:100%;height:20px;border-spacing:0px;position:absolute;z-index:-2;"><tr><td style="width:1px;background-color:rgba(255, 255, 255, 1);"></td><td style="width:1px;background-color:rgba(255, 200, 150, 1)"></td><td style="width:1px;background-color:rgba(255, 125, 50, 1);"> </td><td style="width:1px;background-color:rgba(255, 0, 0, 1);"> </td></tr></table><b>Obtainable Difficulty</b>
|
|
<table style="table-layout:fixed;"><tr>
|
|
<td><img onclick="activateItem(this)" src="./images/buttons/carrot_bomb.png" id="CarrotBomb" class="off"></td><td><img onclick="activateItem(this)" src="./images/buttons/piko_hammer.png" id="PikoHammer" class="off"></td><td><img onclick="activateItem(this)" src="./images/buttons/sliding_powder.png" id="SlidingPowder" class="off"></td><td><img onclick="activateItem(this)" src="./images/buttons/rabi_slippers.png" id="RabiSlippers" class="off"></td></tr><tr>
|
|
<td><img onclick="activateItem(this)" src="./images/buttons/carrot_shooter.png" id="CarrotShooter" class="off"></td><td><img onclick="activateItem(this)" src="./images/buttons/bunny_whirl.png" id="BunnyWhirl" class="off"></td><td><img onclick="activateItem(this)" src="./images/buttons/bunny_amulet.png" id="BunnyAmulet" class="off"></td><td><img onclick="activateItem(this)" src="./images/buttons/wall_jump.png" id="WallJump" class="off"></td></tr><tr>
|
|
<td><img onclick="activateItem(this)" src="./images/buttons/bunny_strike.png" id="BunnyStrike" class="off"></td><td><img onclick="activateItem(this)" src="./images/buttons/air_dash.png" id="AirDash" class="off"></td><td><img onclick="activateItem(this)" src="./images/buttons/hammer_roll.png" id="HammerRoll" class="off"></td><td><img onclick="activateItem(this)" src="./images/buttons/fire_orb.png" id="FireOrb" class="off"></td></tr><tr>
|
|
<td><img onclick="activateItem(this)" src="./images/buttons/light_orb.png" id="LightOrb" class="off"></td><td><img onclick="activateItem(this)" src="./images/buttons/water_orb.png" id="WaterOrb" class="off"></td><td><img onclick="activateItem(this)" src="./images/buttons/air_jump.png" id="AirJump" class="off"></td></tr>
|
|
</div>
|
|
</body>
|
|
</html> |