first commit

2026-10-07 18:56:27 +02:00
commit 2a8a60b725
7768 changed files with 1550851 additions and 0 deletions
@@ -0,0 +1,118 @@
+@import './base.css';
+
+html,
+body {
+  touch-action: manipulation;
+}
+
+body,
+textarea,
+input,
+pre {
+  margin: 0;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+}
+
+body,
+button,
+a,
+label {
+  color: var(--dark);
+}
+
+input,
+button {
+  border-radius: 8px;
+  border: 0;
+  text-align: center;
+}
+
+button.thinButton {
+  width: 56px;
+}
+
+button#start,
+button#stop {
+  width: 128px;
+  padding: 24px;
+  margin: 16px;
+}
+
+button#start {
+  background: var(--green);
+}
+
+button#stop {
+  background: var(--orange);
+}
+
+#controls,
+#presets {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+#speedControls {
+  display: flex;
+}
+
+#bpm {
+  font-size: 32pt;
+  width: 140px;
+}
+
+#presetsControls {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
+#playControls {
+  flex-grow: 1;
+  text-align: center;
+}
+
+.presetsControl {
+  width: 48px;
+  height: 48px;
+  margin: 16px;
+}
+
+.presetsControl:disabled {
+  opacity: 0.25;
+}
+
+#presetsItems {
+  display: flex;
+  justify-content: center;
+  align-self: center;
+  flex-wrap: wrap;
+}
+
+.presetItem {
+  min-width: 86px;
+  border-width: 1px;
+  border-color: var(--light-gray);
+  border-style: solid;
+  border-radius: 4px;
+  margin: 4px;
+  padding: 4px;
+  text-align: center;
+}
+
+.presetItem.selected {
+  background-color: var(--primary);
+}
+
+
+input[type="number"]::-webkit-outer-spin-button,
+input[type="number"]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input[type="number"] {
+  -moz-appearance: textfield;
+  appearance: textfield;
+}