48 lines
1.1 KiB
HTML
48 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" >
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Interruptions</title>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
|
|
<link rel="stylesheet" href="./style.css">
|
|
</head>
|
|
<body>
|
|
<!-- partial:index.partial.html -->
|
|
<main class="container">
|
|
<h1>Interruptions</h1>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg"
|
|
width="512"
|
|
height="512"
|
|
viewBox="0 0 512 512"
|
|
id="svg"></svg>
|
|
|
|
<label for="input-line-width">Line width</label>
|
|
<input type="range"
|
|
min="1" max="16" value="2"
|
|
id="input-line-width">
|
|
|
|
<label for="input-segment-size">Segment size</label>
|
|
<input type="range"
|
|
min="0.01" max="0.25" value="0.05" step="0.01"
|
|
id="input-segment-size">
|
|
|
|
<h2>Inspiration</h2>
|
|
|
|
<dl>
|
|
<div>
|
|
<dt>Original author</dt>
|
|
<dd>Vera Molnar</dd>
|
|
</div>
|
|
|
|
<div>
|
|
<dt>Found via</dt>
|
|
<dd><a href="https://twitter.com/JoanieLemercier/status/987020585812316165">Joanie Lemercier on Twitter</a></dd>
|
|
</div>
|
|
</dl>
|
|
</main>
|
|
<!-- partial -->
|
|
<script src="./script.js"></script>
|
|
|
|
</body>
|
|
</html> |