From 55f33ab940078ec438c5223ee7537a678dcc0dff Mon Sep 17 00:00:00 2001
From: Scott O'Hara <scottaohara@gmail.com>
Date: Sat, 13 Jul 2013 22:54:40 -0400
Subject: [PATCH] updates to tutorials, header, text editor

---
 views/_header.erb                 |   2 +-
 views/site_files/text_editor.slim | 221 +++++++++++++++---------------
 views/tutorials.erb               |  13 ++
 3 files changed, 127 insertions(+), 109 deletions(-)

diff --git a/views/_header.erb b/views/_header.erb
index fffb0516..999c9682 100644
--- a/views/_header.erb
+++ b/views/_header.erb
@@ -1,7 +1,7 @@
       <header class="header-Base">
         <nav class="header-Nav clearfix" role="navigation">
   <a href="#!" title="show small screen nav" class="small-Nav">
-    <img src="assets/img/nav-Icon.png" alt="navigation icon" />
+    <img src="/assets/img/nav-Icon.png" alt="navigation icon" />
   </a>
   <ul class="h-Nav constant-Nav">
     <li>
diff --git a/views/site_files/text_editor.slim b/views/site_files/text_editor.slim
index 78c173a2..264e8f55 100644
--- a/views/site_files/text_editor.slim
+++ b/views/site_files/text_editor.slim
@@ -6,116 +6,121 @@ css:
       bottom: 0;
       left: 0;
   }
