updates to tutorials, header, text editor

This commit is contained in:
Scott O'Hara 2013-07-13 22:54:40 -04:00
parent 3413b0b593
commit 55f33ab940
3 changed files with 127 additions and 109 deletions

View file

@ -1,7 +1,7 @@
<header class="header-Base"> <header class="header-Base">
<nav class="header-Nav clearfix" role="navigation"> <nav class="header-Nav clearfix" role="navigation">
<a href="#!" title="show small screen nav" class="small-Nav"> <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> </a>
<ul class="h-Nav constant-Nav"> <ul class="h-Nav constant-Nav">
<li> <li>

View file

@ -6,12 +6,17 @@ css:
bottom: 0; bottom: 0;
left: 0; left: 0;
} }
.theme-Code{
float:right;
margin-top:20px;
}
.row .page
.span6 .content-Base
font style="font-size: 27pt" Editing #{params[:filename]}
.span6 h2 Editing #{params[:filename]}
span.pull-right
div.theme-Code
| Theme: | Theme:
select id="theme" size="1" onchange="setTheme();" onkeyup="setTheme();" select id="theme" size="1" onchange="setTheme();" onkeyup="setTheme();"
optgroup label="Bright" optgroup label="Bright"
@ -47,13 +52,13 @@ css:
option value="ace/theme/twilight" Twilight option value="ace/theme/twilight" Twilight
option value="ace/theme/vibrant_ink" Vibrant Ink option value="ace/theme/vibrant_ink" Vibrant Ink
.row .row
.span12 .span12
div id="editor" style="width: 100%; height: 600px; position: relative;" div id="editor" style="width: 100%; height: 600px; position: relative;"
#{@file_data} #{@file_data}
.row .row
.col.col-33.txt-Center .col.col-33.txt-Center
a.btn-Action href="/dashboard" <i class="icon-remove"></i>&nbsp;&nbsp;Finish Without Saving a.btn-Action href="/dashboard" <i class="icon-remove"></i>&nbsp;&nbsp;Finish Without Saving
.col.col-33.txt-Center .col.col-33.txt-Center
@ -61,13 +66,13 @@ css:
.col.col-33.txt-Center .col.col-33.txt-Center
a.btn-Action href="#" onclick="saveTextFile(true); return false" <i class="icon-save"></i>&nbsp;&nbsp;Save and Finish a.btn-Action href="#" onclick="saveTextFile(true); return false" <i class="icon-save"></i>&nbsp;&nbsp;Save and Finish
.row style="margin-top: 20px" .row style="margin-top: 20px"
.span6.offset3.text-center .span6.offset3.text-center
div id="editorUpdates" class="alert alert-success hidden" div id="editorUpdates" class="alert alert-success hidden"
span span
script src="/js/ace/ace.js" type="text/javascript" charset="utf-8" script src="/js/ace/ace.js" type="text/javascript" charset="utf-8"
javascript: javascript:
function setTheme(name) { function setTheme(name) {
editor.setTheme($('#theme').val()); editor.setTheme($('#theme').val());

View file

@ -27,4 +27,17 @@
</li> </li>
</ul> </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 --> </div> <!-- end .content -->