/
table_view.html
90 lines (81 loc) · 5.36 KB
/
table_view.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html>
<head>
<!-- <title>gwskills</title> -->
<title>GW Sealed Deck Generator</title>
<link rel="icon" type="image/x-icon" href="static/favicon.ico">
<!-- JQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- DataTables for sortable tables -->
<!-- <link rel="stylesheet" href="https://cdn.datatables.net/1.11.1/css/jquery.dataTables.min.css"/> -->
<script src="https://cdn.datatables.net/1.11.1/js/jquery.dataTables.min.js"></script>
<!-- common stuff -->
<link rel="stylesheet" href="styles.css"/>
<script src="scripts/bitarray.js"></script>
<script src="scripts/skill_list.js"></script>
<script src="scripts/skill_pool_serde.js"></script>
<script src="scripts/skill_pool_table.js"></script>
</head>
<body>
<div id="header-container-outer" style="display:flex;flex-direction:row;">
<div id="header-main">
<div id="header-title">
<img src="static/gw-helmet.png" id="title-icon"/>
<h1>Guild Wars Sealed Deck Generator</h1>
</div>
<div id="header-info-section">
<p>
Each generated deck has a unique "deck code" that encapsulates all the skills in the deck. The deck code is a part of this webpage's URL, so you can simply bookmark this page and return to the exact same deck later on. You can also share the deck with others by giving them the URL (or just the deck code).
</p>
<a href="index.html">Back to the start page</a>
</div>
</div>
<div id="header-right-sidebar">
<p style="font-weight:bold">Deck Code</p>
<textarea id="skill-pool-code" readonly="true" wrap="hard" placeholder="No deck was loaded"></textarea>
</div>
</div>
<!-- Table filters. Need to figure out how to implement these later -->
<div id="table-filters">
<hr>
<table style="margin:auto">
<tr>
<th id="filter-all" class="table-filters-element"><img src="static/Tango-quest-icon.png" class="tango"/> All</th>
<th id="filter-war" class="table-filters-element"><img src="static/Warrior-tango-icon-20.png" class="tango"/> Warrior</th>
<th id="filter-ran" class="table-filters-element"><img src="static/Ranger-tango-icon-20.png" class="tango"/><a> Ranger</a></th>
<th id="filter-mon" class="table-filters-element"><img src="static/Monk-tango-icon-20.png" class="tango"/><a> Monk</a></th>
<th id="filter-nec" class="table-filters-element"><img src="static/Necromancer-tango-icon-20.png" class="tango"/><a> Necromancer</a></th>
<th id="filter-mes" class="table-filters-element"><img src="static/Mesmer-tango-icon-20.png" class="tango"/><a> Mesmer</a></th>
<th id="filter-ele" class="table-filters-element"><img src="static/Elementalist-tango-icon-20.png" class="tango"/><a> Elementalist</a></th>
<th id="filter-ass" class="table-filters-element"><img src="static/Assassin-tango-icon-20.png" class="tango"/><a> Assassin</a></th>
<th id="filter-rit" class="table-filters-element"><img src="static/Ritualist-tango-icon-20.png" class="tango"/><a> Ritualist</a></th>
<th id="filter-par" class="table-filters-element"><img src="static/Paragon-tango-icon-20.png" class="tango"/><a> Paragon</a></th>
<th id="filter-der" class="table-filters-element"><img src="static/Dervish-tango-icon-20.png" class="tango"/><a> Dervish</a></th>
<th id="filter-com" class="table-filters-element"><img src="static/Any-tango-icon-20.png" class="tango"/><a> Common</a></th>
</tr>
</table>
<hr>
</div>
<!-- Skills table -->
<div id="skills-table-container">
<!-- <span id="skills-table-placeholder" style="color:red">Uh oh, something went wrong while loading the deck!</span> -->
<table id="skills-table">
<thead>
<tr>
<th>Profession</th>
<th>Icon</th>
<th>Name</th>
<th>Description</th>
<th>Costs</th>
<th>Attribute</th>
<th>Campaign</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div id="legal-thing">
<p>This website is not affiliated with nor endorsed by ArenaNet or NCSoft. This website does not imply or claim any rights to the Guild Wars video game series, including its characters, screenshots, pictures, images, videos or creations. Copyrights and trademarks for the Guild Wars video game series are held by their respective owners and their use is allowed under the fair use clause of the Copyright Law. The information contained in this website is for general information purposes only and all views and opinions on this site are strictly my own and in no way reflects the views or positions of either ArenaNet or NCSoft.</p>
</div>
</body>
</html>