rm

website/public/cycler/main.js

@@ -1,50 +0,0 @@
-import './style.css'
-import { NeoCyclist } from '../../strudel/packages/core/neocyclist.mjs';
-import { saw } from '@strudel/core';
-// import { getTrigger } from '@strudel/core/repl.mjs';
-import { setInterval, clearInterval } from 'worker-timers';
-import { getAudioContext } from '@strudel/webaudio';
-
-
-document.querySelector('#app').innerHTML = `
-  <div>
-    <h1>Cycler</h1>
-    <div id="record">
-    💿
-    </div>
-  </div>
-`
-
-const record = document.getElementById('record');
-
-const schedulerOptions = {
-  onTrigger: x => { },
-  getTime: () => getAudioContext().currentTime,
-  onToggle: (started) => console.log("started: ", started),
-  setInterval,
-  clearInterval,
-  // beforeStart,
-};
-const cyclist = new NeoCyclist(schedulerOptions);
-
-record.onclick = () => {
-
-  if (!cyclist.started) {
-    cyclist.start();
-  }
-  console.log('aha', cyclist.getTime(), cyclist.cycle)
-  cyclist.setPattern(saw.segment(16));
-
-}
-
-const timer = setInterval(function () {
-  if (cyclist && cyclist.started) {
-    // console.log(cyclist.cycle);
-    const deg = (cyclist.cycle % 1) * 360;
-    record.style.webkitTransform = 'rotate(' + deg + 'deg)';
-    record.style.mozTransform = 'rotate(' + deg + 'deg)';
-    record.style.msTransform = 'rotate(' + deg + 'deg)';
-    record.style.oTransform = 'rotate(' + deg + 'deg)';
-    record.style.transform = 'rotate(' + deg + 'deg)';
-  }
-}, 50);

website/public/cycler/style.css

@@ -1,107 +0,0 @@
-:root {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-
-.logo.vanilla:hover {
-  filter: drop-shadow(0 0 2em #f7df1eaa);
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-
-button:hover {
-  border-color: #646cff;
-}
-
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-
-  a:hover {
-    color: #747bff;
-  }
-
-  button {
-    background-color: #f9f9f9;
-  }
-}
-
-#record {
-  font-size: 32em;
-}