From 3838acdc1cfc4c2c3c0c74f638d9ca5109dea855 Mon Sep 17 00:00:00 2001 From: Robert Scheibe Date: Thu, 19 Dec 2024 23:21:52 +0100 Subject: thumbnail gallery and deploy script added --- index.html | 106 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 105 insertions(+), 1 deletion(-) (limited to 'index.html') diff --git a/index.html b/index.html index effdcd8..73afdc8 100644 --- a/index.html +++ b/index.html @@ -1,3 +1,4 @@ + waterpi @@ -9,10 +10,113 @@ max-width: 800; height: auto; } +.gallery { + max-width: 800px; + margin: 0 auto; + text-align: center; +} + +.main-image { + margin-bottom: 20px; +} + +.main-image img { + width: 100%; + height: auto; + display: block; + margin: 0 auto; +} + +.thumbnails { + display: flex; + justify-content: space-between; + gap: 10px; +} + +.thumbnails img { + width: calc(20% - 8px); + height: auto; + cursor: pointer; + transition: opacity 0.3s; +} + +.thumbnails img:hover { + opacity: 0.7; +} + - +
+
+ Hauptbild +
+
+
+
+ + -- cgit v1.2.3