From f1b9abef9e9cf39c4a04d937f793b1d1177e866d Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sun, 28 Feb 2021 00:02:39 +0100
Subject: Credit photographs

---
 galerie.html            |  3 +++
 stylesheets/galerie.css | 21 +++++++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/galerie.html b/galerie.html
index ab6afdf..5618e21 100644
--- a/galerie.html
+++ b/galerie.html
@@ -4,14 +4,17 @@
     <a class="photo" href="images/photos/PierreVaillant2.jpg"
        target="_blank">
       <img src="images/photos/PierreVaillant2.jpg">
+      <p class="credits"><span>Pierre Vaillant</span></p>
     </a>
     <a class="photo" href="images/photos/PierreVaillant1.jpg"
        target="_blank">
       <img src="images/photos/PierreVaillant1.jpg">
+      <p class="credits"><span>Pierre Vaillant</span></p>
     </a>
     <a class="photo" href="images/photos/CyrilGhestem1.jpg"
        target="_blank">
       <img src="images/photos/CyrilGhestem1.jpg">
+      <p class="credits"><span>Cyril Ghestem</span></p>
     </a>
   </div>
   <h1>Vidéos</h1>
diff --git a/stylesheets/galerie.css b/stylesheets/galerie.css
index 28166b8..3a80253 100644
--- a/stylesheets/galerie.css
+++ b/stylesheets/galerie.css
@@ -23,6 +23,27 @@
     filter: none;
 }
 
+a.photo p.credits:before {
+    content: '© ';
+    font-size: small;
+    color: white;
+}
+a.photo p.credits {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    margin: 0;
+    color: white;
+    background: #0008;
+    font-size: small;
+}
+a.photo p.credits > span {
+    display: none;
+}
+a.photo p.credits:hover > span {
+    display: initial;
+}
+
 .mosaic .video {
     position: relative;
     width: 100%;
-- 
cgit v1.2.3