From 4c32a12d2d368e9c61992895844b5aacb38991a0 Mon Sep 17 00:00:00 2001
From: jotty <me@here>
Date: Sat, 31 May 2025 10:25:38 +0200
Subject: [PATCH] slide of thumbnails experiments

---
 .classpath                                    |  7 -------
 .project                                      |  2 +-
 build.gradle                                  |  2 +-
 src/main/resources/static/css/style.css       |  7 +++++++
 src/main/resources/templates/allgemeines.html | 14 ++++++++------
 5 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/.classpath b/.classpath
index 7606e94..f3bdce0 100644
--- a/.classpath
+++ b/.classpath
@@ -6,13 +6,6 @@
 			<attribute name="gradle_used_by_scope" value="main,test"/>
 		</attributes>
 	</classpathentry>
-	<classpathentry kind="src" output="bin/test" path="src/test/java">
-		<attributes>
-			<attribute name="gradle_scope" value="test"/>
-			<attribute name="gradle_used_by_scope" value="test"/>
-			<attribute name="test" value="true"/>
-		</attributes>
-	</classpathentry>
 	<classpathentry kind="src" output="bin/main" path="src/main/resources">
 		<attributes>
 			<attribute name="gradle_scope" value="main"/>
diff --git a/.project b/.project
index f2a18a9..471e857 100644
--- a/.project
+++ b/.project
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <projectDescription>
-	<name>camporganizer2</name>
+	<name>CampOrganizer2</name>
 	<comment></comment>
 	<projects>
 	</projects>
diff --git a/build.gradle b/build.gradle
index 75216db..ca094c0 100644
--- a/build.gradle
+++ b/build.gradle
@@ -8,7 +8,7 @@ plugins {
 }
 
 group = 'de.jottyfan.camporganizer'
-version = '0.9.6'
+version = '0.9.7'
 
 description = """CampOrganizer2"""
 
diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
index 56a476e..fd2bfa0 100644
--- a/src/main/resources/static/css/style.css
+++ b/src/main/resources/static/css/style.css
@@ -526,4 +526,11 @@ div {
 .hoverlink:hover {
 	color: #0d6efd;
 	text-decoration: underline;
+}
+
+.thumbswipe {
+	-webkit-overflow-scrolling: touch;
+	max-height: 100px; 
+	overflow-x: auto;
+	overflow-y: hidden;
 }
\ No newline at end of file
diff --git a/src/main/resources/templates/allgemeines.html b/src/main/resources/templates/allgemeines.html
index c9c1dde..6a3615b 100644
--- a/src/main/resources/templates/allgemeines.html
+++ b/src/main/resources/templates/allgemeines.html
@@ -23,12 +23,14 @@
 				<div class="col-12 center mb-3">
 					<a href="#" onclick="$('#fotoblock').fadeOut(1000); $('#welcomeblock').slideDown('slow');" class="btn btn-outline-secondary"><i class="fas fa-arrow-up"></i>&nbsp;Startseite</a>
 				</div>
-				<div class="col-12" style="max-height: 100px; overflow: auto">
-					<th:block th:each="n : ${#numbers.sequence(1, 85)}" th:with="i=${#strings.toString(n < 10 ? '0' + n : n)}">
-					  <a th:href="'https://www.onkelwernerfreizeiten.de/stock/stock' + ${i} + '.jpg'" data-fancybox="gallery" th:data-caption="${title['stock' + i]}">
-					    <img th:src="'https://www.onkelwernerfreizeiten.de/stock/thumb_stock' + ${i} + '.jpg'" height="96px" class="m-1" th:title="${title['stock' + i]}" />
-					  </a>
-				  </th:block>
+				<div class="col-12 thumbswipe">
+          <div style="min-width: 13000px"><!-- omits line break -->
+					  <th:block th:each="n : ${#numbers.sequence(1, 85)}" th:with="i=${#strings.toString(n < 10 ? '0' + n : n)}">
+					    <a th:href="'https://www.onkelwernerfreizeiten.de/stock/stock' + ${i} + '.jpg'" data-fancybox="gallery" th:data-caption="${title['stock' + i]}">
+					      <img th:src="'https://www.onkelwernerfreizeiten.de/stock/thumb_stock' + ${i} + '.jpg'" height="96px" class="m-1" th:title="${title['stock' + i]}" />
+					    </a>
+				    </th:block>
+          </div>
 				  <script th:inline="javascript">
 				    Fancybox.bind('[data-fancybox="gallery"]', {
 						});