From 1ce57c114cf16337748bf5b6e0a0e125b87d7869 Mon Sep 17 00:00:00 2001
From: Tim Keller <tjk@tjkeller.xyz>
Date: Fri, 20 Jun 2025 22:31:41 -0500
Subject: asset download and album search + set

---
 public/index.html | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

(limited to 'public/index.html')

diff --git a/public/index.html b/public/index.html
index 6e3fc70..7ddb58f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -20,14 +20,18 @@
 				<div class="carousel-cell"><img class="carousel-img" src="" /></div>
 			</template>
 			<div class="grid grid-cols-3 w-full max-w-3xl m-auto justify-items-center py-4">
-				<button id="prevSlide" class="svg-btn size-12"><svg alt="Previous Slide" class="size-full"><use href="#sprite-skip_previous"></use></svg></button>
-				<button id="playPause" class="svg-btn size-12"><svg alt="Pause"          class="size-full"><use href="#sprite-pause"></use></svg></button>
-				<button id="nextSlide" class="svg-btn size-12"><svg alt="Next Slide"     class="size-full"><use href="#sprite-skip_next"></use></svg></button>
+				<button id="prev-slide" class="svg-btn size-12"><svg alt="Previous Slide" class="size-full"><use href="#sprite-skip_previous"></use></svg></button>
+				<button id="play-pause" class="svg-btn size-12"><svg alt="Pause"          class="size-full"><use href="#sprite-pause"></use></svg></button>
+				<button id="next-slide" class="svg-btn size-12"><svg alt="Next Slide"     class="size-full"><use href="#sprite-skip_next"></use></svg></button>
 			</div>
 		</div>
 		<div id="albums" class="hidden! overflow-y-scroll"><div class="px-4 m-auto max-w-3xl">
 			<div class="p-2 sticky top-0 z-20 bg-black">
 				<input class="rounded-input mx-auto mb-4 w-full" id="album-search" placeholder="Search your albums" />
+				<button id="albums-submit" class="rounded-btn">
+					<svg class="size-6"><use href="#sprite-check_circle"></use></svg>
+					Select
+				</button>
 			</div>
 			<div id="albums-container" class="m-auto z-10"></div>
 			<template id="album-template">
@@ -97,12 +101,12 @@
 						</div>
 						<select class="my-auto rounded-input" name="display_size">
 							<option value="thumbnail">Small Thumbnail (~15 kB)</option>
-							<option value="preview">Large Thumbnail (~150 kB)</option>
+							<option value="preview">Large Thumbnail (~400 kB)</option>
 							<option value="fullsize">Original Image</option>
 						</select>
 						<div>
 							<label class="settings-label">Max Cached Assets</label>
-							<p>Number of assets that can exist at once in RAM.<br>Each asset will take ~5x the display size in memory.</p>
+							<p>Number of assets that can exist at once in RAM.<br>Each asset will take ~10x the display size in memory.</p>
 						</div>
 						<input class="my-auto rounded-input" name="max_cache_assets" type="number" />
 					</div>
-- 
cgit v1.2.3