pocket-science/index.html at main · jacobanana/pocket-science · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pocket Science — Groove Atlas</title>
<meta name="description" content="A playable atlas of 67 grooves — pattern, velocity and micro-timing — with the paths that connect blues to rock, breaks to jungle, and James Brown to Dilla to Questlove.">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='18' fill='%2312100E'/%3E%3Ccircle cx='30' cy='50' r='9' fill='%23D9AE4A'/%3E%3Ccircle cx='55' cy='50' r='13' fill='%23E0632F'/%3E%3Ccircle cx='79' cy='50' r='5' fill='%239FB3C8'/%3E%3C/svg%3E">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Staatliches&family=Archivo:wght@400;600&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
  <div id="app"></div>
  <script type="module" src="/src/main.js"></script>
</body>
</html>