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="./src/style.css" />
6 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 <title>Winter Vibes JS</title>
8 </head>
9 <body>
10 <canvas id="main"></canvas>
11
12
13 <div id="contextMenu" class="context-menu" style="display:none">
14 <ul>
15 <li><a href="#" id="openSettings">Settings</a></li>
16 <li><a href="#" id="openHelp">Help</a></li>
17 <li><a href="https://buymeacoffee.com/treysdevshed">Buy me a coffee</a></li>
18 </ul>
19 </div>
20
21 <div id="modalSettings" class="modal">
22 <div class="modal-content">
23 <div class="modal-header">
24 <span>Settings modal</span>
25 </div>
26 <div class="modal-main">
27 <span>example</span>
28 </div>
29 <div class="model-footer">
30 <button id="closeSettings">Close</button>
31 </div>
32 </div>
33 </div>
34 </div>
35
36 <div id="modalHelp" class="modal">
37 <div class="modal-content">
38 <div class="modal-header">
39 <span>Help modal</span>
40 </div>
41 <div class="modal-main">
42 <span>example</span>
43 </div>
44 <div class="model-footer">
45 <button id="closeHelp">Close</button>
46 </div>
47 </div>
48 </div>
49
50 <script type="module" src="/src/main.js"></script>
51 <script type="module" src="./src/main.js"></script>
52 </body>
53</html>