From 29c705f272cb86d1bea9c52ecd8cdf004932fb3e Mon Sep 17 00:00:00 2001
From: sthag <sthag@interaktionsweise.de>
Date: Sun, 23 Nov 2025 14:17:46 +0100
Subject: [PATCH] feat: Add 10print screen

---
 source/screens/demo/examples/10print.liquid | 73 +++++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 source/screens/demo/examples/10print.liquid

diff --git a/source/screens/demo/examples/10print.liquid b/source/screens/demo/examples/10print.liquid
new file mode 100644
index 0000000..9f2778b
--- /dev/null
+++ b/source/screens/demo/examples/10print.liquid
@@ -0,0 +1,73 @@
+---
+title: 10print
+tags:
+- demoExample
+---
+{% assign pageBase = "../../" -%}
+{% layout "hippie/full.liquid" %}
+
+{% block head %}
+{{ block.super -}}
+<style>
+	canvas {
+		display: block;
+	}
+</style>
+{% endblock %}
+
+{% block body %}
+<canvas id="10print"></canvas>
+{% endblock %}
+
+{% block script %}
+{{ block.super -}}
+<script>
+	// Page script
+	const canvas = document.getElementById('10print');
+	const ctx = canvas.getContext('2d');
+
+	const lineWidth = 20;
+	const randomSeed = Math.random;
+
+	// Function to draw the 10PRINT pattern
+	function draw10Print() {
+		// Clear the canvas
+		ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+		// Set line style
+		ctx.strokeStyle = 'black';
+		ctx.lineWidth = 2;
+
+		// Loop through the canvas grid
+		for (let x = 0; x < canvas.width; x += lineWidth) {
+			for (let y = 0; y < canvas.height; y += lineWidth) {
+				// Randomly choose between two diagonal lines
+				if (randomSeed() > 0.5) {
+					// Draw line from top-left to bottom-right
+					ctx.beginPath();
+					ctx.moveTo(x, y);
+					ctx.lineTo(x + lineWidth, y + lineWidth);
+					ctx.stroke();
+				} else {
+					// Draw line from top-right to bottom-left
+					ctx.beginPath();
+					ctx.moveTo(x + lineWidth, y);
+					ctx.lineTo(x, y + lineWidth);
+					ctx.stroke();
+				}
+			}
+		}
+	}
+
+	function resizeCanvas() {
+		canvas.width = window.innerWidth;
+		canvas.height = window.innerHeight;
+	}
+
+	resizeCanvas();
+	draw10Print();
+
+	// window.addEventListener('resize', resizeCanvas);
+	canvas.addEventListener('click', draw10Print);
+</script>
+{% endblock %}
\ No newline at end of file