<!DOCTYPE html>
<!--
Original Project, HTML5 Rocks 'Slides Template' Copyright 2010 Google Inc.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Original slides: Marcin Wichary (mwichary@google.com)
Modifications: Ernest Delgado (ernestd@google.com)
Alex Russell (slightlyoff@chromium.org)
Brad Neuberg
Keydown generates an HTML5 Rocks-style presentation from a Markdown file, adding
the ability to full screen backgrounds, CSS overrides, and additional JavaScript.
Keydown (http://infews.github.com/keydown), Copyright 2010 Infews LLC
-->
<html manifest="cache.manifest">
<head>
<!--[if gte IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<![endif]-->
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1"/>
<![endif]-->
<meta charset="utf-8"/>
<title><%= title %></title>
<link href="http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Sans+Mono|Permanent+Marker|Lobster|Ruslan+Display" rel="stylesheet" type="text/css"/>
<!--
Original HTML5 Rocks CSS extracted for readability
-->
<link href="css/rocks.css" rel="stylesheet" type="text/css"/>
<!--
Keydown provided CSS & your custom CSS
-->
<% css_files.each do |css_file| %>
<link href="<%= css_file %>" rel="stylesheet" type="text/css"/>
<% end %>
</head>
<body>
<div class="presentation">
<div id="presentation-counter"></div>
<div class="slides">
<!--
First slide has Title, Instructions & options. Remove (or display:none) this slide if you like
-->
<div class="slide">
<section class="middle">
<h1><%= title %></h1>
<p>
Press <span class="key"><b>→</b></span>, scroll, or swipe to advance
</p>
<h3>
Options
</h3>
<ul>
<li>
<input type="checkbox" id="toggle-size"/>
<label for="toggle-size">
<span>Grow</span>
</label>
</li>
<li>
<input type="checkbox" id="toggle-transitions" checked/>
<label for="toggle-transitions">
<span>Transitions</span>
</label>
</li>
<li>
<input type="checkbox" id="toggle-gradients" checked/>
<label for="toggle-gradients">
<span>Gradients</span>
</label>
</li>
<li>
<input type="checkbox" id="toggle-counter" checked/>
<label for="toggle-counter">
<span>Slide numbers</span>
</label>
</li>
</ul>
<p>
Made with <a href="http://infews.github.com/keydown"><b>Keydown</b></a>
</p>
<p>
<a href="http://www.w3.org/html/logo/">
<img src="http://www.w3.org/html/logo/badge/html5-badge-h-css3-graphics-semantics.png" width="197" height="64" alt="HTML5 Powered with CSS3 / Styling, Graphics, 3D & Effects, and Semantics" title="HTML5 Powered with CSS3 / Styling, Graphics, 3D & Effects, and Semantics">
</a>
</p>
</section>
</div>
<% slides.each do |slide| %>
<%= slide.to_html %>
<% end %>
</div>
</div>
<!--
Original HTML5 Rocks JavaScript extracted for readability
-->
<script src="js/rocks.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<script>CFInstall.check({ mode: "overlay" });</script>
<![endif]-->
<!--
Keydown puts your custom JS here
-->
<% js_files.each do |js_file| %>
<script src="<%= js_file %>" type="text/javascript"></script>
<% end %>
</body>
</html>