Templatize gallery

author: Kévin Le Gouguec <kevin.legouguec@gmail.com> 2020-12-30 19:42:51 +0100
committer: Kévin Le Gouguec <kevin.legouguec@gmail.com> 2020-12-30 19:42:51 +0100
commit: 2013d68dad67988ae62e21c4921c2910e9bdff40 (patch)
tree: dbf6ba258e7f6612e18725decd1e49c56d38b11e /gallerie.html
parent: 9f7ab4ed6641dcaed1c433247fe1ee0a0facb6e3 (diff)
download: quatuorbellefeuille.com-2013d68dad67988ae62e21c4921c2910e9bdff40.tar.xz
1 files changed, 76 insertions, 136 deletions
diff --git a/gallerie.html b/gallerie.html
index c6528e6..4f46d6c 100644
--- a/gallerie.html
+++ b/gallerie.html
@@ -1,137 +1,77 @@
-<!DOCTYPE html>
-<html lang="fr">
-  <head>
-    <meta charset="utf-8">
-    <title>Gallerie - Quatuor Camelot</title>
-    <link rel="stylesheet" href="commun.css">
-    <link rel="stylesheet" href="gallerie.css">
-    <link rel="alternate" type="application/rss+xml" href="feed.xml">
-  </head>
-  <body>
-    <header class="banner">
-
-      <div class="brand">
-        <a href="index.html">
-          <img src="https://upload.wikimedia.org/wikipedia/en/a/a4/Golden_Sun_icon.png"
-               alt="logo">
-          <h1 class="qname">Quatuor Camelot</h1>
-        </a>
-      </div>
-
-      <nav>
-        <ol>
-          <li class="dropdown">
-            <a href="quatuor.html">Le quatuor</a>
-            <ul>
-              <li><a href="vlad.html"><img src="https://static.wikia.nocookie.net/goldensun/images/8/87/Isaac2.gif">Vlad</a></li>
-              <li><a href="garet.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3e/Garet_icon.gif">Garet</a></li>
-              <li><a href="ivan.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3d/Ivan_platinum.gif">Ivan</a></li>
-              <li><a href="sofia.html"><img src="https://static.wikia.nocookie.net/goldensun/images/4/43/Mia.gif">Sofia</a></li>
-            </ul>
-          </li>
-          <li><a href="actualités.html">Actualités</a></li>
-          <li><a href="programmes.html">Programmes</a></li>
-          <li class="current"><a href="gallerie.html">Gallerie</a></li>
-        </ol>
-      </nav>
-
-      <div class="lang">
-        EN
-      </div>
-
-    </header>
-
-    <main>
-        <h1>Photos</h1>
-        <div class="mosaic photos">
-          <div class="photo">
-            <a href="https://v3.goldensun-world.com/img/wallpapers/wallpaper1.jpg">
-              <img src="https://v3.goldensun-world.com/img/wallpapers/wallpaper1_800x600.jpg">
-            </a>
-          </div>
-          <div class="photo">
-            <a href="https://i.redd.it/snvwn43xm9951.png">
-              <img src="https://preview.redd.it/snvwn43xm9951.png?width=517&auto=webp&s=ffe4c47873bb42e8a62bf678d076ebc7f2bdc880">
-            </a>
-          </div>
-          <div class="photo">
-            <a href="https://i.redd.it/snvwn43xm9951.png">
-              <img src="https://preview.redd.it/snvwn43xm9951.png?width=517&auto=webp&s=ffe4c47873bb42e8a62bf678d076ebc7f2bdc880">
-            </a>
-          </div>
-          <div class="photo">
-            <a href="https://v3.goldensun-world.com/img/wallpapers/wallpaper1.jpg">
-              <img src="https://v3.goldensun-world.com/img/wallpapers/wallpaper1_800x600.jpg">
-            </a>
-          </div>
-          <div class="photo">
-            <a href="https://v3.goldensun-world.com/img/wallpapers/wallpaper1.jpg">
-              <img src="https://v3.goldensun-world.com/img/wallpapers/wallpaper1_800x600.jpg">
-            </a>
-          </div>
-          <div class="photo">
-            <a href="https://i.redd.it/snvwn43xm9951.png">
-              <img src="https://preview.redd.it/snvwn43xm9951.png?width=517&auto=webp&s=ffe4c47873bb42e8a62bf678d076ebc7f2bdc880">
-            </a>
-          </div>
-        </div>
-        <h1>Vidéos</h1>
-        <div class="mosaic videos">
-          <div class="video">
-            <iframe src="https://www.youtube.com/embed/rl16-7wZmFY"
-                    frameborder="0" allowfullscreen class="yt">
-            </iframe>
-          </div>
-          <div class="video">
-            <iframe src="https://www.youtube.com/embed/QpYo0lAwQ2g"
-                    frameborder="0" allowfullscreen class="yt">
-            </iframe>
-          </div>
-          <div class="video">
-            <iframe src="https://www.youtube.com/embed/1SJsDCMyU9c"
-                    frameborder="0" allowfullscreen class="yt">
-            </iframe>
-          </div>
-          <div class="video">
-            <iframe src="https://www.youtube.com/embed/9yxEPZ1vCnM"
-                    frameborder="0" allowfullscreen class="yt">
-            </iframe>
-          </div>
-        </div>
-        <h1 id="musics">Musique</h1>
-        <p>
-          Combat (Vlad)
-        </p>
-        <audio controls
-               src="https://vgmsite.com/soundtracks/golden-sun/oiqemsif/04%20isaac%27s%20battle%20theme.mp3">
-          <a href="https://vgmsite.com/soundtracks/golden-sun/oiqemsif/04%20isaac%27s%20battle%20theme.mp3">
-            Lien
-          </a>
-        </audio>
-        <p>
-          Combat (Salamandar)
-        </p>
-        <audio controls
-               src="https://vgmsite.com/soundtracks/golden-sun/piphcdjg/07%20saturos%20and%20menardi%27s%20battle%20theme.mp3">
-          <a href="https://vgmsite.com/soundtracks/golden-sun/piphcdjg/07%20saturos%20and%20menardi%27s%20battle%20theme.mp3">
-            Lien
-          </a>
-        </audio>
-    </main>
-
-    <footer class="social">
-      <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg">
-      <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg">
-      <a href="feed.xml">
-        <img src="https://upload.wikimedia.org/wikipedia/en/4/43/Feed-icon.svg">
+<main>
+  <h1>Photos</h1>
+  <div class="mosaic photos">
+    <div class="photo">
+      <a href="https://v3.goldensun-world.com/img/wallpapers/wallpaper1.jpg">
+        <img src="https://v3.goldensun-world.com/img/wallpapers/wallpaper1_800x600.jpg">
       </a>
