diff --git a/pages/_includes/layout.njk b/pages/_includes/layout.njk
index 4475a34..5527a65 100644
--- a/pages/_includes/layout.njk
+++ b/pages/_includes/layout.njk
@@ -1,3 +1,6 @@
+---
+
+---
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -5,8 +8,38 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ title }}</title>
     <link rel="stylesheet" href="/css/design.css">
+    <script src="javascript/chaffle.min.js"></script>
 </head>
 <body>
+    
+    <header>
+        <span data-chaffle-onload="", data-chaffle="en", style="width: 170px; display: block;">{{ username }}</span>
+    </header>
+    
     {{ content | safe }}
+
+    <footer>
+        &copy; {% year %} {{ username }}
+    </footer>
+
+    <script>
+        var elements = document.querySelectorAll('[data-chaffle]');
+        var elm = document.querySelectorAll('[data-chaffle-onLoad]');
+  
+        Array.prototype.forEach.call(elements, function (el) {
+          var chaffle = new Chaffle(el)
+          el.addEventListener('mouseover', function () {
+            chaffle.init();
+          });
+        });
+  
+        Array.prototype.forEach.call(elm, function (el) {
+          var chaffle = new Chaffle(el, {
+            delay: 200
+          })
+          chaffle.init();
+        });
+    </script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/pages/index.njk b/pages/index.njk
index a688a0d..129ad24 100644
--- a/pages/index.njk
+++ b/pages/index.njk
@@ -3,10 +3,6 @@ username: Laureηt
 layout: layout.njk
 ---
 
-<header>
-    <span data-chaffle-onload="", data-chaffle="en", style="width: 170px; display: block;">{{ username }}</span>
-</header>
-
 
 <h1>whoami</h1>
 <p>Hi, my name's Laurent Fainsin, and I'm currently an L3 engineering student at <a href="https://www.enseeiht.fr/">ENSEEIHT</a> in France. I study Computer Science and this is my personnal ePortfolio to showcase my work. Here is my <a href="/cv.pdf">resume</a> if you are professionally interested.</p>
