random-fo76/src/main/index.html

93 lines
3.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="author" content="Florine W. Dekker" />
<meta name="application-name" content="Random Fallout 76 record picker" />
<meta name="description" content="Returns a random Fallout 76 record." />
<meta name="theme-color" content="#0033cc" />
<meta name="fwd:auto:show-main" />
<meta name="fwd:nav:target" content="#nav" />
<meta name="fwd:nav:highlight-path" content="/Tools/Random FO76/" />
<meta name="fwd:footer:target" content="#footer" />
<meta name="fwd:footer:vcs-url" content="https://git.fwdekker.com/tools/random-fo76/" />
<meta name="fwd:footer:version" content="v%%VERSION_NUMBER%%" />
<title>Random Fallout 76 record picker | FWDekker</title>
<link rel="stylesheet" href="https://static.fwdekker.com/lib/template/3.x.x/template.css?v=%%VERSION_NUMBER%%" />
<!--suppress HtmlUnknownTarget -->
<link rel="stylesheet" href="main.css?v=%%VERSION_NUMBER%%" />
<script async src="https://stats.fwdekker.com/count.js"
data-goatcounter="https://stats.fwdekker.com/count"></script>
</head>
<body>
<noscript class="fwd-js-notice">
<img src="https://stats.fwdekker.com/count?p=/tools/random-fo76/" alt="Counting pixel" />
<p>
This website does not function if JavaScript is disabled.
Please check the <a href="https://www.enable-javascript.com/">
instructions on how to enable JavaScript in your web browser</a>.
</p>
</noscript>
<nav id="nav"></nav>
<main class="container hidden">
<div role="document">
<section>
<article>
<header class="fwd-header">
<hgroup>
<h1><a href=".">Random <i>Fallout 76</i> record picker</a></h1>
<h2>
Retrieve a random record from the <i>Fallout 76</i> game files using
<a href="https://github.com/FWDekker/fo76-dumps" target="_blank">my data dumps</a>.
</h2>
</hgroup>
</header>
<table class="metadata">
<tr>
<th>Game version</th>
<td id="game-version" aria-busy="true"></td>
</tr>
<tr>
<th>Dumps version</th>
<td id="dumps-version" aria-busy="true"></td>
</tr>
</table>
</article>
<article>
<h2>Pick a record</h2>
<p>Select the signatures that should be included in the random selection.</p>
<hr />
<br />
<form id="signature-form">
<button id="signature-toggle" class="outline" type="button">
Select all signatures
</button>
<div id="signatures" aria-busy="true">Loading... please wait.</div>
<hr />
<br />
<button id="submit" type="button">Fetch random record</button>
</form>
<hr />
<h2>Record</h2>
<pre><code id="output">No record has been fetched yet</code></pre>
</article>
</section>
<footer id="footer"></footer>
</div>
</main>
<script src="https://static.fwdekker.com/lib/template/3.x.x/template.js?v=%%VERSION_NUMBER%%"></script>
<!--suppress HtmlUnknownTarget -->
<script src="bundle.js?v=%%VERSION_NUMBER%%"></script>
</body>
</html>