diff options
| -rw-r--r-- | gallerie.html | 212 | ||||
| -rw-r--r-- | gallerie.sh | 6 |
2 files changed, 82 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> diff --git a/gallerie.sh b/gallerie.sh new file mode 100644 index 0000000..5c39199 --- /dev/null +++ b/gallerie.sh @@ -0,0 +1,6 @@ +title=Gallerie +stylesheets=gallerie + +old='<li><a href="gallerie.html">' +new='<li class="current"><a href="gallerie.html">' +current_div=",${old},${new}," |