feat: add logo

apropos.html

@@ -27,13 +27,13 @@
     <header id="page-header">
       <div class="columns">
         <div class="column col-6">
-            <h1>Blue Sky</h1>
+            <h1><img src="img/logo.png" alt="Kazhnuz"/></h1>
         </div>
 
         <div class="column col-md-6">
             <nav class="navbar">
                 <section class="navbar-section">
-                  
+
                 </section>
                 <section class="navbar-section">
                     <a href="..." class="btn btn-link">Blog</a>
@@ -81,7 +81,7 @@
 
         <p>De plus, ce site et mes créations sont réalisées presque entièrement à l'aide d'outil libre et open-source (voir <a href="https://kazhnuz.space/index.php?static9/remerciements">remerciements</a>).</p>
 
-        <p>Ces choix sont des choix <em>personnels</em>, liés à mon expérience de l'art et ma vision de ce que je veux faire avec mes oeuvres. Je n'estime pas que ces choix doivent être faits par tout.e.s, ni que c'est une vision universelle. Pour moi, chaque artiste devrait être libre de la manière dont iel produit et vis son art. Cette liberté inclue celle de vouloir/pouvoir protéger ses créations et de ne pas vouloir qu'elles soient réutilisées. J'estime de ce fait que je n'ai pas le droit d'imposer ma vision à qui que ce soit.</p> 
+        <p>Ces choix sont des choix <em>personnels</em>, liés à mon expérience de l'art et ma vision de ce que je veux faire avec mes oeuvres. Je n'estime pas que ces choix doivent être faits par tout.e.s, ni que c'est une vision universelle. Pour moi, chaque artiste devrait être libre de la manière dont iel produit et vis son art. Cette liberté inclue celle de vouloir/pouvoir protéger ses créations et de ne pas vouloir qu'elles soient réutilisées. J'estime de ce fait que je n'ai pas le droit d'imposer ma vision à qui que ce soit.</p>
 
         <p>De mon côté, le choix du copyleft est fait pour deux principales raisons : </p>
 
@@ -128,7 +128,7 @@
         <a href="#" class="menu-element"><span class="trim-that">#WRITOBER2019 - Ring</span></a>
       </div>
     </div>
-    
+
     <div class="card card-primary">
       <div class="card-header"><i class="fa fa-folder"></i> Catégories</div>
       <div class="card-menu">
@@ -148,7 +148,7 @@
         <a href="#" class="menu-element">Conseils et partages <span class="menu-label label-secondary">-1</span></a>
       </div>
     </div>
-    
+
     <div class="card card-primary">
       <div class="card-header"><i class="fa fa-calendar-o"></i> Archives</div>
       <div class="card-menu">

blog.html

@@ -27,13 +27,13 @@
     <header id="page-header">
       <div class="columns">
         <div class="column col-6">
-            <h1>Blue Sky</h1>
+            <h1><img src="img/logo.png" alt="Kazhnuz"/></h1>
         </div>
 
         <div class="column col-md-6">
             <nav class="navbar">
                 <section class="navbar-section">
-                  
+
                 </section>
                 <section class="navbar-section">
                     <a href="..." class="btn btn-link">Blog</a>
@@ -60,7 +60,7 @@
 
       <article class="main-article">
           <h1>Nom de l'article :</h1>
-          
+
           <ul>
             <li>1 - Titre de niveau 3
               <ul>
@@ -71,32 +71,32 @@
             </li>
             <li>2 - Titre de niveau 3</li>
           </ul>
-          
+
           <h2>Introduction : Lorem Ipsum</h2>
