57 lines
No EOL
2 KiB
HTML
57 lines
No EOL
2 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
<title>fateforge-tools</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css" />
|
|
<link href="css/all.min.css" rel="stylesheet" />
|
|
<link rel="icon" type="image/x-icon" href="/img/FateforgeTool_logo_80.png">
|
|
</head>
|
|
|
|
<body>
|
|
<button onclick="changeLangEN()">English</button>
|
|
<button onclick="changeLangFR()">French</button>
|
|
|
|
<h1>FateforgeTools</h1>
|
|
<h2 data-localize="btn-spells">Spells</h2>
|
|
|
|
<div class="container" style="display: flex;">
|
|
|
|
<div class="view-col" id="list">
|
|
<div id="sublistcontainer" class="sublist sublist--resizable">
|
|
<div id="sublistsort" class="btn-group">
|
|
<button class="btn-xs" data-sort="name" data-localize="spell-name">Name</button>
|
|
<button class="btn-xs" data-sort="level" data-localize="spell-level">Level</button>
|
|
<button class="btn-xs" data-sort="time" data-localize="spell-time">Time</button>
|
|
<button class="btn-xs" data-sort="school" data-localize="spell-school">School</button>
|
|
<button class="btn-xs" data-sort="concentration" title="Concentration" data-localize="spell-concentration">C.</button>
|
|
<button class="btn-xs" data-sort="range">Range</button>
|
|
</div>
|
|
<div id="spell-list" class="list subspells">
|
|
<!-- populate with JS -->
|
|
</div>
|
|
</div>
|
|
|
|
<div class="view-col" id="content">
|
|
<table id="pagecontent" class="w-100 stats">
|
|
<tr><th class="border" colspan="6"></th></tr>
|
|
<tr><td colspan="6" class="initial-message">Select a spell from the list to view it here</td></tr>
|
|
<tr><th class="border" colspan="6"></th></tr>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript" src="lib/jquery.min.js"></script>
|
|
<script type="text/javascript" src="lib/jquery.localize-dev.js"></script>
|
|
<script type="text/javascript" src="js/language.js"></script>
|
|
<script type="module" src="js/spells.js"></script>
|
|
|
|
<script src="https://kit.fontawesome.com/126cdd0e29.js" crossorigin="anonymous"></script>
|
|
</body>
|
|
|
|
</html> |