diff --git a/src/index.html b/src/index.html
index 9227c069..31e36ca9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -22,26 +22,8 @@
     color:white;">
       <span style="top:45%">Loading Piskel ...</span>
   </div>
+  @@include('templates/debug-header.html', {})
 
-  <style type="text/css">
-    #main-wrapper {
-      margin-top: 40px;
-    }
-
-    .fake-piskelapp-header {
-      text-align: center;
-      height: 40px;
-      line-height: 40px;
-      font-size: 24px;
-      background: black;
-      color: gold;
-    }
-
-    .piskel-name.piskel-name-saving {
-      color: red;
-    }
-  </style>
-  <div class="fake-piskelapp-header"><span class="piskel-name"></span></div>
   <!-- the comment below indicates the beginning of markup reused by the editor integrated in piskelapp.com -->
   <!-- do not delete, do not move :) -->
   <!--body-main-start-->
diff --git a/src/templates/debug-header.html b/src/templates/debug-header.html
new file mode 100644
index 00000000..37fe6d28
--- /dev/null
+++ b/src/templates/debug-header.html
@@ -0,0 +1,19 @@
+<style type="text/css">
+  #main-wrapper {
+    margin-top: 40px;
+  }
+
+  .fake-piskelapp-header {
+    text-align: center;
+    height: 40px;
+    line-height: 40px;
+    font-size: 24px;
+    background: black;
+    color: gold;
+  }
+
+  .piskel-name.piskel-name-saving {
+    color: red;
+  }
+</style>
+<div class="fake-piskelapp-header"><span class="piskel-name"></span></div>
\ No newline at end of file