-          
+
           <p><em>Lorem ipsum dolor sit amet<sup><a href="#1">[1]</a></sup>, consectetur adipiscing elit. Praesent varius ullamcorper diam, non sagittis lectus rutrum id. Integer eros urna, egestas et libero a, finibus egestas odio. Nunc vel hendrerit quam, eget malesuada sem. Sed hendrerit ligula pharetra leo aliquam volutpat. Integer auctor urna ac convallis laoreet. Nunc vestibulum ipsum sed tortor aliquam porta. Cras nunc est, lobortis in est at, rhoncus auctor nunc. Sed dignissim erat non sollicitudin ultricies. Integer vel consectetur urna. Etiam fermentum ligula vitae nunc viverra, a fringilla sem aliquam. Suspendisse potenti. Morbi sem mi, malesuada quis odio vitae, suscipit congue metus. Sed ut ullamcorper urna, eget molestie est. Sed pulvinar justo ac urna consectetur fringilla. Donec tristique eget leo sit amet mollis.</em></p>
-          
+
           <p class="align-center"><a href="#" class="btn btn-warning">Télécharger ce thème</a></p>
-          
+
           <h2>Contenu : Lorem Ipsum. Ceci est un titre long afin de tester comment la longueur d'un titre peut poser soucis d'un point de vue de l'alignement vertical.</h2>
-          
+
           <h3>Titre de niveau 3</h3>
             <h4>Titre de niveau 4</h4>
             <h4>Titre de niveau 4</h4>
             <h4>Titre de niveau 4</h4>
           <h3>Titre de niveau 3</h3>
-          
+
           <p>Proin bibendum felis sit amet nisl iaculis, <strong>vel blandit purus dictum</strong>. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. <mark>Sed posuere lectus eu orci tristique maximus</mark>. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. <del>Nulla luctus est nec arcu volutpat blandit.</del> Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.</p>
-          
+
           <blockquote><p>Cras malesuada, metus at viverra molestie, mi ligula sodales tellus, vitae facilisis ante est vitae dolor. Donec feugiat non est eget elementum. Nullam in erat et arcu tincidunt maximus. Nullam nibh orci, egestas eu ex non, viverra pretium magna. Proin convallis, risus eu condimentum luctus, ante dui mattis eros, a varius risus diam sed nisl. Ut malesuada ipsum in augue accumsan ullamcorper. Phasellus efficitur augue in venenatis sollicitudin. Integer at consectetur arcu.</p></blockquote>
-          
+
           <pre><code>Vivamus tincidunt dolor quis consectetur dapibus.
           Ut metus risus, lobortis non venenatis in, ultricies a orci.
           In suscipit ante et aliquet pretium.
           Integer diam dui, rutrum vitae risus ultricies, varius vulputate magna.
           In id suscipit elit.</code></pre>
-          
+
-          
+
           <p id="1">[1] : Sed et odio volutpat, convallis est et, interdum sapien.</p>
       </article>
 
@@ -121,7 +121,7 @@
 
       <section class="commentaires">
         <h1>Commentaires :</h1>
-      
+
         <article class="card comment">
           <div class="author-area">
               <img src="img/avatar.png" class="author-avatar" alt="...">
@@ -151,7 +151,7 @@
         <a href="#" class="menu-element"><span class="trim-that">#WRITOBER2019 - Ring</span></a>
       </div>
     </div>
-    
+
     <div class="card card-primary">
       <div class="card-header"><i class="fa fa-folder"></i> Catégories</div>
       <div class="card-menu">
@@ -171,7 +171,7 @@
         <a href="#" class="menu-element">Conseils et partages <span class="menu-label label-secondary">-1</span></a>
       </div>
     </div>
-    
+
     <div class="card card-primary">
       <div class="card-header"><i class="fa fa-calendar-o"></i> Archives</div>
       <div class="card-menu">

color-test.html

@@ -27,13 +27,13 @@
   <header class="container-fluid" id="page-header">
       <div class="columns">
         <div class="column col-6">
-            <h1>Blue Sky</h1>
+            <h1><img src="img/logo.png" alt="Kazhnuz"/></h1>
         </div>
 
         <div class="column col-md-6">
             <nav class="navbar">
                 <section class="navbar-section">
-                  
+
                 </section>
                 <section class="navbar-section">
                   <a href="..." class="btn btn-link">Blog</a>

index.html

@@ -27,7 +27,7 @@
   <header id="page-header">
     <div class="columns">
       <div class="column col-6">
