From b2042ffe7890f8e24ce94264dde968a21a2928ef Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Wed, 25 Mar 2026 21:24:40 +0000
Subject: [PATCH] Add bouncing auto-scroll animation to stamps section

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 vue/src/views/home/Stamps.vue | 36 +++++++++++++++++++++++++++++++++--
 1 file changed, 34 insertions(+), 2 deletions(-)

diff --git a/vue/src/views/home/Stamps.vue b/vue/src/views/home/Stamps.vue
index 0b37bd9..20a031b 100644
--- a/vue/src/views/home/Stamps.vue
+++ b/vue/src/views/home/Stamps.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref } from "vue";
+import { ref, onMounted, onUnmounted } from "vue";
 
 import Touchscreen from "@/components/util/Touchscreen.vue";
 import Link from "@/components/text/Link.vue";
@@ -19,10 +19,42 @@ let srcs = [
     "/img/stamps/demo.gif",
 ];
 shuffleArray(srcs);
+
+const touchscreen = ref(null);
+let animId = null;
+let dx = 0.5;
+let dy = 0.3;
+
+function bounce() {
+    const el = touchscreen.value?.$el;
+    if (!el) return;
+
+    const maxX = el.scrollWidth - el.clientWidth;
+    const maxY = el.scrollHeight - el.clientHeight;
+
+    if (maxX > 0) {
+        el.scrollLeft += dx;
+        if (el.scrollLeft <= 0 || el.scrollLeft >= maxX) dx = -dx;
+    }
+    if (maxY > 0) {
+        el.scrollTop += dy;
+        if (el.scrollTop <= 0 || el.scrollTop >= maxY) dy = -dy;
+    }
+
+    animId = requestAnimationFrame(bounce);
+}
+
+onMounted(() => {
+    animId = requestAnimationFrame(bounce);
+});
+
+onUnmounted(() => {
+    if (animId) cancelAnimationFrame(animId);
+});
 </script>
 
 <template>
-    <Touchscreen>
+    <Touchscreen ref="touchscreen">
         <div class="flex flex-wrap tst">
             <Link bare href="https://www.adam-french.co.uk">
                 <img src="https://www.adam-french.co.uk/img/stamps/mine.gif" />