From b82f4a800127d06c75bdde9ca604600cd31383d7 Mon Sep 17 00:00:00 2001 From: ada <> Date: Fri, 14 Jun 2024 14:24:12 +0200 Subject: [PATCH] changed php links for me --- backplaces/css/style_index.css | 76 ++++++++++++++++++++++++++-------- backplaces/index.html | 20 ++++----- backplaces/sunrise/sunrise.js | 4 +- 3 files changed, 70 insertions(+), 30 deletions(-) diff --git a/backplaces/css/style_index.css b/backplaces/css/style_index.css index d5dd684..8595a17 100644 --- a/backplaces/css/style_index.css +++ b/backplaces/css/style_index.css @@ -1,7 +1,11 @@ body { background-color: rgb(53, 67, 196); - min-height: 100vH; + min-height: 100vh; font-family: 'Redaction-Regular', serif; + padding: 0.2rem; + display: flex; + justify-content: center; + align-items: center; } .container { @@ -39,33 +43,52 @@ body { display: flex; flex-wrap: wrap; justify-content: center; - padding: 20px; + align-items: center; } -.photos, img { - height: 250px; +.img-container { + flex: 0 0 250px; + display: flex; + flex-direction: column; + align-items: center; margin: 10px; - margin-top: 10px; - flex: auto; + text-decoration: none; } -.img-container { - position: relative; - margin: 10px; +.img-container:nth-child(2) { + order: 3; } -.img-container img { - display: block; +.img { + height: 250px; + width: auto; } -.img-container .caption { - position: absolute; - left: 0; - width: 100%; - text-align: center; +.caption { + display: flex; + align-items: center; + justify-content: center; + padding-top: 1rem; + font-size: 2rem; + font-family: 'Redaction-Regular'; color: #FCF6F1ff; - font-size: 1.5rem; + opacity: 0; + transition: opacity 0.3s ease; +} + +.img-container:hover .caption { + opacity: 1; +} + + +.caption { + display: flex; + align-items: center; + justify-content: center; + padding-top: 1rem; + font-size: 2rem; font-family: 'Redaction-Regular'; + color: #FCF6F1ff; opacity: 0; transition: opacity 0.3s ease; } @@ -74,8 +97,25 @@ body { opacity: 1; } +/* Ensures the second image is vertically aligned */ .img2 { - margin-top: 250px; + margin-top: 10px; +} + +.caption { + display: flex; + align-items: center; + justify-content: center; + padding-top: 1rem; + font-size: 2rem; + font-family: 'Redaction-Regular'; + color: #FCF6F1ff; + opacity: 0; + transition: opacity 0.3s ease; +} + +.img-container:hover .caption { + opacity: 1; } .letterBox { diff --git a/backplaces/index.html b/backplaces/index.html index 278a113..2038906 100644 --- a/backplaces/index.html +++ b/backplaces/index.html @@ -25,20 +25,20 @@