From 5ef1d2acb24e7b9ec8566ba29ae4dd025c78d7cb Mon Sep 17 00:00:00 2001
From: Tim Keller <tjk@tjkeller.xyz>
Date: Wed, 11 Jun 2025 21:09:11 -0500
Subject: stupid huge update lots of cool stuff

---
 public/index.html | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

(limited to 'public/index.html')

diff --git a/public/index.html b/public/index.html
index 20f210b..df128f2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,13 +16,10 @@
 					<!-- <button id="hide"><svg alt="Don't Show This Image"><use href="#skip_next"></use></svg></button> -->
 				</div>
 			</div>
-			<div id="slideshow-carousel">
-				<div class="carousel-cell"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/tulip.jpg"      /></div>
-				<div class="carousel-cell"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/grapes.jpg"     /></div>
-				<div class="carousel-cell"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/raspberries.jpg"/></div>
-				<div class="carousel-cell"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/wolf.jpg"       /></div>
-				<div class="carousel-cell"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/shore.jpg"      /></div>
-			</div>
+			<div id="slideshow-carousel"></div>
+			<template id="carousel-cell-template">
+				<div class="carousel-cell"><img src="" /></div>
+			</template>
 			<div id="slideshow-bottom-controls">
 				<button id="prevSlide"><svg alt="Previous Slide"><use href="#sprite-skip_previous"></use></svg></button>
 				<button id="playPause"><svg alt="Pause"><use href="#sprite-pause"></use></svg></button>
@@ -30,15 +27,22 @@
 			</div>
 		</div>
 		<div id="albums" style="display:none">
+			<input id="album-search" placeholder="Search your albums" />
 			<div id="albums-container"></div>
 			<template id="album-template">
 				<div class="album">
-					<img class="album-thumb" />
-					<span class="album-name font-bold"></span>
-					<div class="album-info">
-						<span><span class="album-assets-count"></span> items</span>
-						<span class="album-shared">&bull; Shared</span>
+					<svg class="album-selector p24" alt="Select Album"><use href="#sprite-check_circle"></use></svg>
+					<img class="album-thumb hover:invert" />
+					<div class="album-desc-grid">
+						<div>
+							<span class="album-name font-bold"></span>
+							<div class="album-info">
+								<span><span class="album-assets-count"></span> items</span>
+								<span class="album-shared">&bull; Shared</span>
+							</div>
+						</div>
 					</div>
+					<svg class="album-open p24" alt="View album in Immich"><use href="#sprite-open_in_new"></use></svg>
 				</div>
 			</template>
 		</div>
-- 
cgit v1.2.3