From 44445734ba4a0f05564f808c2fd34a7f23c6fafb Mon Sep 17 00:00:00 2001
From: Nathan Reiner <nathan@nathanreiner.xyz>
Date: Wed, 20 May 2026 10:16:50 +0200
Subject: Let's do a rewrite! Created project structure and changed `build.zig`
 and added licence.

---
 static/pages/shuffle/index.css |  39 ---------------
 static/pages/shuffle/index.js  | 110 -----------------------------------------
 2 files changed, 149 deletions(-)
 delete mode 100644 static/pages/shuffle/index.css
 delete 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
deleted file mode 100644
index 30d30ac..0000000
--- a/static/pages/shuffle/index.css
+++ /dev/null
@@ -1,39 +0,0 @@
-:host {
-	display: block;
-	width: 100vw;
-	height: 100vh;
-	top: 0px;
-	left: 0px;
-	overflow: hidden;
-	position: relative;
-}
-
-sfw-image {
-	position: absolute;
-	left: 50%;
-	top: 50%;
-	transform: translate(-50%, calc(-50% - 50px));
-	width: 100%;
-	max-width: calc(100vw - 20px);
-	max-height: calc(100vh - 200px);
-	user-select: none;
-	transition: transform 0.05s ease;
-}
-
-#front {
-	z-index: 1000;
-}
-
-#back {
-	z-index: 500;
-	filter: blur(50px);
-}
-
-#date {
-	margin: 10px;
-	border-radius: var(--border-radius);
-	padding: 10px;
-	background: #efefef99;
-	backdrop-filter: blur(10px);
-	box-shadow: #223223aa 1px 1px 4px;
-}
diff --git a/static/pages/shuffle/index.js b/static/pages/shuffle/index.js
deleted file mode 100644
index 620195c..0000000
--- a/static/pages/shuffle/index.js
+++ /dev/null
@@ -1,110 +0,0 @@
-import * as sfw from 'sfw';
-const { Div, Canvas } = sfw.element.native;
-
-import { Image } from 'widgets';
-
-import stylesheet from './index.css';
-
-const css = await sfw.css.sheet(stylesheet);
-
-export default class ShuffleView extends sfw.element.Container {
-	#front_image
-	#back_image
-	#front_image_index
-	#back_image_index
-	#images
-	#date
-	#drag_start_position
-	#drag_strength
-
-	constructor() {
-		super({ css });
-
-		this.#front_image_index = null;
-		this.#back_image_index = null;
-
-		this.body.append(
-			this.#date = Div.new({ id: 'date' }),
-			this.#front_image = Image.new({
-				id: 'front',
-				disabled: true,
-				ontouchstart: (e) => {
-					if (e.touches.length != 1) return;
-
-					this.#drag_start_position = [e.touches[0].pageX, e.touches[0].pageY];
-				},
-				ontouchmove: (e) => {
-					if (e.touches.length != 1) return;
-
-					const position = [e.touches[0].pageX, e.touches[0].pageY];
-
-					const delta = [
-						position[0] - this.#drag_start_position[0],
-						position[1] - this.#drag_start_position[1]
-					];
-
-					const strength = Math.min(1, Math.max((delta[0]**2 + delta[1]**2) / (40 ** 2), 0) / 100);
-					this.#drag_strength = strength;
-
-					const angle_x = position[0] - window.screen.width / 2;
-					const angle_y = position[1] - window.screen.height * 1.2;
-					let angle = (Math.atan((angle_y) / (angle_x)) * 180 / Math.PI  + 90);
-
-					if (angle_x < 0) {
-						angle -= 180;
-					}
-
-					this.#front_image.style.transform = `
-						translate(-50%, calc(-50% - 50px))
-						translate(${delta[0]}px, ${delta[1]}px)
-						rotate(${angle}deg)
-					`;
-					this.#back_image.style.filter = `blur(${(1 - strength) * 50}px)`;
-				},
-				ontouchend: (e) => {
-					if (this.#drag_strength > 0.3) {
-						this.next();
-					}
-
-					this.#front_image.style.transform = '';
-					this.#back_image.style.filter = '';
-				},
-			}),
-			this.#back_image = Image.new({ id: 'back', disabled: true }),
-		)
-
-		this.onclick = () => this.next();
-	}
-
-	set images(images) {
-		this.#images = images;
-	}
-
-	open() {
-		this.next();
-		this.next();
-	}
-
-	next() {
-		this.#front_image_index = this.#back_image_index;
-		this.#back_image_index = Math.floor(Math.random() * this.#images.length);
-
-		if (this.#front_image_index !== null) {
-			this.#front_image.metadata = this.#images[this.#front_image_index];
-			this.#front_image.load();
-
-			const date = this.#images[this.#front_image_index].date
-			
-			this.#date.innerText = date.toLocaleString('default', {
-				month: 'long',
-				year: 'numeric',
-				day: 'numeric',
-				hour: 'numeric',
-				minute: 'numeric'
-			}); ;
-		}
-
-		this.#back_image.metadata = this.#images[this.#back_image_index];
-		this.#back_image.load();
-	}
-}
-- 
cgit v1.2.3-70-g09d2