From 01a0bcf13c486a9d6b93b90269e553d3ed19702d Mon Sep 17 00:00:00 2001
From: Julian Descottes <julian.descottes@gmail.com>
Date: Sun, 3 Jul 2016 15:40:04 +0200
Subject: [PATCH] extract dev header to separate template

---
 src/index.html                  | 20 +-------------------
 src/templates/debug-header.html | 19 +++++++++++++++++++
 2 files changed, 20 insertions(+), 19 deletions(-)
 create mode 100644 src/templates/debug-header.html

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