update editor nav

assets/src/css/main.css

@@ -131,6 +131,10 @@ body > footer p {
   font-size: .9em
 }
 
+body > footer a {
+  color: #aaa;
+}
+
 
 /* NOFICATIONS */
 
@@ -375,6 +379,11 @@ fieldset input {
   line-height: 3em;
   cursor: pointer;
   font-size: 1em;
+  color: inherit;
+}
+
+.editor .content nav a.active {
+  font-weight: bold;
 }
 
 #editor-preview {

assets/src/js/editor.js

@@ -32,6 +32,8 @@ $(document).on('page:editor', function() {
       event.preventDefault();
       preview.hide();
       editor.fadeIn();
+      $(this).addClass('active');
+      $("#see-preview").removeClass('active');
       $("#see-preview").data("previewing", "false");
     })
 
@@ -44,6 +46,8 @@ $(document).on('page:editor', function() {
       if ($(this).data("previewing") == "true") {
         preview.hide();
         editor.fadeIn();
+        $(this).removeClass('active');
+        $("#see-source").addClass('active');
         $(this).data("previewing", "false");
       } else {
         // If it's in editing mode, convert the markdown to html
@@ -55,6 +59,8 @@ $(document).on('page:editor', function() {
         // Hide the editor and show the preview
         editor.hide();
         preview.html(html).fadeIn();
+        $(this).addClass('active');
+        $("#see-source").removeClass('active');
         $(this).data("previewing", "true");
       }
 

templates/editor.tmpl

@@ -35,7 +35,7 @@
       <div class="content">
         {{ if eq .Mode "markdown" }}
         <nav>
-          <a id="see-source"><i class="fa fa-code"></i> Source</a>
+          <a id="see-source" class="active"><i class="fa fa-code"></i> Source</a>
           <a id="see-preview"><i class="fa fa-eye"></i> Preview</a>
         </nav>
         {{ end}}