This is a gentle fork from https://framagit.org/marienfressinaud/photos.marienfressinaud.fr with a responsive and optimized mindset. https://media.larlet.fr/
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

index.html.j2 1.7KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  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>{{ site_title }}</title>
  8. </head>
  9. <body class="app-page app-page-index">
  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>Albums</h2>
  22. <div class="galleries">
  23. {% for gallery in galleries -%}
  24. {% if not gallery.private %}
  25. <div class="gallery-cover">
  26. <a href="{{ gallery.url }}">
  27. <img src="{{ gallery.cover_photo.thumb_url }}" alt="" />
  28. <span class="gallery-cover-name">
  29. {{ gallery.name }}
  30. </span>
  31. </a>
  32. </div>
  33. {% endif %}
  34. {% endfor %}
  35. </div>
  36. </div>
  37. </main>
  38. <div id="la-haut" class="entrecoupant">
  39. <button>Retourner là-haut</button>
  40. </div>
  41. <script type="text/javascript" src="scripts/retour-en-haut.js"></script>
  42. </body>
  43. </html>