add glider in header
authorrick <rick@gnous.eu>
Tue, 17 Jan 2023 23:19:40 +0000 (00:19 +0100)
committerrick <rick@gnous.eu>
Tue, 17 Jan 2023 23:19:40 +0000 (00:19 +0100)
css/style.css
header.html
img/glider.png [new file with mode: 0644]
lang/en/about.html
lang/fr/apropos.html

index 709c028298290045f37dfce09e35dfe540719231..2b616bacfacd9f6c7fe3190f40ed6a153d5c843d 100644 (file)
@@ -20,6 +20,19 @@ header a {
   color: black;
 }
 
+#header-glider {
+  display: flex;
+}
+
+#header-glider img {
+  margin-top: 20px;
+  margin-left: 10px;
+}
+
+header h2 {
+  margin-top: 0;
+}
+
 #lang {
   margin-top: 20px;
 }
index 5b734022443e5fbea9eb78b180b6258c8cf615c7..d882f08d2193d6c63979ceb239125ada5d6f48e9 100644 (file)
@@ -8,7 +8,10 @@
     <body>
         <header>
             <div>
-                <h1><a href="index.html">gyiwr dot tf</a></h1>
+                <div id="header-glider">
+                    <h1><a href="index.html">gyiwr dot tf</a></h1>
+                    <img alt="glider" src="/img/glider.png" height=40px />
+                </div>
                 <h2>%subtitle%</h2>
             </div>
             <div id="lang">
diff --git a/img/glider.png b/img/glider.png
new file mode 100644 (file)
index 0000000..fd3a86f
Binary files /dev/null and b/img/glider.png differ
index 1fcc312279c615b54a112092e75de64837e97ee2..d7fba4fd13c85f55f9b2c92234aaf6a92d8be710 100644 (file)
@@ -4,7 +4,10 @@
             <h2>Font</h2>
             <p>I use the default browser's font.</p>
 
-            <h2>Flags</h2>
+            <h2>Header</h2>
+            <p>The Glider comes from <a href="http://www.catb.org/hacker-emblem/">catb website</a>.</p>
+
+            <h3>Flags</h3>
             <p>I use SVGs from Wikipedia.</p>
             
             <ul>
index e29022bd2df694fa3de55b5f2e4ce52a95f47f7d..167100d29114c59e5f06669fe6c661184f489770 100644 (file)
@@ -4,7 +4,10 @@
             <h2>Police</h2>
             <p>J'utilise la police par défaut de votre navigateur.</p>
 
-            <h2>Drapeaux des langues</h2>
+            <h2>Header</h2>
+            <p>Le Glider vient du site de <a href="http://www.catb.org/hacker-emblem/">catb</a>.</p>
+
+            <h3>Drapeaux des langues</h3>
             <p>Ils proviennent des fichiers SVG de Wikipedia.</p>
             
             <ul>