From c7b02f02ad0a7e2888f2d7d3599719e59bbd1ee2 Mon Sep 17 00:00:00 2001
From: Nathan Reiner <nathan@nathanreiner.xyz>
Date: Thu, 13 Nov 2025 14:56:02 +0100
Subject: frontend: design prototype

---
 static/pages/shuffle/index.css |  6 ++++++
 static/pages/shuffle/index.js  | 17 +++++++++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 static/pages/shuffle/index.css
 create mode 100644 static/pages/shuffle/index.js

(limited to 'static/pages/shuffle')

diff --git a/static/pages/shuffle/index.css b/static/pages/shuffle/index.css
new file mode 100644
index 0000000..534a647
--- /dev/null
+++ b/static/pages/shuffle/index.css
@@ -0,0 +1,6 @@
+
+#container {
+	width: 100%;
+	height: 100%;
+	background: var(--page-background);
+}
diff --git a/static/pages/shuffle/index.js b/static/pages/shuffle/index.js
new file mode 100644
index 0000000..b282556
--- /dev/null
+++ b/static/pages/shuffle/index.js
@@ -0,0 +1,17 @@
+import * as sfw from 'sfw';
+const { Div } = sfw.element.native;
+
+const css = await sfw.css(import.meta.url, './index.css');
+
+export default class ShuffleView extends sfw.element.Container {
+	constructor() {
+		super({ css });
+
+		this.body.append(
+			Div.new({
+				id: 'container',
+				innerText: 'shuffle',
+			})
+		)
+	}
+}
-- 
cgit v1.2.3-70-g09d2