waterpi

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 --- deploy.sh | 4 +++ index.html | 106 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 109 insertions(+), 1 deletion(-) create mode 100755 deploy.sh diff --git a/deploy.sh b/deploy.sh new file mode 100755 index 0000000..47fa800 --- /dev/null +++ b/deploy.sh @@ -0,0 +1,4 @@ +#!/bin/bash +set -e +scp index.html robert@waterpi: +ssh robert@waterpi -C 'sudo cp index.html /var/www/html; sudo chown www-data:www-data /var/www/html/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; +} + -

+ + -- cgit v1.2.3