diff options
| -rw-r--r-- | galerie.html | 3 | ||||
| -rw-r--r-- | stylesheets/galerie.css | 21 |
2 files changed, 24 insertions, 0 deletions
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%; |