diff --git a/apropos.html b/apropos.html
index f47e74f..1551647 100644
--- a/apropos.html
+++ b/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">
diff --git a/blog.html b/blog.html
index a84cd6e..1eed027 100644
--- a/blog.html
+++ b/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">
diff --git a/color-test.html b/color-test.html
index ecf7513..d102fc3 100644
--- a/color-test.html
+++ b/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>
diff --git a/img/logo.png b/img/logo.png
new file mode 100644
index 0000000..b074e6b
Binary files /dev/null and b/img/logo.png differ
diff --git a/index.html b/index.html
index e896e2c..daf0893 100644
--- a/index.html
+++ b/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">
diff --git a/personnage.html b/personnage.html
index 7bd0e31..84d10a8 100644
--- a/personnage.html
+++ b/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>
diff --git a/preview.html b/preview.html
index fe449e8..fcd1012 100644
--- a/preview.html
+++ b/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">
diff --git a/writing-test.html b/writing-test.html
index 96ea5ad..38c262e 100644
--- a/writing-test.html
+++ b/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="...">