A browser source overlay for winter vibes for your Live Streams or Videos
treybastian.com
1<!doctype html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <link rel="stylesheet" href="../styles/config.css" />
6 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 <title>Winter Vibes JS</title>
8 </head>
9 <body>
10 <div class="container">
11
12 <h1>Settings</h1>
13
14 <form action="../../index.html" method="get" class="form-container">
15
16 <input type="hidden" name="v" value="1">
17
18 <div class="settings-group">
19 <span class="title">Window</span>
20 <div class="separator"></div>
21
22 <label for="cw">Width</label>
23 <input type="number" name="cw" id="cw" placeholder="320" min="0" required>
24
25 <label for="ch">Height</label>
26 <input type="number" name="ch" id="ch" placeholder="180" min="0" required>
27 </div>
28
29 <div class="settings-group">
30 <span class="title">Snow</span>
31 <div class="separator"></div>
32
33 <label for="smx">Snow max</label>
34 <input type="number" name="smx" id="smx" placeholder="40" min="0" required>
35
36 <label for="smnsz">Snow min size</label>
37 <input type="number" name="smnsz" id="smnz" placeholder="1" min="0" required>
38
39 <label for="smxsz">Snow max size</label>
40 <input type="number" name="smxsz" id="smxsz" placeholder="4" min="0" required>
41
42 <label for="smxspd">Snow max speed</label>
43 <input type="number" step=".01" name="smxspd" id="smxspd" placeholder="0.07" required>
44
45 <label for="snmnspd">Snow min speed</label>
46 <input type="number" step=".01" name="snmnspd" id="snmnspd" placeholder="0.04" required>
47 </div>
48
49 <div class="settings-group">
50 <span class="title">Plow</span>
51 <div class="separator"></div>
52
53 <label for="plwspd">Plow speed</label>
54 <input type="number" step=".01" name="plwspd" id="plwspd" placeholder="0.1" required>
55
56 <label for="smnsz">Plow direction</label>
57 <select name="plwd" id="plwd" placeholder="right" required>
58 <option value="left">left</option>
59 <option value="right" disabled>right WIP</option>
60 <option value="random" disabled>random WIP</option>
61 </select>
62
63 <label for="plws">Plow scale</label>
64 <input type="number" name="plws" id="plws" placeholder="1" min="0" required>
65 </div>
66
67 <div class="settings-group">
68 <span class="title">Ground</span>
69 <div class="separator"></div>
70
71 <label for="gamax">Ground accumulator max</label>
72 <input type="number" name="gamax" id="gamax" placeholder="4" min="0" required>
73
74 <label for="gas">Ground accumulatior slices</label>
75 <input type="number" name="gas" id="gas" placeholder="20" min="0" required>
76 </div>
77
78 <button type="button" onclick="window.location.href='/'">Cancel</button>
79 <button type="submit" value="submit">Submit</button>
80 </form>
81 </div>
82
83 <script type="module" src="../getParams.js"></script>
84 </body>
85</html>