-          <h1>Blue Sky</h1>
+          <h1><img src="img/logo.png" alt="Kazhnuz"/></h1>
       </div>
 
       <div class="column col-md-6">

personnage.html

@@ -27,13 +27,13 @@
   <header id="page-header">
     <div class="columns">
       <div class="column col-6">
-          <h1>Blue Sky</h1>
+          <h1><img src="img/logo.png" alt="Kazhnuz"/></h1>
       </div>
 
       <div class="column col-md-6">
           <nav class="navbar">
               <section class="navbar-section">
-                
+
               </section>
               <section class="navbar-section">
                   <a href="..." class="btn btn-link">Blog</a>

preview.html

@@ -27,13 +27,13 @@
     <header class="container-fluid" id="page-header">
         <div class="columns">
           <div class="column col-6">
-              <h1>Blue Sky</h1>
+              <h1><img src="img/logo.png" alt="Kazhnuz"/></h1>
           </div>
-  
+
           <div class="column col-md-6">
               <nav class="navbar">
                   <section class="navbar-section">
-                    
+
                   </section>
                   <section class="navbar-section">
                     <a href="..." class="btn btn-link">Blog</a>
@@ -54,7 +54,7 @@
     </nav>
 
     <div class="previews-section">
-    
+
         <article class="card card-preview card-primary">
             <a href="#" class="preview-link">
               <div class="preview-item">
@@ -70,7 +70,7 @@
               </div>
             </a>
         </article>
-    
+
       <article class="card card-preview card-primary">
           <a href="#" class="preview-link">
             <div class="preview-item">
@@ -86,7 +86,7 @@
             </div>
           </a>
       </article>
-    
+
       <article class="card card-preview card-primary">
           <a href="#" class="preview-link">
             <div class="preview-item">
@@ -102,7 +102,7 @@
             </div>
           </a>
       </article>
-    
+
       <article class="card card-preview card-primary">
           <a href="#" class="preview-link">
             <div class="preview-item">
@@ -118,7 +118,7 @@
             </div>
           </a>
       </article>
-    
+
     </div>
 
   </main>
@@ -130,11 +130,11 @@
           </div>
         <div class="card-body">
           <p>Toutes les publications contenant le mot-clé « <a href="">Inktober2017</a> »</p>
-        
+
           <p>Un mot-clé peut servir à désigner soit l'univers dans laquelle la création se déroule, soit l'objectif dans lequel a été fait la publication (tel que le 100 Thème Challenge)</p>
         </div>
       </div>
-      
+
       <div class="card card-primary">
         <div class="card-header"><i class="fa fa-rss"></i> Publications</div>
         <div class="card-menu">
@@ -145,7 +145,7 @@
           <a href="#" class="menu-element"><span class="trim-that">#WRITOBER2019 - Ring</span></a>
         </div>
       </div>
-      
+
       <div class="card card-primary">
         <div class="card-header"><i class="fa fa-folder"></i> Catégories</div>
         <div class="card-menu">
@@ -165,7 +165,7 @@
           <a href="#" class="menu-element">Conseils et partages <span class="menu-label label-secondary">-1</span></a>
         </div>
       </div>
-      
+
       <div class="card card-primary">
         <div class="card-header"><i class="fa fa-calendar-o"></i> Archives</div>
         <div class="card-menu">

writing-test.html

@@ -27,13 +27,13 @@
     <header class="container-fluid" id="page-header">
         <div class="columns">
           <div class="column col-6">
-              <h1>Blue Sky</h1>
+              <h1><img src="img/logo.png" alt="Kazhnuz"/></h1>
           </div>
-  
+
           <div class="column col-md-6">
               <nav class="navbar">
                   <section class="navbar-section">
-                    
+
                   </section>
                   <section class="navbar-section">
                     <a href="..." class="btn btn-link">Blog</a>
@@ -46,7 +46,7 @@
     </header>
 
 <section class="container-onecolumn">
