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 <h1>Settings</h1>
12
13 <form action="../../index.html" method="get" class="form-container">
14 <input type="hidden" name="v" value="1" />
15
16 <div class="settings-group">
17 <span class="title">Window</span>
18 <div class="separator"></div>
19
20 <label for="cw">Width</label>
21 <input
22 type="number"
23 name="cw"
24 id="cw"
25 placeholder="320"
26 min="0"
27 required
28 />
29
30 <label for="ch">Height</label>
31 <input
32 type="number"
33 name="ch"
34 id="ch"
35 placeholder="180"
36 min="0"
37 required
38 />
39 </div>
40
41 <div class="settings-group">
42 <span class="title">Snow</span>
43 <div class="separator"></div>
44
45 <label for="smx">Snow max</label>
46 <input
47 type="number"
48 name="smx"
49 id="smx"
50 placeholder="40"
51 min="0"
52 required
53 />
54
55 <label for="smnsz">Snow min size</label>
56 <input
57 type="number"
58 name="smnsz"
59 id="smnz"
60 placeholder="1"
61 min="0"
62 required
63 />
64
65 <label for="smxsz">Snow max size</label>
66 <input
67 type="number"
68 name="smxsz"
69 id="smxsz"
70 placeholder="4"
71 min="0"
72 required
73 />
74
75 <label for="smxspd">Snow max speed</label>
76 <input
77 type="number"
78 step=".01"
79 name="smxspd"
80 id="smxspd"
81 placeholder="0.07"
82 required
83 />
84
85 <label for="snmnspd">Snow min speed</label>
86 <input
87 type="number"
88 step=".01"
89 name="snmnspd"
90 id="snmnspd"
91 placeholder="0.04"
92 required
93 />
94 </div>
95
96 <div class="settings-group">
97 <span class="title">Plow</span>
98 <div class="separator"></div>
99
100 <label for="plwspd">Plow speed</label>
101 <input
102 type="number"
103 step=".01"
104 name="plwspd"
105 id="plwspd"
106 placeholder="0.1"
107 required
108 />
109
110 <label for="smnsz">Plow direction</label>
111 <select name="plwd" id="plwd" placeholder="right" required>
112 <option value="left">left</option>
113 <option value="right" disabled>right WIP</option>
114 <option value="random" disabled>random WIP</option>
115 </select>
116
117 <label for="plws">Plow scale</label>
118 <input
119 type="number"
120 name="plws"
121 id="plws"
122 placeholder="1"
123 min="0"
124 required
125 />
126 </div>
127
128 <div class="settings-group">
129 <span class="title">Ground</span>
130 <div class="separator"></div>
131
132 <label for="gamax">Ground accumulator max</label>
133 <input
134 type="number"
135 name="gamax"
136 id="gamax"
137 placeholder="4"
138 min="0"
139 required
140 />
141
142 <label for="gas">Ground accumulatior slices</label>
143 <input
144 type="number"
145 name="gas"
146 id="gas"
147 placeholder="20"
148 min="0"
149 required
150 />
151 </div>
152
153 <a href="../../index.html" class="button" style="color: red">Default</a>
154 <button type="submit" value="submit" style="color: green">Save</button>
155 </form>
156 </div>
157
158 <script type="module" src="../getParams.js"></script>
159 </body>
160</html>