-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
42 lines (41 loc) · 2.01 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript"> (function() { var css = document.createElement('link'); css.href = 'https://use.fontawesome.com/releases/v5.1.0/css/all.css'; css.rel = 'stylesheet'; css.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(css); })(); </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">
<title>Basic Waves Wallpaper</title>
<link rel="stylesheet" href="src/style.css">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-MLC5DPBF5B"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-MLC5DPBF5B');
</script>
</head>
<body id="main" onresize="draw(Math.random()*canvas.height/2)" style="background-color: #151515;">
<canvas id="canvas"></canvas>
<div id="settings">
<h2 class="section-title">Background:</h2>
<select name="backgroundType" id="bg-type" onblur="redirect()">
<option value="flat">Plain Colour</option>
<option value="linear">Linear Gradient</option>
<option value="radial">Radial Gradient</option>
</select><br>
<input type="color" id="bg-color" onblur="redirect()"><br>
<h2 class="section-title">Fill Colour:</h2>
<input type="color" id="fill-style" onblur="redirect()"><br>
<h2 class="section-title">Amount:</h2>
<input type="number" value="8" id="amount" name="amount" min="1" step="1" onblur="redirect()">
<h2 class="section-title">Export:</h2>
<button onclick="exportImg('png')">EXPORT (PNG)</button><br>
<h2 class="section-title">Animate</h2>
<button onclick="play()">Play</button>
<button onclick="pause()">Pause</button>
</div>
</body>
<script src="src/script.js"></script>
</html>