-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
121 lines (117 loc) · 4.88 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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<title>HexaBeat</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<link rel="manifest" href="/public/manifest.json" />
<link
rel="shortcut icon"
href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAO0lEQVR42mNgoAP4jxPCFGAHCCVgDkwQKoGiBEPBfyQSroABrhONjcuE//gUYDHhP26f4A0HqplAKQAA+1ToGDi/Pw4AAAAASUVORK5CYII="
/>
<link rel="stylesheet" href="dist/style.css" />
<style>
@media (min-width: 1024px) {
.root-warning {
display: none;
}
}
@media (max-width: 1023px) {
.root {
display: none;
}
}
.root-warning {
position: fixed;
background: black;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
</style>
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root" class="root">
<div style="padding: 2rem;">
<p>This is HexaBeat</p>
<p>
HexaBeat is a sequencer using commits from GitHub to make beats.
<br />
It takes a config file as input defining groups of sounds and
repositories to extract commits from.
<br />
Then mix and match commits and algorithms to make an infinite
combinaisons of sequences.
<br />
The app can be fully controlled via
<a href="https://github.com/maxwellito/hexabeat#usage"
>Akai MiniMPK device</a
>.
<br />
Wide screen is required.
</p>
<p>Loading in progress, please wait...</p>
<style>
html {
background-color: black;
color: white;
font-family: monospace;
}
a {
color: inherit;
}
</style>
</div>
</div>
<div class="root-warning">
<div class="homescreen">
<div class="homescreen-head strokegrid-row">
<div>
<img src="public/img/hexabeat-logo.svg" class="homescreen-logo" />
</div>
</div>
<div class="strokegrid-row">
<p>
HexaBeat is a sequencer using commits from GitHub to make beats.
</p>
</div>
<div class="strokegrid-row">
<p>
Sadly the app is build for screens wider than 1024px. Maybe the
landscape orientation of your device is enough to continue, if not
the aventure stops here for now.
</p>
</div>
</div>
</div>
<!-- SVG Icon definitions -->
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol viewBox="0 0 120 122" id="icon-maxwellito">
<polyline
fill="currentColor"
points="30,0 60,17.33 40,28.88 60,40.43 80,28.88 60,17.33 90,0 120,17.33 120,51.98 90,69.29 90,46.20 70,57.75 70,80.84 90,69.29 90,103.93 60,121.26 30,103.93 30,69.29 50,80.84 50,57.75 30,46.2 30,69.29 0,51.98 0,17.33"
/>
</symbol>
<symbol viewBox="0 0 128 128" id="icon-github">
<path
fill="currentColor"
d="M115.9,35.4c-5.3-9.2-12.6-16.5-21.8-21.8c-9.2-5.4-19.2-8-30.1-8c-10.9,0-20.9,2.7-30.1,8C24.7,18.9,17.4,26.2,12,35.4 c-5.3,9.2-8,19.3-8,30.1c0,13.1,3.8,24.9,11.4,35.3c7.7,10.4,17.5,17.7,29.6,21.7c1.4,0.3,2.5,0.1,3.1-0.5c0.7-0.6,1-1.4,1-2.4 v-4.2l-0.1-7l-1.8,0.3c-1.1,0.3-2.6,0.3-4.4,0.3c-1.7,0-3.6-0.2-5.4-0.5c-1.9-0.3-3.6-1.1-5.3-2.3c-1.6-1.2-2.7-2.8-3.4-4.8 L28,99.5c-0.5-1.2-1.3-2.5-2.5-4c-1.1-1.5-2.2-2.5-3.4-3l-0.5-0.4c-0.4-0.3-0.7-0.5-1-0.9c-0.3-0.4-0.5-0.7-0.7-1.1 c-0.1-0.4,0-0.7,0.4-0.9c0.4-0.3,1.2-0.4,2.2-0.4l1.6,0.3c1,0.2,2.3,0.8,3.8,1.8c1.6,1,2.8,2.4,3.8,4.1c1.2,2.1,2.6,3.7,4.3,4.8 c1.7,1.1,3.4,1.6,5.1,1.6c1.7,0,3.2-0.1,4.5-0.4c1.2-0.2,2.4-0.6,3.5-1.1c0.5-3.5,1.8-6.2,3.8-8c-3-0.3-5.6-0.8-8-1.4 c-2.4-0.7-4.8-1.6-7.3-3.1c-2.5-1.4-4.7-3.1-6.3-5.2c-1.6-2.1-3-4.8-4.1-8.2c-1.1-3.4-1.6-7.3-1.6-11.7c0-6.3,2.1-11.7,6.2-16.1 c-1.9-4.7-1.8-10,0.5-16c1.5-0.4,3.7-0.1,6.7,1.1c3,1.2,5.1,2.2,6.5,3c1.4,0.8,2.5,1.5,3.3,2.1c4.8-1.4,9.9-2,15-2 c5.1,0,10.1,0.7,15,2l3-1.9c2-1.3,4.4-2.5,7.2-3.5c2.7-1,4.9-1.4,6.3-0.8c2.4,5.9,2.6,11.2,0.7,15.9c4.1,4.5,6.2,9.9,6.2,16.1 c0,4.4-0.5,8.3-1.6,11.8c-1,3.4-2.4,6.1-4.1,8.2c-1.7,2-3.8,3.8-6.3,5.1c-2.6,1.5-5,2.5-7.4,3.1c-2.4,0.6-5,1.1-8,1.4 c2.7,2.4,4.1,6.1,4.1,11.1v16.5c0,0.9,0.3,1.7,1,2.4c0.7,0.6,1.6,0.8,3.1,0.5c12-4,21.9-11.2,29.6-21.7 c7.7-10.4,11.4-22.2,11.4-35.3C124,54.7,121.3,44.6,115.9,35.4L115.9,35.4z"
/>
</symbol>
</svg>
</body>
<!-- Main -->
<!-- <script async src="./dist/bundle.js"></script> -->
<script>
setTimeout(() => {
var bundleTag = document.createElement('script');
bundleTag.src = './dist/bundle.js';
document.body.appendChild(bundleTag);
}, 1);
</script>
</html>