add an SVG favicon (#106)

fabi1cazenave · Jan 29, 2023 · 27f8c1f · 27f8c1f
1 parent 180755b
commit 27f8c1f
Show file tree

Hide file tree

Showing 5 changed files with 58 additions and 16 deletions.
diff --git a/42.html b/42.html
@@ -7,6 +7,7 @@
   <link type="text/css" rel="stylesheet" href="css/layout.css"      />
   <link type="text/css" rel="stylesheet" href="css/lafayette42.css" />
   <link type="text/css" rel="stylesheet" href="css/demo.css"        />
+  <link type="image/svg+xml" rel="icon" href="favicon.svg" sizes="any" />
   <script type="module" src="https://unpkg.com/x-keyboard"></script>
   <script type="text/javascript" src="js/demo.js"></script>
 </head>
@@ -211,8 +212,7 @@ <h2 id="changelog"> Notes de version <a href="#changelog">#</a> </h2>
 
   <h2 id="license"> Licence <a href="#license">#</a> </h2>
   <p> <a href="http://wtfpl.net/">WTFPL</a>
-    – Do What the Fuck You Want to Public License.
-  </p>
+    – Do What the Fuck You Want to Public License. </p>
 
   <h2 id="related"> Voir aussi… <a href="#related">#</a> </h2>
   <p> <a href="http://ergol.org/42">ErgoL42</a>, une alternative ergonomique du

diff --git a/css/layout.css b/css/layout.css
@@ -42,12 +42,14 @@ dd, dt {
 
 html {
   background-color: #ccc;
+  height: 100%;
 }
 
 body {
   width: 740px;
   margin: auto;
   padding: 20px;
+  min-height: calc(100% - 40px);
   font-family: sans-serif;
   border-left: 1px solid #aaa;
   border-right: 1px solid #aaa;

diff --git a/favicon.svg b/favicon.svg
diff --git a/index.html b/index.html
@@ -10,6 +10,7 @@
   <link type="text/css" rel="stylesheet" href="css/keyboard.css"    />
   <link type="text/css" rel="stylesheet" href="css/transitions.css" />
   <link type="text/css" rel="stylesheet" href="css/demo.css"        />
+  <link type="image/svg+xml" rel="icon" href="favicon.svg" sizes="any" />
 
   <script type="module" src="https://unpkg.com/x-keyboard"></script>
   <script type="text/javascript" src="js/timesheets-min.js"></script>
@@ -523,12 +524,15 @@ <h2 id="download"> Téléchargement <a href="#download">#</a> </h2>
       </pre>
     </dd>
     <dt>
-      <strong> Versions Précédentes : </strong>
-      <a href="./releases">Dépots des versions précédentes</a>
+      <strong> Versions précédentes : </strong>
+      <a href="./releases">archives</a>
     </dt>
-    <dd>
-      Les version précédentes peuvent être installées sans garantie de leur fonctionnement.
-    </dd>
+    <dd> Les version précédentes peuvent être installées sans garantie de leur
+      fonctionnement. </dd>
+    <dd> Si vous cherchez une version précédente pour contourner un problème qui
+      apparaît sur la dernière version en date, merci d’<a
+      href="https://github.com/fabi1cazenave/qwerty-lafayette/issues">ouvrir un
+      ticket github</a>. </dd>
   </dl>
 
   <h2 id="changelog"> Notes de version <a href="#changelog">#</a> </h2>
@@ -602,10 +606,8 @@ <h2 id="changelog"> Notes de version <a href="#changelog">#</a> </h2>
   </ul>
 
   <h2 id="license"> Licence <a href="#license">#</a> </h2>
-  <p>
-    <a href="http://wtfpl.net/">WTFPL</a>
-    – Do What the Fuck You Want to Public License.
-  </p>
+  <p> <a href="http://wtfpl.net/">WTFPL</a>
+    – Do What the Fuck You Want to Public License. </p>
 
   <h2 id="lafayette42"> Variante compacte <a href="#lafayette42">#</a> </h2>
   <ul> <li> <a href="./42">Lafayette42</a> </li> </ul>

diff --git a/releases/index.html b/releases/index.html
@@ -1,21 +1,27 @@
-<html>
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="description" content="a QWERTY keyboard layout for French-speaking users" />
+    <title> QWERTY-Lafayette </title>
+    <link type="text/css" rel="stylesheet" href="../css/layout.css" />
+    <link type="text/css" rel="stylesheet" href="../css/lafayette.css" />
+    <link type="image/svg+xml" rel="icon" href="../favicon.svg" sizes="any" />
+  </head>
   <body>
     <script>
       (async () => {
         const response = await fetch('https://api.github.com/repos/fabi1cazenave/qwerty-lafayette/contents/releases');
         const data = await response.json();
         let htmlString = '<ul>';
-
         for (let file of data) {
           if (file.path != 'releases/index.html'){
             htmlString += `<li><a href="${file.path.replace('releases/','')}">${file.name}</a></li>`;
           }
         }
-
         htmlString += '</ul>';
-        document.getElementsByTagName('body')[0].innerHTML = htmlString;
+        document.querySelector('body').innerHTML = htmlString;
       })()
     </script>
   <body>
 </html>
-