Find file
Fetching contributors…
Cannot retrieve contributors at this time
333 lines (305 sloc) 13.7 KB
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Notebook</title>
<meta name="description" content="An app to scribble your notes.">
<meta name="author" content="Rishabh Rao">
<meta property="og:title" content="Notebook" />
<meta property="og:description" content="An app to scribble your notes." />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://rishabhsrao.github.com/notebook/p/index.html" />
<meta property="og:image" content="http://rishabhsrao.github.com/notebook/p/img/og-image-logo.jpg" />
<meta property="og:site_name" content="Notebook" />
<meta property="fb:admins" content="100000457697724" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!--
Using CrunchApp (crunchapp.net) for LESS compilation.
<link rel="stylesheet/less" href="less/style.less">
<script src="js/libs/less-1.3.0.min.js"></script>
-->
<link rel="stylesheet" href="less/style.css">
<script src="js/libs/modernizr-2.5.3-respond-1.1.0.min.js"></script>
</head>
<body>
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
</a>
<a class="brand" href="index.html">Notebook</a>
<div class="nav-collapse">
<ul class="nav">
<li class="divider-vertical"></li>
<li class="active">
<a href="index.html"><i class="icon-white icon-home"></i> Home</a>
</li>
<li>
<a href="app.html"><i class="icon-white icon-cog"></i> Application</a>
</li>
<li>
<a href="" data-bind="click: toggleAboutModal"><i class="icon-white icon-info-sign"></i> About</a>
</li>
</ul>
<ul class="nav pull-right">
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
<i class="icon-white icon-share-alt"></i> Share <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>
<a href="http://bit.ly/notebookapp"><i class="icon-globe"></i> bit.ly/notebookapp</a>
</li>
<li class="divider"></li>
<li>
<a>
<i class="icon-qrcode"></i>
<img src="img/qrcode.png" alt="QR code" />
</a>
</li>
</ul>
</li>
<li class="divider-vertical"></li>
<li>
<a href="https://github.com/rishabhsrao/notebook"><i class="icon-white icon-random"></i> Fork me on Github</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<noscript id="errorMessagesNoJavascript">
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<div class="alert alert-error">
<h4 class="alert-heading">Oh snap! You don't have JavaScript enabled on your browser.</h4>
<p>You need to enable JavaScript in your browser to experience this application.</p>
<a href="http://www.enable-javascript.com/" class="btn btn-info" title="Shows you instructions on how to enable JavaScript on your browser">
<i class="icon-white icon-info-sign"></i> Get help
</a>
</div>
</div>
</div>
</div>
</noscript>
</div>
<div class="container hide" id="pageContainer">
<div class="container-fluid">
<div class="hero-unit">
<div class="row-fluid">
<div class="span2">
<img src="img/logo.png" alt="Spiral-bound yellow notebook" />
</div>
<div class="span10">
<h2>Notebook</h2>
<p>An app to scribble your notes.</p>
<h6>
Created by
<a href="http://rishabhsrao.github.com">Rishabh Rao</a>
</h6>
<hr />
<div class="row-fluid">
<div class="span8">
<p>
<a href="app.html" class="btn btn-success btn-large" title="Get started with Notebook now!">
<i class="icon-ok"></i> Launch Application &raquo;
</a>
<small><i class="icon-user"></i> No signup required.</small>
</p>
</div>
<div class="span4">
<div class="row-fluid">
<div class="span12">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://rishabhsrao.github.com/notebook/p/index.html" data-text="Notebook: An app to scribble your notes." data-via="rishabhsrao" data-size="large" data-hashtags="html5">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d
.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js,
fjs);
}(document, 'script',
'facebook-jssdk'));
</script>
<div class="fb-like" data-href="http://rishabhsrao.github.com/notebook/p/index.html?v=2" data-send="false" data-width="450" data-show-faces="true" data-font="arial"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span4">
<div class="thumbnail">
<img src="img/features-html5-localstorage.png" alt="HTML5 local storage logo" title="Notes are automatically saved in the browser" width="202" height="202">
<hr />
<h4>Auto-save your notes</h4>
<p>Your notes are saved automatically - so they're there when you get back.</p>
<h6>Available in most modern web browsers.</h6>
</div>
</div>
<div class="span4">
<div class="thumbnail">
<img src="img/features-cross-everything.jpg" alt="Various devices" title="Works on all browsers (even IE) on all devices" width="335" height="202">
<hr />
<h4>Cross-everything</h4>
<p>Use Notebook on your desktop, tablet or phone. Notebook works almost everywhere.</p>
<h6>Gracefully degrades on older browsers.</h6>
</div>
</div>
<div class="span4">
<div class="thumbnail">
<img src="img/features-export.png" alt="Shopping bag" title="Export all your notes in the JSON format" width="202" height="202">
<hr />
<h4>Moving out?</h4>
<p>No problem, simply export your notes and you're good to go.</p>
<h6>Currently JSON format is supported.</h6>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<div class="well comments-panel">
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'rishabhsrao-notebookapp';
(function() {
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = 'http://' + disqus_shortname
+ '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document
.getElementsByTagName('body')[0])
.appendChild(dsq);
})();
</script>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
</div>
</div>
</div>
</div>
<hr />
<footer>
<div class="row-fluid thanks">
<div class="span4">
<a class="product-sprite html5" href="http://www.movethewebforward.com" title="HTML5 - Move the web forward"></a>
</div>
<div class="span4 created-by">
<p><small>Created by <a href="http://rishabhsrao.github.com">Rishabh Rao</a></small></p>
</div>
<div class="span4">
<a class="pull-right product-sprite humanstxt" href="humans.txt" title="See who's worked on this app"></a>
</div>
</div>
</footer>
</div>
<!-- /container -->
<div class="modal hide" id="aboutMe">
<div class="modal-header">
<button class="close" data-dismiss="modal"> <i class="icon-remove-sign"></i></button>
<h3>About</h3>
</div>
<div class="modal-body">
<div class="hero-unit">
<div class="row-fluid">
<div class="span2">
<img src="img/logo.png" alt="Spiral-bound yellow notebook" />
</div>
<div class="span10">
<h2>Notebook</h2>
<p>An app to scribble your notes.</p>
<h6>
Created by <a href="http://rishabhsrao.github.com">Rishabh Rao</a>
</h6>
<div>
<p><small>This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported License</a>.</small></p>
</div>
<!--
<div class="thanks">
<p>Many thanks to...</p>
<ol class="unstyled">
<li><a class="product-sprite jquery" href="http://jquery.com" title="jQuery - Write less. Do more."></a></li>
<li><a class="product-sprite initializr" href="http://www.initializr.com" title="Initializr - Start an HTML5 project in 15 seconds!"></a></li>
<li><a class="product-sprite h5bp" href="http://html5boilerplate.com" title="HTML5 Boilerplate - A rock-solid default for HTML5 awesome."></a></li>
<li><a class="product-sprite bootstrap" href="http://twitter.github.com/bootstrap" title="Twitter Bootstrap - Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions."></a></li>
<li><a class="product-sprite knockoutjs" href="http://knockoutjs.com" title="Knockout.js - Knockout is a JavaScript library that makes it easier to create rich, desktop-like user interfaces with JavaScript and HTML, using observers to make your UI automatically stay in sync with an underlying data model."></a></li>
<li><a class="product-sprite opensuse" href="http://opensuse.org" title="openSUSE"></a></li>
<li><a class="product-sprite firefox" href="http://mozilla.org/firefox" title="Firefox"></a></li>
<li><a class="product-sprite eclipse" href="http://eclipse.org" title="Eclipse IDE"></a></li>
<li><a class="product-sprite github" href="http://github.com" title="Github - Social coding."></a></li>
<li><a class="product-sprite git" href="http://git-scm.com" title="Git - SCM."></a></li>
<li><a class="product-sprite webfonts" href="www.google.com/webfonts/specimen/Exo" title="Google web fonts - Exo by Natanael Gama."></a></li>
<li><a class="product-sprite rloader" href="http://code.google.com/p/rloader" title="RLoader - A jQuery plugin which can load JS and CSS resources on-the-fly."></a></li>
<li><a class="product-sprite badebug" href="http://benalman.com/projects/javascript-debug-console-log" title="Debug - JavaScript Debug: A simple wrapper for console.log()"></a></li>
<li><a class="product-sprite lessjs" href="http://lesscss.org" title="{less} - The dynamic stylesheet language."></a></li>
<li><a class="product-sprite colourlovers" href="http://www.colourlovers.com" title="COLOURlovers - COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles... All in the spirit of love."></a></li>
<li><a class="product-sprite wegraphics" href="http://wegraphics.net/downloads/free-stained-and-faded-social-media-icons" title="WeGraphics - WeGraphics is a creative studio specialized into the creation of graphic design resources."></a></li>
</ol>
</div> -->
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal"><i class="icon icon-remove-sign"></i> Close</button>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
//
window.jQuery
|| document
.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>');
//
</script>
<!-- scripts concatenated and minified via ant build script-->
<script src="js/libs/bootstrap/bootstrap.min.js"></script>
<script src="js/libs/bootstrap/transition.js"></script>
<script src="js/libs/bootstrap/tooltip.js"></script>
<script src="js/libs/bootstrap/collapse.js"></script>
<script src="js/libs/bootstrap/modal.js"></script>
<script src="js/mylibs/knockout-2.1.0.debug.js"></script>
<script src="js/mylibs/ba-debug.js"></script>
<script src="js/mylibs/jquery.timeago.js"></script>
<script src="js/mylibs/jquery.validate.js"></script>
<script src="js/mylibs/jquery.prettify.js"></script>
<script src="js/mylibs/json2.js"></script>
<script src="js/modules/Note.js"></script>
<script src="js/modules/Notebook.js"></script>
<script src="js/script.js"></script>
<!-- end scripts-->
<script>
var _gaq = [ [ '_setAccount', 'UA-31892617-1' ], [ '_trackPageview' ] ];
(function(d, t) {
var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
g.src = ('https:' == location.protocol ? '//ssl' : '//www')
+ '.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s)
}(document, 'script'));
</script>
</body>
</html>