improvement(style): utilisation de roleplay comme design

Fixes #215

static/includes/_footer.html

@@ -1,48 +1,26 @@
-<nav class="navbar navbar-expand-lg navbar-light navbar-transparent">
+<footer class="bg-dark pt-4 pb-4 container-fluid">
   <div class="container">
-  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#SecondNavbar" aria-controls="SecondNavbar" aria-expanded="false" aria-label="Toggle navigation">
-    <span class="navbar-toggler-icon"></span>
-  </button>
+    <div class="row">
+      <div class="col-md-4">
+  		<p>Ce site fait partie de <a href="https://kobold.city">kobold.city</a></p>
 
-  <div class="collapse navbar-collapse" id="SecondNavbar">
-    <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
-      <li class="nav-item inactive">
-        <strong>Pélican-JDR v0.1.0-alpha</strong>
-      </li>
-    </ul>
+  		<p>Kobold City et les différents sites/services qui le composent sont fourni "tel-quel", sans garantie. Ce sont des sites fait pour le fun, et fourni en tant que tel sur un petit serveur random maintenue par une seule personne.</p>
 
-    <ul class="navbar-nav my-2 my-lg-0">
-      <li class="nav-item active">
-        <a class="nav-link" href="https://twitter.com/Kazhnuz"><i class="fa fa-fw fa-twitter"></i></a>
-      </li>
-    </ul>
-  </div>
-  </div>
-</nav>
-</div>
+  		<p>Cependant, toute critique, remarque, etc. est la bienvenue. Pour cela, vous pouvez me contacter à kazhnuz [at] kobold [point] cafe ou sur les réseaux sociaux visible sur <a href="https://kazhnuz.space">mon blog</a>.</p>
+  	</div>
 
-<footer id="page-footer" class="container mt-4">
+  	<div class="col-md-4">
+  		<p>Ce site est propulsé par <a href="https://getbootstrap.com">Bootstrap4</a> et <a href="https://fork-awesome.org">Fork-Awesome</a>. Les livres de règle utilisent <a href="https://docsify.now.sh">Docsify</a></p>
+
+  		<p>Le theme utilisé est le theme <a href="https://git.kobold.cafe/kobold-city/bluesky-bootstrap-theme">bluesky</a>, sous licence CC BY-SA.</p>
+
+  		<p>Le code source de ce site est accessible à <a href="https://git.kobold.cafe/pelican/pelican-jdr">l'adresse suivante</a>.</p>
+  	</div>
 
-  <div class="row">
     <div class="col-md-4">
-		<p>Ce site fait partie de <a href="https://kobold.city">kobold.city</a></p>
-
-		<p>Kobold City et les différents sites/services qui le composent sont fourni "tel-quel", sans garantie. Ce sont des sites fait pour le fun, et fourni en tant que tel sur un petit serveur random maintenue par une seule personne.</p>
-
-		<p>Cependant, toute critique, remarque, etc. est la bienvenue. Pour cela, vous pouvez me contacter à kazhnuz [at] kobold [point] cafe ou sur les réseaux sociaux visible sur <a href="https://kazhnuz.space">mon blog</a>.</p>
-	</div>
-
-	<div class="col-md-4">
-		<p>Ce site est propulsé par <a href="https://getbootstrap.com">Bootstrap4</a> et <a href="https://fork-awesome.org">Fork-Awesome</a>. Les livres de règle utilisent <a href="https://docsify.now.sh">Docsify</a></p>
-
-		<p>Le theme utilisé est le theme <a href="https://git.kobold.cafe/kobold-city/bluesky-bootstrap-theme">bluesky</a>, sous licence CC BY-SA.</p>
-
-		<p>Le code source de ce site est accessible à <a href="https://git.kobold.cafe/pelican/pelican-jdr">l'adresse suivante</a>.</p>
-	</div>
-
-  <div class="col-md-4">
-    <p>Ces règles de JDR et les univers utilisé dans ces JDR sont diffusé sous licence <strong><a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Common Attribution - Partage à l'Identique 4.0</a></strong> - hors mention contraire.</p>
-    <p>Cette licence vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager ! <i style="color:#FF0000" class="fa fa-heart"></i></p>
+      <p>Ces règles de JDR et les univers utilisé dans ces JDR sont diffusé sous licence <strong><a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Common Attribution - Partage à l'Identique 4.0</a></strong> - hors mention contraire.</p>
+      <p>Cette licence vous autorise à partager et copier mes travaux, tant que vous me citiez en source, et que vous autorisez la même chose pour les travaux qui en seraient dérivés. N'hésitez pas à partager ! <i style="color:#FF0000" class="fa fa-heart"></i></p>
+    </div>
   </div>
   </div>
 </footer>

static/includes/_headerbar.html

@@ -1,21 +1,7 @@
 <header class="container mb-2">
-  <nav class="navbar navbar-expand-lg navbar-dark navbar-transparent">
-    <div class="container-fluid">
-    <a class="navbar-brand" href="https://pelicanjdr.kazhnuz.space/" id="">Pélican</a>
+  <div class="text-right pt-4">
+    <a class="btn btn-primary" href="https://kazhnuz.space">Retour</a>
+  </div>
 
-    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-      <span class="navbar-toggler-icon"></span>
-    </button>
-
-    <div class="collapse navbar-collapse" id="navbarSupportedContent">
-      <ul class="navbar-nav mr-auto">
-  		</ul>
-      <ul class="navbar-nav my-2 my-lg-0">
-        <li class="nav-item">
-          <a class="nav-link" href="https://kobold.city">Retour</a>
-        </li>
-      </ul>
-    </div>
-    </div>
-  </nav>
+  <h1 class="text-center"><img src="/img/logo.png" alt="Pélican" /></h1>
 </header>