-
-.row
-  .span6
-    font style="font-size: 27pt" Editing #{params[:filename]}
-  .span6
-    span.pull-right
-      | Theme: 
-      select id="theme" size="1" onchange="setTheme();" onkeyup="setTheme();"
-        optgroup label="Bright"
-          option value="ace/theme/chrome" Chrome
-          option value="ace/theme/clouds" Clouds
-          option value="ace/theme/crimson_editor" Crimson Editor
-          option value="ace/theme/dawn" Dawn
-          option value="ace/theme/dreamweaver" Dreamweaver
-          option value="ace/theme/eclipse" Eclipse
-          option value="ace/theme/github" GitHub
-          option value="ace/theme/solarized_light" Solarized Light
-          option value="ace/theme/textmate" TextMate
-          option value="ace/theme/tomorrow" Tomorrow
-          option value="ace/theme/xcode" XCode
-        optgroup label="Dark"
-          option value="ace/theme/ambiance" Ambiance
-          option value="ace/theme/chaos" Chaos
-          option value="ace/theme/clouds_midnight" Clouds Midnight
-          option value="ace/theme/cobalt" Cobalt
-          option value="ace/theme/idle_fingers" idleFingers
-          option value="ace/theme/kr_theme" krTheme
-          option value="ace/theme/merbivore" Merbivore
-          option value="ace/theme/merbivore_soft" Merbivore Soft
-          option value="ace/theme/mono_industrial" Mono Industrial
-          option value="ace/theme/monokai" Monokai
-          option value="ace/theme/pastel_on_dark" Pastel on dark
-          option value="ace/theme/solarized_dark" selected="selected" Solarized Dark
-          option value="ace/theme/terminal" Terminal
-          option value="ace/theme/tomorrow_night" Tomorrow Night
-          option value="ace/theme/tomorrow_night_blue" Tomorrow Night Blue
-          option value="ace/theme/tomorrow_night_bright" Tomorrow Night Bright
-          option value="ace/theme/tomorrow_night_eighties" Tomorrow Night 80s
-          option value="ace/theme/twilight" Twilight
-          option value="ace/theme/vibrant_ink" Vibrant Ink
-
-.row
-  .span12
-    div id="editor" style="width: 100%; height: 600px; position: relative;"
-      #{@file_data}
-    
-    
-.row
-  .col.col-33.txt-Center
-    a.btn-Action href="/dashboard" <i class="icon-remove"></i>&nbsp;&nbsp;Finish Without Saving
-  .col.col-33.txt-Center
-    a.btn-Action href="#" onclick="saveTextFile(false); return false" <i class="icon-save"></i>&nbsp;&nbsp;Save Changes
-  .col.col-33.txt-Center
-    a.btn-Action href="#" onclick="saveTextFile(true); return false" <i class="icon-save"></i>&nbsp;&nbsp;Save and Finish
-
-.row style="margin-top: 20px"
-  .span6.offset3.text-center
-    div id="editorUpdates" class="alert alert-success hidden"
-      span
-    
-script src="/js/ace/ace.js" type="text/javascript" charset="utf-8"
-javascript:
-
-  function setTheme(name) {
-    editor.setTheme($('#theme').val());
+  .theme-Code{
+    float:right;
+    margin-top:20px;
   }
+
+.page
+  .content-Base
   
-  function saveTextFile(quit) {
-    /*
-    $.post('/site_files/save/#{params[:filename]}', editor.getValue(), function(resp) {
-      if(resp == 'ok') {
-        $('#editorUpdates span').text('Your file has been saved.');
-        $('#editorUpdates').removeClass('hidden');
-      }
-    });
-    */
+    h2 Editing #{params[:filename]}
     
-    $.ajax({
-      url: '/site_files/save/#{params[:filename]}',
-      data: editor.getValue(),
-      processData: false,
-      contentType: false,
-      type: 'POST',
-      success: function(response){
-        if(response == 'ok') {
-          if(quit === true) {
-            window.location = '/dashboard';
-          }
-          $('#editorUpdates span').html('<i class="icon-save icon-2x"></i>&nbsp;&nbsp;<font style="font-size: 14pt">Your file has been saved.</font>');
-          setTimeout(function() {
-            $('#editorUpdates').fadeOut();  //.addClass('hidden');
-          }, 2000);
-          
-        } else {
-          $('#editorUpdates span').text(response);
-        }
-        $('#editorUpdates').fadeIn();
-        $('#editorUpdates').removeClass('hidden');
+    div.theme-Code
+      | Theme: 
+        select id="theme" size="1" onchange="setTheme();" onkeyup="setTheme();"
+          optgroup label="Bright"
+            option value="ace/theme/chrome" Chrome
+            option value="ace/theme/clouds" Clouds
+            option value="ace/theme/crimson_editor" Crimson Editor
+            option value="ace/theme/dawn" Dawn
+            option value="ace/theme/dreamweaver" Dreamweaver
+            option value="ace/theme/eclipse" Eclipse
+            option value="ace/theme/github" GitHub
+            option value="ace/theme/solarized_light" Solarized Light
+            option value="ace/theme/textmate" TextMate
+            option value="ace/theme/tomorrow" Tomorrow
+            option value="ace/theme/xcode" XCode
+          optgroup label="Dark"
+            option value="ace/theme/ambiance" Ambiance
+            option value="ace/theme/chaos" Chaos
+            option value="ace/theme/clouds_midnight" Clouds Midnight
+            option value="ace/theme/cobalt" Cobalt
+            option value="ace/theme/idle_fingers" idleFingers
+            option value="ace/theme/kr_theme" krTheme
+            option value="ace/theme/merbivore" Merbivore
+            option value="ace/theme/merbivore_soft" Merbivore Soft
+            option value="ace/theme/mono_industrial" Mono Industrial
+            option value="ace/theme/monokai" Monokai
+            option value="ace/theme/pastel_on_dark" Pastel on dark
+            option value="ace/theme/solarized_dark" selected="selected" Solarized Dark
+            option value="ace/theme/terminal" Terminal
+            option value="ace/theme/tomorrow_night" Tomorrow Night
+            option value="ace/theme/tomorrow_night_blue" Tomorrow Night Blue
+            option value="ace/theme/tomorrow_night_bright" Tomorrow Night Bright
+            option value="ace/theme/tomorrow_night_eighties" Tomorrow Night 80s
+            option value="ace/theme/twilight" Twilight
+            option value="ace/theme/vibrant_ink" Vibrant Ink
+
+    .row
+      .span12
+        div id="editor" style="width: 100%; height: 600px; position: relative;"
+          #{@file_data}
+    
+    
+    .row
+      .col.col-33.txt-Center
+        a.btn-Action href="/dashboard" <i class="icon-remove"></i>&nbsp;&nbsp;Finish Without Saving
+      .col.col-33.txt-Center
+        a.btn-Action href="#" onclick="saveTextFile(false); return false" <i class="icon-save"></i>&nbsp;&nbsp;Save Changes
+      .col.col-33.txt-Center
+        a.btn-Action href="#" onclick="saveTextFile(true); return false" <i class="icon-save"></i>&nbsp;&nbsp;Save and Finish
+    
+    .row style="margin-top: 20px"
+      .span6.offset3.text-center
+        div id="editorUpdates" class="alert alert-success hidden"
+          span
         
+    script src="/js/ace/ace.js" type="text/javascript" charset="utf-8"
+    javascript:
+    
+      function setTheme(name) {
+        editor.setTheme($('#theme').val());
       }
-    });
-  }
-
-  var editor = {};
-
-  $(document).ready(function() {
-    editor = ace.edit("editor");
-    setTheme();
-    editor.getSession().setMode("ace/mode/html");
-    editor.getSession().setTabSize(2);
-    editor.setFontSize(14);
-    editor.setShowPrintMargin(false);
-  });
+      
+      function saveTextFile(quit) {
+        /*
+        $.post('/site_files/save/#{params[:filename]}', editor.getValue(), function(resp) {
+          if(resp == 'ok') {
+            $('#editorUpdates span').text('Your file has been saved.');
+            $('#editorUpdates').removeClass('hidden');
+          }
+        });
+        */
+        
+        $.ajax({
+          url: '/site_files/save/#{params[:filename]}',
+          data: editor.getValue(),
+          processData: false,
+          contentType: false,
+          type: 'POST',
+          success: function(response){
+            if(response == 'ok') {
+              if(quit === true) {
+                window.location = '/dashboard';
+              }
+              $('#editorUpdates span').html('<i class="icon-save icon-2x"></i>&nbsp;&nbsp;<font style="font-size: 14pt">Your file has been saved.</font>');
+              setTimeout(function() {
+                $('#editorUpdates').fadeOut();  //.addClass('hidden');
+              }, 2000);
+              
+            } else {
+              $('#editorUpdates span').text(response);
+            }
+            $('#editorUpdates').fadeIn();
+            $('#editorUpdates').removeClass('hidden');
+            
+          }
+        });
+      }
+    
+      var editor = {};
+    
+      $(document).ready(function() {
+        editor = ace.edit("editor");
+        setTheme();
+        editor.getSession().setMode("ace/mode/html");
+        editor.getSession().setTabSize(2);
+        editor.setFontSize(14);
+        editor.setShowPrintMargin(false);
+      });
diff --git a/views/tutorials.erb b/views/tutorials.erb
index e8f36ef2..6f55e508 100644
--- a/views/tutorials.erb
+++ b/views/tutorials.erb
@@ -26,5 +26,18 @@
       <a href="http://www.codecademy.com/tracks/web" title="online lessons">Online lessons at Codecademy.com</a>
     </li>
   </ul>
+  
+  <h3>CSS Frameworks</h3>
+  <ul>
+    <li>
+      <a href="https://github.com/bleachedgraphics/Brass-Tacks" title="Brass Tacks (currently in Alpha. More updates to come)" target="_blank">Brass Tacks</a>
+    </li>
+    <li>
+      <a href="http://twitter.github.io/bootstrap/" title="Boot Straps" target="_blank">Twitter Bootstraps</a>
+    </li>
+    <li>
+      <a href="http://purecss.io/" title="Yahoo!'s Pure CSS">Pure</a>
+    </li>
+  </ul>
 	
 </div> <!-- end .content -->
\ No newline at end of file