editor updates

templates/base_full.tmpl

@@ -17,6 +17,7 @@
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.5/js/min/perfect-scrollbar.jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.2.3/showdown.min.js"></script>
   <script src="/admin/static/js/app.js"></script>
 </head>
 

templates/edit.tmpl

@@ -1,16 +1,15 @@
 {{ define "content" }} {{ with .Body }}
 
 <main class="editor">
-  <form method="POST" action="_self">
-    <div class="sidebar scroll">
+  <form method="POST" action="">
+    <div class="sidebar data scroll">
       <h2>Metadata</h2>
       {{ template "frontmatter" .FrontMatter }}
     </div>
 
-    <div class="container">
-      <textarea name="content" class="scroll">
-        {{ .Content }}
-      </textarea>
+    <div class="container data">
+      <textarea name="content" class="scroll">{{ .Content }}</textarea>
+      <div id="preview-area" class="scroll hidden"></div>
     </div>
 
     <div class="action-bar">

templates/frontmatter.tmpl

@@ -2,9 +2,8 @@
   {{ range $key, $value := . }}
     {{ if or (eq $value.Type "object") (eq $value.Type "array") }}
       <fieldset name="{{ $value.Name }}" type="{{ $value.Type }}">
-        <legend>{{ splitCapitalize $value.Name }}</legend>
+        <h3>{{ splitCapitalize $value.Name }}   <button class="add"><i class="fa fa-plus"></i></button></h3>
         {{ template "frontmatter" $value.Content }}
-        <button><i class="fa fa-plus"></i> Add field</button>
       </fieldset>
     {{ else }}
     {{ if not (eq $value.Parent "array") }}