Skip to content

Instantly share code, notes, and snippets.

@skopp
Created April 29, 2013 17:08
Show Gist options
  • Save skopp/5483070 to your computer and use it in GitHub Desktop.
Save skopp/5483070 to your computer and use it in GitHub Desktop.
Coffee app
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Coffee</title>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">
<style type="text/css">
body{
padding-top:60px;
}
.script-wrap,.coffee-wrap{
width:50%;
float:left;
outline:1px solid silver;
}
.script-wrap{
float:right;
}
.container-fluid .content{
margin-left:0px;
}
</style>
<!-- ace -->
<script src="s/j/l/ace.js" type="text/javascript"></script>
<script src="s/j/l/mode-coffee.js" type="text/javascript"></script>
<script src="s/j/l/mode-javascript.js" type="text/javascript"></script>
<script src="s/j/l/theme-twilight.js" type="text/javascript"></script>
<!--coffee script-->
<script src="s/j/l/coffee-script.js" type="text/javascript"></script>
<!--mustache-->
<script src="s/j/l/mustache.js" type="text/javascript"></script>
<script src="s/j/l/sha1.js" type="text/javascript"></script>
<script src="s/j/l/oauth.js" type="text/javascript"></script>
<script src="s/j/l/dropbox.js" type="text/javascript"></script>
<!--backbone-->
<script src="s/j/l/underscore.js" type="text/javascript"></script>
<script src="s/j/l/json2.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
<script src="s/j/l/backbone.js" type="text/javascript"></script>
<script src="s/j/l/backbone-localstorage.js" type="text/javascript"></script>
<script src="s/j/coffee.js" type="text/javascript"></script>
</head>
<body>
<div class="topbar">
<div class="topbar-inner">
<div class="container-fluid">
<a href="" class="brand">Coffee</a>
<ul class="nav">
<li>
<a href="#" class="clear">Clear</a>
</li>
<li>
<a href="#" class="run">Run</a>
</li>
</ul>
<p class="pull-right">
<a href="">enjoy coffee-script!</a>
</p>
</div>
</div>
</div>
<div class="container-fluid">
<div class="sidebar">
<div class="well"></div>
</div>
<div class="content">
<div class="well">
<div class="editors">
<div class="coffee-wrap">
<div id="coffee-editor"></div>
</div>
<div class="script-wrap">
<div id="script-editor"></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment