https://oscillatorium.com/

1<!DOCTYPE html>
2<html lang="ru">
3<head>
4  <meta charset="UTF-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"/>
6  <title>Oscillatorium coffee roasters</title>
7  <link rel="icon" href="data:,">
8  <style>
9    @font-face{
10      font-family:'IBMPlexMonoUI';
11      font-style:normal;
12      font-weight:300;
13      src:url('IBMPlexMono-Light.ttf') format('truetype'),
14          url('IBM_Plex_Mono/IBMPlexMono-Light.ttf') format('truetype'),
15          url('IBM%20Plex%20Mono/IBMPlexMono-Light.ttf') format('truetype');
16      font-display:swap;
17    }
18    @font-face{
19      font-family:'IBM Plex Mono';
20      font-style:normal;
21      font-weight:300;
22      src:url('IBMPlexMono-Light.ttf') format('truetype'),
23          url('IBM_Plex_Mono/IBMPlexMono-Light.ttf') format('truetype'),
24          url('IBM%20Plex%20Mono/IBMPlexMono-Light.ttf') format('truetype');
25      font-display:swap;
26    }
27    @font-face{
28      font-family:'Space Grotesk';
29      font-style:normal;
30      font-weight:400;
31      src:url('SpaceGrotesk-Regular.ttf') format('truetype'),
32          url('Space_Grotesk/SpaceGrotesk-Regular.ttf') format('truetype'),
33          url('Space%20Grotesk/SpaceGrotesk-Regular.ttf') format('truetype');
34      font-display:swap;
35    }
36    @font-face{
37      font-family:'Space Grotesk Title';
38      font-style:normal;
39      font-weight:400;
40      src:url('SpaceGrotesk-Regular.ttf') format('truetype'),
41          url('Space_Grotesk/SpaceGrotesk-Regular.ttf') format('truetype'),
42          url('Space%20Grotesk/SpaceGrotesk-Regular.ttf') format('truetype');
43      font-display:swap;
44    }
45    @font-face{
46      font-family:'Space Grotesk Content';
47      font-style:normal;
48      font-weight:300;
49      src:url('SpaceGrotesk-Light.ttf') format('truetype'),
50          url('Space_Grotesk/SpaceGrotesk-Light.ttf') format('truetype'),
51          url('Space%20Grotesk/SpaceGrotesk-Light.ttf') format('truetype');
52      font-display:swap;
53    }
54    html,body{margin:0;padding:0;overflow:hidden;background:#fff;touch-action:manipulation}
55    canvas{display:block}
56  </style>
57  

57<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.3/p5.min.js"></script>

57
58  

58<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.3/addons/p5.sound.min.js"></script>

58
59  

59<script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.9/dat.gui.min.js"></script>

59
60  

60<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/xlsx.full.min.js"></script>

60
61  

61<script src="sketch.js?v=event-date-20260709"></script>

61
62</head>
63<body></body>
64</html>