2023-04-23 11:01:25 -07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<link rel="stylesheet" href="/index.css">
|
|
|
|
|
<title>pipefall</title>
|
|
|
|
|
<script src="/index.js" defer></script>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<audio id="pipefall" src="/pipefall.mp3">pipefall</audio>
|
2023-04-23 11:36:53 -07:00
|
|
|
<p class="small"><a href="https://github.com/zyllian/pipefall">source</a></p>
|
2023-04-23 11:18:26 -07:00
|
|
|
<h1>pipefall</h1>
|
|
|
|
|
<p class="center-contents">
|
|
|
|
|
<img class="pipe" src="/pipe.jpg" alt="metal pipe from metal pipe fallout sound effect videos">
|
|
|
|
|
</p>
|
2023-04-23 22:48:07 -07:00
|
|
|
<p>
|
|
|
|
|
<h3><span class="fall-count">???</span> falls</h3>
|
|
|
|
|
</p>
|
2023-04-23 11:01:25 -07:00
|
|
|
<p><button id="play-now">play now</button></p>
|
2023-04-23 11:31:02 -07:00
|
|
|
<p>
|
|
|
|
|
<input type="checkbox" id="play-at-random">
|
|
|
|
|
<label for="play-at-random">play at random</label>
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
2023-04-23 11:48:26 -07:00
|
|
|
<label>one in <input type="number" min="0" value="10" id="random-chance"> chance of playing every minute</label>
|
2023-04-23 11:31:02 -07:00
|
|
|
</p>
|
2023-04-23 11:01:25 -07:00
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
