This is a gentle fork from https://framagit.org/marienfressinaud/photos.marienfressinaud.fr with a responsive and optimized mindset. https://media.larlet.fr/
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

gallery.html.j2 1.5KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="initial-scale=1.0" />
  6. <link rel="stylesheet" href="style/main.css">
  7. <title>{{ gallery.name }} · {{ site_title }}</title>
  8. </head>
  9. <body class="app-page app-page-gallery">
  10. <header class="app-page-header">
  11. <div class="container">
  12. <h1 class="app-page-header-title">
  13. <a href="index.html">{{ site_title }}</a>
  14. </h1>
  15. <div class="separator"></div>
  16. <a href="{{ site_author_website }}">par {{ site_author }}</a>
  17. </div>
  18. </header>
  19. <main class="app-page-content">
  20. <div class="container">
  21. <h2>{{ gallery.name }}</h2>
  22. <a class="link-back" href="index.html">Retour aux albums</a>
  23. <div class="gallery-photos">
  24. {% for photo in gallery.photos %}
  25. <div class="photo">
  26. <a href="{{ photo.url }}" target="_blank" rel="noreferrer">
  27. <img src="{{ photo.thumb_url }}" alt="" />
  28. </a>
  29. </div>
  30. {% endfor %}
  31. </div>
  32. </div>
  33. </main>
  34. <div id="la-haut" class="entrecoupant">
  35. <button>Retourner là-haut</button>
  36. </div>
  37. <script type="text/javascript" src="scripts/retour-en-haut.js"></script>
  38. </body>
  39. </html>