Hugging Face's logo

Spaces:
stereoDrift
/
arpeggiator
Running

App Files Community
arpeggiator
File size: 2,879 Bytes 
f8b493b
c83ab87
f8b493b
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Arpeggiator</title>
        <link rel="stylesheet" href="styles.css">

        <!-- Primary Meta Tags -->
        <meta name="title" content="Arpeggiator">
        <meta name="description" content="hand-controlled arp, drum machine, real-time visualizer">

        <!-- Open Graph / Facebook -->
        <meta property="og:type" content="website">
        <meta property="og:url" content="https://collidingscopes.github.io/arpeggiator/">
        <meta property="og:title" content="Arpeggiator">
        <meta property="og:description" content="hand-controlled arp, drum machine, real-time visualizer">
        <meta property="og:image" content="https://raw.githubusercontent.com/collidingScopes/arpeggiator/main/assets/siteOGImage.webp">

        <!-- Twitter -->
        <meta property="twitter:card" content="summary_large_image">
        <meta property="twitter:url" content="https://collidingscopes.github.io/arpeggiator/">
        <meta property="twitter:title" content="Arpeggiator">
        <meta property="twitter:description" content="hand-controlled arp, drum machine, real-time visualizer">
        <meta property="twitter:image" content="https://raw.githubusercontent.com/collidingScopes/arpeggiator/main/assets/siteOGImage.webp">

        <script defer src="https://cloud.umami.is/script.js" data-website-id="eb59c81c-27cb-4e1d-9e8c-bfbe70c48cd9"></script>
        <script type="importmap">
            {
                "imports": {
                    "three": "https://esm.sh/[email protected]?dev",
                    "three/": "https://esm.sh/[email protected]&dev/"
                }
            }
        </script>
    </head>
    <body style="width: 100%; height: 100%; overflow: hidden; margin: 0;">
        <div id="renderDiv" style="width: 100%; height: 100%; margin: 0;">

            <span id="info-text">raise your hands to raise the roof</span>
            <div id="social-links" class="text-box">
                <a href="https://www.x.com/measure_plan/" target="_blank">> Twitter</a><br>
                <a href="https://www.instagram.com/stereo.drift/" target="_blank">> Instagram</a><br>
                <a href="https://youtube.com/@funwithcomputervision" target="_blank">> Youtube</a>
            </div>
            <div id="coffee-link" class="text-box">
                <a href="https://buymeacoffee.com/stereodrift" target="_blank">Buy me a coffee 💛</a>
            </div>
            <div id="logo-container" class="text-box">
                <span id="logo">🪬</span><br>
                <a href="https://funwithcomputervision.com/" target="_blank">code & tutorials here</a>
            </div>

        </div>
        <script type="module" src="main.js"></script>
    </body>
</html>