From ad3817dfee5e3cf2fc2292365585e99209386578 Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Sun, 24 May 2026 01:50:24 +0200
Subject: [PATCH] fix: reserve continue watching space

---
 templates/index.gohtml | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/templates/index.gohtml b/templates/index.gohtml
index c647654..bcaaa56 100644
--- a/templates/index.gohtml
+++ b/templates/index.gohtml
@@ -1,8 +1,10 @@
 {{define "title"}}Home{{end}}
 {{define "content"}}
-<div class="flex flex-col gap-10">
+  <div class="flex flex-col gap-10">
   {{if .User}}
-  <div hx-get="/api/catalog/continue" hx-trigger="load" hx-swap="outerHTML"></div>
+  <div hx-get="/api/catalog/continue" hx-trigger="load" hx-swap="outerHTML">
+    {{template "continue_watching_skeleton"}}
+  </div>
   {{end}}
 
   <section class="w-full">
@@ -72,3 +74,18 @@
   {{end}}
 </div>
 {{end}}
+
+{{define "continue_watching_skeleton"}}
+<section id="continue-watching-section" class="w-full">
+  <h2 class="mb-3 text-lg font-normal text-foreground">Continue Watching</h2>
+  <div class="scrollbar-hide flex snap-x snap-mandatory gap-2 overflow-x-auto pb-4">
+    {{range (seq 3)}}
+      <div class="flex w-70 shrink-0 snap-start flex-col gap-2 2xl:w-lg">
+        <div class="skeleton aspect-video w-full overflow-hidden rounded-xl"></div>
+        <div class="skeleton h-5 w-2/3 rounded"></div>
+        <div class="skeleton h-4 w-1/2 rounded opacity-70"></div>
+      </div>
+    {{end}}
+  </div>
+</section>
+{{end}}