Templatize quatuor

author: Kévin Le Gouguec <kevin.legouguec@gmail.com> 2020-12-30 19:31:26 +0100
committer: Kévin Le Gouguec <kevin.legouguec@gmail.com> 2020-12-30 19:38:00 +0100
commit: d45eee2892c7c579bbf1adf292ef90b9aade9b06 (patch)
tree: 9fa0489840fdb9996da5f3798427a7ad5c47c12c
parent: 9d6447c7c5d76c2048ead843f05506e09c89940d (diff)
download: quatuorbellefeuille.com-d45eee2892c7c579bbf1adf292ef90b9aade9b06.tar.xz
3 files changed, 62 insertions, 117 deletions
diff --git a/quatuor.html b/quatuor.html
index b53907f..6d15509 100644
--- a/quatuor.html
+++ b/quatuor.html
@@ -1,115 +1,55 @@
-<!DOCTYPE html>
-<html lang="fr">
-  <head>
-    <meta charset="utf-8">
-    <title>Biographie - Quatuor Camelot</title>
-    <link rel="stylesheet" href="commun.css">
-    <link rel="stylesheet" href="quatuor.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 current">
-            <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><a href="gallerie.html">Gallerie</a></li>
-        </ol>
-      </nav>
-
-      <div class="lang">
-        EN
-      </div>
-
-    </header>
-
-    <main>
-      <div id="photos">
-        <a href="vlad.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/vlad_b.jpg"></a>
-        <a href="garet.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/garet_b.jpg"></a>
-        <a href="ivan.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/ivan_b.jpg"></a>
-        <a href="sofia.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/sofia_b.jpg"></a>
-      </div>
-
-      <div id="bio">
-        <h1>Un premier titre</h1>
-        <p>
-          Senectus et netus et malesuada fames ac turpis. Ut sem nulla
-          pharetra diam sit amet nisl suscipit adipiscing. Et netus et
-          malesuada fames ac. Turpis massa sed elementum tempus egestas
-          sed sed. Et netus et malesuada fames ac. Enim sit amet venenatis
-          urna cursus. Fermentum et sollicitudin ac orci
-          phasellus. Sollicitudin nibh sit amet commodo nulla facilisi
-          nullam vehicula. Pellentesque adipiscing commodo elit at
-          imperdiet. Eget nunc scelerisque viverra mauris in. Eu sem
-          integer vitae justo eget magna fermentum iaculis. Feugiat nisl
-          pretium fusce id velit. Facilisis gravida neque convallis a cras
-          semper. Scelerisque eu ultrices vitae auctor eu augue ut
-          lectus. Aliquam purus sit amet luctus venenatis.
-        </p>
-        <p>
-          Felis imperdiet proin fermentum leo vel orci porta. Imperdiet
-          massa tincidunt nunc pulvinar. Porta lorem mollis aliquam ut
-          porttitor leo. Morbi tincidunt augue interdum velit euismod in
-          pellentesque massa. In ornare quam viverra orci sagittis
-          eu. Elementum integer enim neque volutpat ac. Adipiscing
-          bibendum est ultricies integer quis. Quisque non tellus orci ac
-          auctor augue. Dictum fusce ut placerat orci nulla pellentesque
-          dignissim enim. Vitae congue eu consequat ac felis donec et
-          odio. Aliquam malesuada bibendum arcu vitae elementum curabitur
-          vitae nunc sed.
-        </p>
-
-        <h1>Un second titre</h1>
-        <p>
-          Vitae congue eu consequat ac. Nullam ac tortor vitae
-          purus. Laoreet id donec ultrices tincidunt arcu non sodales
-          neque sodales. Ut faucibus pulvinar elementum integer enim neque
-          volutpat ac tincidunt. Proin sed libero enim sed faucibus turpis
-          in eu. Facilisis magna etiam tempor orci eu lobortis
-          elementum. Lobortis elementum nibh tellus molestie nunc. Vitae
-          tortor condimentum lacinia quis vel eros donec. Ut etiam sit
-          amet nisl purus in mollis nunc sed. Leo in vitae turpis
-          massa. Nam at lectus urna duis convallis convallis tellus id
-          interdum. Morbi non arcu risus quis varius quam. Ac turpis
-          egestas maecenas pharetra convallis posuere morbi leo. Magna
-          etiam tempor orci eu.
-        </p>
-      </div>
-
-    </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">
-      </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>
+<main>
+  <div id="photos">
+    <a href="vlad.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/vlad_b.jpg"></a>
+    <a href="garet.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/garet_b.jpg"></a>
+    <a href="ivan.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/ivan_b.jpg"></a>
+    <a href="sofia.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/sofia_b.jpg"></a>
+  </div>
+
+  <div id="bio">
+    <h1>Un premier titre</h1>
+    <p>
+      Senectus et netus et malesuada fames ac turpis. Ut sem nulla
+      pharetra diam sit amet nisl suscipit adipiscing. Et netus et
+      malesuada fames ac. Turpis massa sed elementum tempus egestas
+      sed sed. Et netus et malesuada fames ac. Enim sit amet venenatis
+      urna cursus. Fermentum et sollicitudin ac orci
+      phasellus. Sollicitudin nibh sit amet commodo nulla facilisi
+      nullam vehicula. Pellentesque adipiscing commodo elit at
+      imperdiet. Eget nunc scelerisque viverra mauris in. Eu sem
+      integer vitae justo eget magna fermentum iaculis. Feugiat nisl
+      pretium fusce id velit. Facilisis gravida neque convallis a cras
+      semper. Scelerisque eu ultrices vitae auctor eu augue ut
+      lectus. Aliquam purus sit amet luctus venenatis.
+    </p>
+    <p>
+      Felis imperdiet proin fermentum leo vel orci porta. Imperdiet
+      massa tincidunt nunc pulvinar. Porta lorem mollis aliquam ut
+      porttitor leo. Morbi tincidunt augue interdum velit euismod in
+      pellentesque massa. In ornare quam viverra orci sagittis
+      eu. Elementum integer enim neque volutpat ac. Adipiscing
+      bibendum est ultricies integer quis. Quisque non tellus orci ac
+      auctor augue. Dictum fusce ut placerat orci nulla pellentesque
+      dignissim enim. Vitae congue eu consequat ac felis donec et
+      odio. Aliquam malesuada bibendum arcu vitae elementum curabitur
+      vitae nunc sed.
+    </p>
+
+    <h1>Un second titre</h1>
+    <p>
+      Vitae congue eu consequat ac. Nullam ac tortor vitae
+      purus. Laoreet id donec ultrices tincidunt arcu non sodales
+      neque sodales. Ut faucibus pulvinar elementum integer enim neque
+      volutpat ac tincidunt. Proin sed libero enim sed faucibus turpis
+      in eu. Facilisis magna etiam tempor orci eu lobortis
+      elementum. Lobortis elementum nibh tellus molestie nunc. Vitae
+      tortor condimentum lacinia quis vel eros donec. Ut etiam sit
+      amet nisl purus in mollis nunc sed. Leo in vitae turpis
+      massa. Nam at lectus urna duis convallis convallis tellus id
+      interdum. Morbi non arcu risus quis varius quam. Ac turpis
+      egestas maecenas pharetra convallis posuere morbi leo. Magna
+      etiam tempor orci eu.
+    </p>
+  </div>
+
+</main>
diff --git a/quatuor.sh b/quatuor.sh
new file mode 100644
index 0000000..46985dd
--- /dev/null
+++ b/quatuor.sh
@@ -0,0 +1,6 @@
+title=Biographie
+stylesheets=quatuor
+
+old='<li class="dropdown"><a href="quatuor.html">'
+new='<li class="dropdown current"><a href="quatuor.html">'
+current_div=",${old},${new},"
diff --git a/template.html b/template.html
index bfb1550..523aef2 100644
--- a/template.html
+++ b/template.html
@@ -20,8 +20,7 @@
 
       <nav>
         <ol>
-          <li class="dropdown">
-            <a href="quatuor.html">Le quatuor</a>
+          <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>
author	Kévin Le Gouguec <kevin.legouguec@gmail.com>	2020-12-30 19:31:26 +0100
committer	Kévin Le Gouguec <kevin.legouguec@gmail.com>	2020-12-30 19:38:00 +0100
commit	d45eee2892c7c579bbf1adf292ef90b9aade9b06 (patch)
tree	9fa0489840fdb9996da5f3798427a7ad5c47c12c
parent	9d6447c7c5d76c2048ead843f05506e09c89940d (diff)
download	quatuorbellefeuille.com-d45eee2892c7c579bbf1adf292ef90b9aade9b06.tar.xz