Skip to content

Instantly share code, notes, and snippets.

@lightwell333
lightwell333 / index.html
Created September 21, 2025 04:58
Untitled
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
<title>PsyForge Kaleidoscope — 4-Button UI + 4-Image Decks + Warp</title>
<style>
:root{
--fg:#eafff4; --muted:#9fd0c0; --line:#0f1a18;
@lightwell333
lightwell333 / index.html
Created September 21, 2025 04:23
Untitled
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
<title>PsyForge Kaleidoscope — Laptop Mouse OK + Clearable Deck Slots (Fix)</title>
<style>
:root{
--fg:#eafff4; --muted:#9fd0c0; --line:#0f1a18;
@lightwell333
lightwell333 / index.html
Created September 21, 2025 03:55
Untitled
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
<title>PsyForge Kaleidoscope — Laptop Mouse OK + Clearable Deck Slots (Fix)</title>
<style>
:root{
--fg:#eafff4; --muted:#9fd0c0; --line:#0f1a18;
@lightwell333
lightwell333 / index.html
Created September 21, 2025 03:30
Untitled
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
<title>PsyForge Kaleidoscope — Laptop Mouse OK + Clearable Deck Slots (Fix)</title>
<style>
:root{
--fg:#eafff4; --muted:#9fd0c0; --line:#0f1a18;
@lightwell333
lightwell333 / index.html
Created September 19, 2025 22:45
Untitled
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
<title>PsyForge — DJ Decks (Hide next to Master)</title>
<style>
:root{
--psy-green:#16ff64; --psy-deep:#052; --ink:#eafff4; --line:#173a29;
--bg1:#081411; --bg2:#0a1714; --rad:14px;
@lightwell333
lightwell333 / index.html
Created September 19, 2025 22:41
Untitled
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
<title>PsyForge — DJ Decks (Hide next to Master)</title>
<style>
:root{
--psy-green:#16ff64; --psy-deep:#052; --ink:#eafff4; --line:#173a29;
--bg1:#081411; --bg2:#0a1714; --rad:14px;
@lightwell333
lightwell333 / index.html
Created September 19, 2025 19:29
Untitled
<!-- ===== H-SlideBar — horizontal note + upward bend + bank + fx + loop + rec ===== -->
<script>
(() => {
if (document.getElementById('hsb-host')) return;
const host = document.createElement('div');
host.id = 'hsb-host';
host.style.all = 'initial';
host.style.position = 'fixed';
host.style.zIndex = '2147483647';
@lightwell333
lightwell333 / index.html
Created September 19, 2025 18:40
Untitled
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<!-- disable zoom to kill double-tap zoom on iOS -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
<title>Kaleidoscope — Touch-Locked</title>
<style>
:root{
--fg:#eafff4; --muted:#9fd0c0; --line:#0f1a18;
@lightwell333
lightwell333 / index.html
Created September 19, 2025 04:01
Untitled
<!-- ===== SlideForge XL — 2D Slide + Bank + FX + Loop + Record-All ===== -->
<script>
(() => {
if (document.getElementById('sf-host')) return;
/* ---------- Shadow host ---------- */
const host = document.createElement('div');
host.id = 'sf-host';
host.style.all = 'initial';
host.style.position = 'fixed';
@lightwell333
lightwell333 / index.html
Created September 19, 2025 03:45
Untitled
<!-- ===== SlideForge XL — 2D Slide + Bank + FX + Loop + Record-All ===== -->
<script>
(() => {
if (document.getElementById('sf-host')) return;
/* ---------- Shadow host ---------- */
const host = document.createElement('div');
host.id = 'sf-host';
host.style.all = 'initial';
host.style.position = 'fixed';