-  
+
   <article class="container-typographic">
       <h1 class="page-title">Nom de l'article :</h1>
 
@@ -60,32 +60,32 @@
         </li>
         <li>2 - Titre de niveau 3</li>
       </ul>
-      
+
       <h2>Introduction : Lorem Ipsum</h2>
-      
+
       <p><em>Lorem ipsum dolor sit amet<sup><a href="#1">[1]</a></sup>, consectetur adipiscing elit. Praesent varius ullamcorper diam, non sagittis lectus rutrum id. Integer eros urna, egestas et libero a, finibus egestas odio. Nunc vel hendrerit quam, eget malesuada sem. Sed hendrerit ligula pharetra leo aliquam volutpat. Integer auctor urna ac convallis laoreet. Nunc vestibulum ipsum sed tortor aliquam porta. Cras nunc est, lobortis in est at, rhoncus auctor nunc. Sed dignissim erat non sollicitudin ultricies. Integer vel consectetur urna. Etiam fermentum ligula vitae nunc viverra, a fringilla sem aliquam. Suspendisse potenti. Morbi sem mi, malesuada quis odio vitae, suscipit congue metus. Sed ut ullamcorper urna, eget molestie est. Sed pulvinar justo ac urna consectetur fringilla. Donec tristique eget leo sit amet mollis.</em></p>
-      
+
       <p class="align-center"><a href="#" class="btn btn-warning">Télécharger ce thème</a></p>
-      
+
       <h2>Contenu : Lorem Ipsum. Ceci est un titre long afin de tester comment la longueur d'un titre peut poser soucis d'un point de vue de l'alignement vertical.</h2>
-      
+
       <h3>Titre de niveau 3</h3>
         <h4>Titre de niveau 4</h4>
         <h4>Titre de niveau 4</h4>
         <h4>Titre de niveau 4</h4>
       <h3>Titre de niveau 3</h3>
-      
+
       <p>Proin bibendum felis sit amet nisl iaculis, <strong>vel blandit purus dictum</strong>. Maecenas ullamcorper tortor ac dolor pulvinar, id imperdiet arcu suscipit. <mark>Sed posuere lectus eu orci tristique maximus</mark>. Nulla facilisi. Aenean sed fermentum nisl. Donec sodales ligula eu est finibus, eu posuere ligula condimentum. Morbi arcu magna, varius id justo ac, aliquam luctus magna. Pellentesque a velit et ipsum euismod congue eget eu sem. <del>Nulla luctus est nec arcu volutpat blandit.</del> Quisque egestas, elit eu tempus tincidunt, mi libero porta purus, eget lobortis metus erat a dolor. Integer ac turpis lacinia, interdum nisl non, feugiat libero.</p>
-      
+
       <blockquote><p>Cras malesuada, metus at viverra molestie, mi ligula sodales tellus, vitae facilisis ante est vitae dolor. Donec feugiat non est eget elementum. Nullam in erat et arcu tincidunt maximus. Nullam nibh orci, egestas eu ex non, viverra pretium magna. Proin convallis, risus eu condimentum luctus, ante dui mattis eros, a varius risus diam sed nisl. Ut malesuada ipsum in augue accumsan ullamcorper. Phasellus efficitur augue in venenatis sollicitudin. Integer at consectetur arcu.</p></blockquote>
-      
+
       <pre><code>Vivamus tincidunt dolor quis consectetur dapibus.
       Ut metus risus, lobortis non venenatis in, ultricies a orci.
       In suscipit ante et aliquet pretium.
       Integer diam dui, rutrum vitae risus ultricies, varius vulputate magna.
       In id suscipit elit.</code></pre>
-      
+
-      
+
       <p id="1">[1] : Sed et odio volutpat, convallis est et, interdum sapien.</p>
   </article>
 
@@ -110,7 +110,7 @@
 
   <section class="commentaires">
     <h1>Commentaires :</h1>
-  
+
     <article class="card comment">
       <div class="author-area">
           <img src="img/avatar.png" class="author-avatar" alt="...">