-      <p class="contact">
-        <a href="contact.html">Contact</a>
-      </p>
-    </footer>
-
-    <footer class="legal">
-      <p>Mentions légales - Plan du site</p>
-    </footer>
-  </body>
-</html>
+    </div>
+    <div class="photo">
+      <a href="https://i.redd.it/snvwn43xm9951.png">
+        <img src="https://preview.redd.it/snvwn43xm9951.png?width=517&auto=webp&s=ffe4c47873bb42e8a62bf678d076ebc7f2bdc880">
+      </a>
+    </div>
+    <div class="photo">
+      <a href="https://i.redd.it/snvwn43xm9951.png">
+        <img src="https://preview.redd.it/snvwn43xm9951.png?width=517&auto=webp&s=ffe4c47873bb42e8a62bf678d076ebc7f2bdc880">
+      </a>
+    </div>
+    <div class="photo">
+      <a href="https://v3.goldensun-world.com/img/wallpapers/wallpaper1.jpg">
+        <img src="https://v3.goldensun-world.com/img/wallpapers/wallpaper1_800x600.jpg">
+      </a>
+    </div>
+    <div class="photo">
+      <a href="https://v3.goldensun-world.com/img/wallpapers/wallpaper1.jpg">
+        <img src="https://v3.goldensun-world.com/img/wallpapers/wallpaper1_800x600.jpg">
+      </a>
+    </div>
+    <div class="photo">
+      <a href="https://i.redd.it/snvwn43xm9951.png">
+        <img src="https://preview.redd.it/snvwn43xm9951.png?width=517&auto=webp&s=ffe4c47873bb42e8a62bf678d076ebc7f2bdc880">
+      </a>
+    </div>
+  </div>
+  <h1>Vidéos</h1>
+  <div class="mosaic videos">
+    <div class="video">
+      <iframe src="https://www.youtube.com/embed/rl16-7wZmFY"
+              frameborder="0" allowfullscreen class="yt">
+      </iframe>
+    </div>
+    <div class="video">
+      <iframe src="https://www.youtube.com/embed/QpYo0lAwQ2g"
+              frameborder="0" allowfullscreen class="yt">
+      </iframe>
+    </div>
+    <div class="video">
+      <iframe src="https://www.youtube.com/embed/1SJsDCMyU9c"
+              frameborder="0" allowfullscreen class="yt">
+      </iframe>
+    </div>
+    <div class="video">
+      <iframe src="https://www.youtube.com/embed/9yxEPZ1vCnM"
+              frameborder="0" allowfullscreen class="yt">
+      </iframe>
+    </div>
+  </div>
+  <h1 id="musics">Musique</h1>
+  <p>
+    Combat (Vlad)
+  </p>
+  <audio controls
+         src="https://vgmsite.com/soundtracks/golden-sun/oiqemsif/04%20isaac%27s%20battle%20theme.mp3">
+    <a href="https://vgmsite.com/soundtracks/golden-sun/oiqemsif/04%20isaac%27s%20battle%20theme.mp3">
+      Lien
+    </a>
+  </audio>
+  <p>
+    Combat (Salamandar)
+  </p>
+  <audio controls
+         src="https://vgmsite.com/soundtracks/golden-sun/piphcdjg/07%20saturos%20and%20menardi%27s%20battle%20theme.mp3">
+    <a href="https://vgmsite.com/soundtracks/golden-sun/piphcdjg/07%20saturos%20and%20menardi%27s%20battle%20theme.mp3">
+      Lien
+    </a>
+  </audio>
+</main>
author	Kévin Le Gouguec <kevin.legouguec@gmail.com>	2020-12-30 19:42:51 +0100
committer	Kévin Le Gouguec <kevin.legouguec@gmail.com>	2020-12-30 19:42:51 +0100
commit	2013d68dad67988ae62e21c4921c2910e9bdff40 (patch)
tree	dbf6ba258e7f6612e18725decd1e49c56d38b11e /gallerie.html
parent	9f7ab4ed6641dcaed1c433247fe1ee0a0facb6e3 (diff)
download	quatuorbellefeuille.com-2013d68dad67988ae62e21c4921c2910e9bdff40.tar.xz