mirror of
https://github.com/jcreek/SelectionWheel.git
synced 2026-07-12 18:53:45 +00:00
Josh Creek
62 lines
2.7 KiB
HTML
62 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Google tag (gtag.js) -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EZ2WT7NQMK"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'G-EZ2WT7NQMK');
|
|
</script>
|
|
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="A fun and simple selection wheel - input names and get click to select them at random.">
|
|
<title><%= htmlWebpackPlugin.options.title %></title>
|
|
<link rel="manifest" href="<%= require('../src/assets/manifest.webmanifest') %>" />
|
|
<link rel="shortcut icon" href="favicon.ico">
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles:wght@400;700&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<header class="topbar-container">
|
|
<div class="topbar-items"><h1><a href="/">Selection Wheel</a></h1></div>
|
|
<p id="install-app-btn-container" class="topbar-items">
|
|
<button id="install-offline-app" class="button button-black" role="button">
|
|
<span>Install the app (you can even use it offline!)</span>
|
|
</button>
|
|
</p>
|
|
</header>
|
|
|
|
|
|
|
|
<div id="spinner-container">
|
|
</div>
|
|
|
|
<div id="input-container">
|
|
<textarea id="input-lines" class="input-items" rows="15" cols="60" name="text"
|
|
placeholder="Enter names to be shuffled, one per line. Leave this area empty in order to use a default set of generated names.
|
|
|
|
Click or tap on the wheel to spin it.
|
|
|
|
You can also customise the centre of the spinner with an image. Just put ?imgUrl= at the end of the web address and the URL of the image you want to use.
|
|
|
|
For example, https://wheel.jcreek.co.uk/?imgUrl=https://www.mammal.org.uk/wp-content/uploads/2021/09/red-fox-300x300.jpg"></textarea>
|
|
<button id="startSpinning" class="input-items button button-green" role="button">Start spinning</button>
|
|
</div>
|
|
|
|
<footer class="footer-container">
|
|
<hr>
|
|
<span class="footer-items">Copyright © 2022 Josh Creek</span>
|
|
<span> | </span>
|
|
<span class="footer-items"><a href="/privacy-policy.html">Privacy Policy</a></span>
|
|
</footer>
|
|
|
|
<div id="fireworks-container"></div>
|
|
</body>
|
|
</html> |