65 lines
2.4 KiB
HTML
65 lines
2.4 KiB
HTML
<!doctype html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" type="text/css" href="styles.css">
|
|
<link rel="stylesheet" type="text/css" href="./Font-Awesome/css/all.min.css">
|
|
<title>words by alv</title>
|
|
</head>
|
|
<body>
|
|
<h1 style="text-align: center">words by alv</h1>
|
|
|
|
<div id="game_container">
|
|
</div>
|
|
<div style="display: none"; id="end_screen">
|
|
<img id="end_screen_image" src="" />
|
|
<h2 id="end_screen_message"></h2>
|
|
<h3 id="end_screen_guesses"></h3>
|
|
<h3 id="end_screen_time"></h3>
|
|
<p> refresh page to play again </p>
|
|
</div>
|
|
<div id="keyboard">
|
|
<div class="kb_row" id="kb_row1">
|
|
<p class="kb_letter">q</p>
|
|
<p class="kb_letter">w</p>
|
|
<p class="kb_letter">e</p>
|
|
<p class="kb_letter">r</p>
|
|
<p class="kb_letter">t</p>
|
|
<p class="kb_letter">y</p>
|
|
<p class="kb_letter">u</p>
|
|
<p class="kb_letter">i</p>
|
|
<p class="kb_letter">o</p>
|
|
<p class="kb_letter">p</p>
|
|
</div>
|
|
<div class="kb_row" id="kb_row2">
|
|
<p class="kb_letter">a</p>
|
|
<p class="kb_letter">s</p>
|
|
<p class="kb_letter">d</p>
|
|
<p class="kb_letter">f</p>
|
|
<p class="kb_letter">g</p>
|
|
<p class="kb_letter">h</p>
|
|
<p class="kb_letter">j</p>
|
|
<p class="kb_letter">k</p>
|
|
<p class="kb_letter">l</p>
|
|
</div>
|
|
<div class="kb_row" id="kb_row3">
|
|
<p class="kb_letter" id="kb_enter"><i class="fas fa-sign-in-alt"></i></p>
|
|
<p class="kb_letter">z</p>
|
|
<p class="kb_letter">x</p>
|
|
<p class="kb_letter">c</p>
|
|
<p class="kb_letter">v</p>
|
|
<p class="kb_letter">b</p>
|
|
<p class="kb_letter">n</p>
|
|
<p class="kb_letter">m</p>
|
|
<p class="kb_letter" id="kb_backspace"><i class="fas fa-backspace"></i></p>
|
|
</div>
|
|
</div>
|
|
<div id="footer">
|
|
<p>built with ❤ and adequate amounts of care by <a href="https://alv.cx">alv</a></p>
|
|
<p>thanks to Lancaster University for the wordlist, which you can find <a href="https://ucrel.lancs.ac.uk/bncfreq/flists.html">here</a> </p>
|
|
</div>
|
|
|
|
<script type="application/javascript" src="wordlist.js"></script>
|
|
<script type="application/javascript" src="game.js"></script>
|
|
</body>
|