Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
230 lines (205 sloc) 6.92 KB
<!DOCTYPE html>
<html lang="en">
<script type="text/javascript" async src="http://www.google-analytics.com/ga.js"></script>
<script type="text/javascript"> (function () {
return window.SIG_EXT = {};
}) ()</script>
<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css">
<link rel="stylesheet" type="text/javascript" href="js/bootstrap.min.js">
<link rel="stylesheet" type="text/javascript" href="js/jquery.min.js">
<link rel="stylesheet" type="text/css" href="sidenavbar.css">
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Roboto:400,400italic,300italic,300" rel="stylesheet" type="text/css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>LyfeCraft</title>
<style type="text/css">
.center {
text-align: center;
}
</style>
</head>
<body>
<!-- Sidebar -->
<div id="sidebar-nav">
<ul id="dashboard-menu">
<li class="active">
<div class="pointer">
<div class="arrow"></div>
<div class="arrow_border"></div>
</div>
<span>Intro</span>
</li>
<li class>
<a class="dropdown-toggle" href="#">
<span>Gliders</span>
</a>
<ul class="submenu" style="display: block;">
<li>
<a href="#">Glider 1</a>
</li>
<li>
<a href="#">Glider 2</a>
</li>
<li>
<a href="#">Glider 3</a>
</li>
<li>
<a href="#">Glider 4</a>
</li>
<li>
<a href="#">Glider 5</a>
</li>
<li>
<a href="#">Glider 6</a>
</li>
</ul>
</li>
<li class="active">
<a class="dropdown-toggle" href="#">
<span>Cycles</span>
</a>
<ul class="submenu" style="display: block;">
<li>
<a href="#">Cycle 1(12)</a>
</li>
<li>
<a href="#">Cycle 2 (12)</a>
</li>
<li>
<a href="#">Cycle 3 (24)</a>
</li>
<li>
<a href="#">Cycle 4 (36)</a>
</li>
<li>
<a href="#">Cycle 5 (42)</a>
</li>
<li>
<a href="#">Cycle 6 (60)</a>
</li>
<li>
<a href="#">Cycle 7 (84)</a>
</li>
<li>
<a href="#">Cycle 8 (144)</a>
</li>
<li>
<a href="#">Cycle 9 (582)</a>
</li>
<li>
<a href="#">Cycle 10 (3966)</a>
</li>
</ul>
</li>
<li>
<a href="#">
<span>Boomerang</span>
</a>
</li>
<li>
<a href="#">
<span>Deflect (Routing)</span>
</a>
</li>
<li>
<a href="#">
<span>Logic (Interaction Gate)</span>
</a>
</li>
<li>
<a href="#">
<span>Move</span>
</a>
</li>
<li>
<a href="#">
<span>Fast and Slow</span>
</a>
</li>
<li>
<a href="#">
<span>Capture and Emit</span>
</a>
</li>
<li>
<a href="#"></a>
<span>Delayed Release</span>
</li>
<li>
<a href="#">
<span>Attraction</span>
</a>
</li>
<li>
<a href="#">
<span>Order Out of Chaos</span>
</a>
</li>
<li>
<a href="#">
<span>Structure and Decay</span>
</a>
</li>
<li>
<a href="#">
<span>Big Bang (Entropy)</span>
</a>
</li>
<li>
<a href="#">
<span>Strung Out</span>
</a>
</li>
<li>
<a href="#">
<span>Octave</span>
</a>
</li>
<li>
<a href="#">
<span>Harmonic Chaos</span>
</a>
</li>
<li>
<a href="#">
<span>Circular Motion</span>
</a>
</li>
</ul>
</div>
<!-- /#sidebar -->
<!-- Page Content -->
<div id="page-content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<h1>Simple Sidebar</h1>
<p>This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens, the page content will be pushed off canvas.</p>
<p>Make sure to keep all page content within the <code>#page-content-wrapper</code>.</p>
<a href="#menu-toggle" class="btn btn-default" id="menu-toggle">Toggle Menu</a>
<div class="ui-block-c"><a class="ui-shadow ui-btn ui-corner-all ui-icon-grid ui-btn-icon-notext ui-btn-inline">Button</a></div>
</div>
</div>
</div>
</div>
<!-- /#page-content-wrapper -->
</div>
<!-- /#wrapper -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Menu Toggle Script -->
<script>
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");
});
</script>
</body>
</html>