From 47a43f8cfca47daa18cb39c0c644b97d2234da84 Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jans.tuomi@gmail.com>
Date: Thu, 14 Jul 2022 22:06:04 +0300
Subject: Show image title on hover

---
 src/styles.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

(limited to 'src/styles.css')

diff --git a/src/styles.css b/src/styles.css
index 38eb3ba..9e34f28 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -129,10 +129,30 @@ h3 {
 }
 
 .gallery .column a {
+    position: relative;
     margin-bottom: var(--grid-gap);
     min-width: min(400px, 100vw);
 }
 
+.gallery .column .title {
+    display: none;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    padding: 5px;
+    background-color: white;
+    font-size: 30px;
+    max-width: 70%;
+}
+
+.gallery .column a:hover .title {
+    display: initial;
+}
+
+.gallery .column a:hover img {
+    filter: sepia(0.6);
+}
+
 .gallery .column img {
     width: 100%;
 }
-- 
cgit v1.3