bespoke
Version:
DIY Presentation Micro-Framework
74 lines (69 loc) • 2.1 kB
HTML
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Bespoke.js</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="themes.css" />
<link href="http://fonts.googleapis.com/css?family=Raleway+Dots" rel="stylesheet" type="text/css">
</head>
<body class="coverflow">
<div id="main">
<header>
<a href="https://github.com/markdalgleish/bespoke.js">
<h1>Bespoke.js</h1>
<h2>DIY Presentation Micro-Framework</h2>
</a>
<p class="hidden"><span id="input-method">Press up and down keys</span> to view example themes.</p>
</header>
<article>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
<section></section>
</article>
</div>
<div id="forkme"><a href="https://github.com/markdalgleish/bespoke.js">Fork me on GitHub</a></div>
<footer>
<div class="credits">
<a href="http://twitter.com/markdalgleish"><img src="profile.jpg" alt="Mark Dalgleish"></a>
<p>Lovingly crafted by <a href="http://twitter.com/markdalgleish">@markdalgleish</a></p>
</div>
<div class="themes">
<p>
<strong>Example Theme<span class="colon">:</span></strong> <span id="theme"></span>
</p>
<div id="up-arrow" class="up arrow">^</div>
<div id="down-arrow" class="down arrow">^</div>
</div>
</footer>
<script src="../src/bespoke.js"></script>
<script src="demo.js"></script>
</body>
</html>