Set up basic template for player tracker
This commit is contained in:
Chris Wilson
parent
9c8169afa2
commit
34c74c9d2a
|
|
@ -0,0 +1,3 @@
|
|||
window.addEventListener('load', () => {
|
||||
// setTimeout(() => window.location.reload(), 15000);
|
||||
});
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
#player-tracker-wrapper{
|
||||
|
||||
}
|
||||
|
||||
#inventory-table{
|
||||
border: 2px solid black;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 5px;
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
#inventory-table td{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#inventory-table img{
|
||||
height: 100%;
|
||||
max-width: 40px;
|
||||
max-height: 40px;
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
|
||||
#inventory-table img.acquired{
|
||||
filter: none;
|
||||
}
|
||||
|
||||
#inventory-table img.powder-fix{
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
#location-table{
|
||||
width: 250px;
|
||||
border: 2px solid black;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
#location-table th{
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#location-table td{
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
#location-table th.counter, #location-table td.counter{
|
||||
padding-right: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#location-table img{
|
||||
height: 100%;
|
||||
max-width: 30px;
|
||||
max-height: 30px;
|
||||
}
|
||||
|
|
@ -2,13 +2,134 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<title>{{ player_name }}'s Tracker</title>
|
||||
<link rel="stylesheet" type="text/css" href="{{ static_autoversion("styles/player-tracker.css") }}"/>
|
||||
<script type="application/ecmascript" src="{{ static_autoversion("assets/player-tracker.js") }}"></script>
|
||||
<link rel="stylesheet" type="text/css" href="{{ static_autoversion("styles/playerTracker.css") }}"/>
|
||||
<script type="application/ecmascript" src="{{ static_autoversion("assets/playerTracker.js") }}"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="player-tracker-wrapper" data-tracker="{{ room.tracker|suuid }}">
|
||||
This will eventually be the player tracker for {{ player_name }}.
|
||||
<table id="inventory-table">
|
||||
<tr>
|
||||
<td><img src="{{ icons["Bow"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Blue Boomerang"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Hookshot"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Magic Powder"] }}" class="powder-fix" /></td>
|
||||
<td><img src="{{ icons["Fighter Sword"] }}" class="" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="{{ icons["Fire Rod"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Ice Rod"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Bombos"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Ether"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Quake"] }}" class="" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="{{ icons["Lamp"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Hammer"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Flute"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Bug Catching Net"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Book of Mudora"] }}" class="" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="{{ icons["Bottle"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Cane of Somaria"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Cane of Byrna"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Cape"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Magic Mirror"] }}" class="" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="{{ icons["Pegasus Boots"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Power Glove"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Flippers"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Moon Pearl"] }}" class="" /></td>
|
||||
<td><img src="{{ icons["Green Mail"] }}" class="acquired" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table id="location-table">
|
||||
<tr>
|
||||
<th></th>
|
||||
<th class="counter"><img src="{{ icons["Chest"] }}" /></th>
|
||||
<th class="counter"><img src="{{ icons["Small Key"] }}" /></th>
|
||||
<th><img src="{{ icons["Big Key"] }}" /></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Hyrule Castle</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Eastern Palace</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Desert Palace</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tower of Hera</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Agahnim's Tower</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Palace of Darkness</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Swamp Palace</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Skull Woods</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Thieves' Town</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Ice Palace</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Misery Mire</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Turtle Rock</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td></td>
|
||||
</tr><tr>
|
||||
<td>Ganon's Tower</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td class="counter">0 / 0</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -35,10 +35,10 @@
|
|||
<th class="center-column">
|
||||
<img class="alttp-sprite" src="{{ icons[name] }}" alt="{{ name|e }}">
|
||||
</th>
|
||||
{%- else -%}
|
||||
<th class="center-column">{{ name|e }}</th>
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
{%- else -%}
|
||||
<th class="center-column">{{ name|e }}</th>
|
||||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
|
|
|||
|
|
@ -20,14 +20,26 @@ app.jinja_env.filters["location_name"] = lambda location: Regions.lookup_id_to_n
|
|||
app.jinja_env.filters['item_name'] = lambda id: Items.lookup_id_to_name.get(id, id)
|
||||
|
||||
icons = {
|
||||
"Fighter Sword": r"https://oyster.ignimgs.com/mediawiki/apis.ign.com/the-legend-of-zelda-a-link-to-the-past/4/40/SFighterSword.png?width=1920",
|
||||
"Master Sword": r"https://oyster.ignimgs.com/mediawiki/apis.ign.com/the-legend-of-zelda-a-link-to-the-past/6/65/SMasterSword.png?width=1920",
|
||||
"Tempered Sword": r"https://oyster.ignimgs.com/mediawiki/apis.ign.com/the-legend-of-zelda-a-link-to-the-past/9/92/STemperedSword.png?width=1920",
|
||||
"Golden Sword": r"https://oyster.ignimgs.com/mediawiki/apis.ign.com/the-legend-of-zelda-a-link-to-the-past/2/28/SGoldenSword.png?width=1920",
|
||||
"Bow": r"https://gamepedia.cursecdn.com/zelda_gamepedia_en/b/bc/ALttP_Bow_%26_Arrows_Sprite.png?version=cfb7648b3714cccc80e2b17b2adf00ed",
|
||||
"Bow and Arrows": r"https://gamepedia.cursecdn.com/zelda_gamepedia_en/b/bc/ALttP_Bow_%26_Arrows_Sprite.png?version=5f85a70e6366bf473544ef93b274f74c",
|
||||
"Bow and Silver Arrows": r"https://oyster.ignimgs.com/mediawiki/apis.ign.com/the-legend-of-zelda-a-link-to-the-past/6/65/Bow.png?width=1920",
|
||||
"Green Mail": r"https://oyster.ignimgs.com/mediawiki/apis.ign.com/the-legend-of-zelda-a-link-to-the-past/c/c9/SGreenTunic.png?width=1920",
|
||||
"Blue Mail": r"https://oyster.ignimgs.com/mediawiki/apis.ign.com/the-legend-of-zelda-a-link-to-the-past/9/98/SBlueTunic.png?width=1920",
|
||||
"Red Mail": r"https://oyster.ignimgs.com/mediawiki/apis.ign.com/the-legend-of-zelda-a-link-to-the-past/7/74/SRedTunic.png?width=1920",
|
||||
"Power Glove": r"https://oyster.ignimgs.com/mediawiki/apis.ign.com/the-legend-of-zelda-a-link-to-the-past/f/f5/SPowerGlove.png?width=1920",
|
||||
"Titan Mitts": r"https://oyster.ignimgs.com/mediawiki/apis.ign.com/the-legend-of-zelda-a-link-to-the-past/c/c1/STitanMitt.png?width=1920",
|
||||
"Progressive Sword":
|
||||
r"https://gamepedia.cursecdn.com/zelda_gamepedia_en/c/cc/ALttP_Master_Sword_Sprite.png?version=55869db2a20e157cd3b5c8f556097725",
|
||||
"Pegasus Boots":
|
||||
r"https://gamepedia.cursecdn.com/zelda_gamepedia_en/e/ed/ALttP_Pegasus_Shoes_Sprite.png?version=405f42f97240c9dcd2b71ffc4bebc7f9",
|
||||
"Progressive Glove":
|
||||
r"https://gamepedia.cursecdn.com/zelda_gamepedia_en/5/53/ALttP_Titan's_Mitt_Sprite.png?version=6ac54c3016a23b94413784881fcd3c75",
|
||||
r"https://oyster.ignimgs.com/mediawiki/apis.ign.com/the-legend-of-zelda-a-link-to-the-past/c/c1/STitanMitt.png?width=1920",
|
||||
"Flippers":
|
||||
r"https://gamepedia.cursecdn.com/zelda_gamepedia_en/8/88/ALttP_Zora's_Flippers_Sprite.png?version=b9d7521bb3a5a4d986879f70a70bc3da",
|
||||
r"https://oyster.ignimgs.com/mediawiki/apis.ign.com/the-legend-of-zelda-a-link-to-the-past/4/4c/ZoraFlippers.png?width=1920",
|
||||
"Moon Pearl":
|
||||
r"https://gamepedia.cursecdn.com/zelda_gamepedia_en/6/63/ALttP_Moon_Pearl_Sprite.png?version=d601542d5abcc3e006ee163254bea77e",
|
||||
"Progressive Bow":
|
||||
|
|
|
|||
Loading…
Reference in New Issue