Blocks from Drop.org to Drupal 8.

.idea/.name

@@ -0,0 +1 @@
+reveal.js

.idea/encodings.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding" useUTFGuessing="true" native2AsciiForPropertiesFiles="false" />
+</project>
+

.idea/misc.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" />
+</project>
+

.idea/modules.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/reveal.js.iml" filepath="$PROJECT_DIR$/.idea/reveal.js.iml" />
+    </modules>
+  </component>
+</project>
+

.idea/reveal.js.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
+

.idea/scopes/scope_settings.xml

@@ -0,0 +1,5 @@
+<component name="DependencyValidationManager">
+  <state>
+    <option name="SKIP_IMPORT_STATEMENTS" value="false" />
+  </state>
+</component>

.idea/vcs.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
+

.idea/workspace.xml

@@ -0,0 +1,231 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="366f3756-a503-4f20-8b33-83aa7a6522c4" name="Default" comment="">
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/reveal.js.iml" />
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/encodings.xml" />
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/misc.xml" />
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/modules.xml" />
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/scopes/scope_settings.xml" />
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/vcs.xml" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/Gruntfile.js" afterPath="$PROJECT_DIR$/Gruntfile.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/css/theme/default.css" afterPath="$PROJECT_DIR$/css/theme/default.css" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/index.html" afterPath="$PROJECT_DIR$/index.html" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/package.json" afterPath="$PROJECT_DIR$/package.json" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/js/reveal.min.js" afterPath="$PROJECT_DIR$/js/reveal.min.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/css/theme/template/theme.scss" afterPath="$PROJECT_DIR$/css/theme/template/theme.scss" />
+    </list>
+    <ignored path="reveal.js.iws" />
+    <ignored path=".idea/workspace.xml" />
+    <file path="/Dummy.txt" changelist="366f3756-a503-4f20-8b33-83aa7a6522c4" time="1380097620953" ignored="false" />
+    <file path="/index.html" changelist="366f3756-a503-4f20-8b33-83aa7a6522c4" time="1380031354307" ignored="false" />
+    <file path="/a.dummy" changelist="366f3756-a503-4f20-8b33-83aa7a6522c4" time="1380010821874" ignored="false" />
+    <file path="$USER_HOME$/src/Dropbox/src/d8/drupal/sites/default/settings.php" changelist="366f3756-a503-4f20-8b33-83aa7a6522c4" time="1380013207795" ignored="false" />
+    <option name="TRACKING_ENABLED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="ChangesViewManager" flattened_view="true" show_ignored="false" />
+  <component name="CreatePatchCommitExecutor">
+    <option name="PATCH_PATH" value="" />
+  </component>
+  <component name="DaemonCodeAnalyzer">
+    <disable_hints />
+  </component>
+  <component name="ExecutionTargetManager" SELECTED_TARGET="default_target" />
+  <component name="FavoritesManager">
+    <favorites_list name="reveal.js" />
+  </component>
+  <component name="FileEditorManager">
+    <leaf />
+  </component>
+  <component name="FindManager">
+    <FindUsagesManager>
+      <setting name="OPEN_NEW_TAB" value="false" />
+    </FindUsagesManager>
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+  </component>
+  <component name="GitLogSettings">
+    <option name="myDateState">
+      <MyDateState />
+    </option>
+  </component>
+  <component name="IdeDocumentHistory">
+    <option name="changedFiles">
+      <list>
+        <option value="$PROJECT_DIR$/index.html" />
+      </list>
+    </option>
+  </component>
+  <component name="PhpWorkspaceProjectConfiguration" backward_compatibility_performed="true" />
+  <component name="ProjectFrameBounds">
+    <option name="x" value="64" />
+    <option name="y" value="-3" />
+    <option name="width" value="1857" />
+    <option name="height" value="1203" />
+  </component>
+  <component name="ProjectLevelVcsManager" settingsEditedManually="false">
+    <OptionsSetting value="true" id="Add" />
+    <OptionsSetting value="true" id="Remove" />
+    <OptionsSetting value="true" id="Checkout" />
+    <OptionsSetting value="true" id="Update" />
+    <OptionsSetting value="true" id="Status" />
+    <OptionsSetting value="true" id="Edit" />
+    <ConfirmationsSetting value="0" id="Add" />
+    <ConfirmationsSetting value="0" id="Remove" />
+  </component>
+  <component name="ProjectReloadState">
+    <option name="STATE" value="0" />
+  </component>
+  <component name="ProjectView">
+    <navigator proportions="" version="1" splitterProportion="0.5">
+      <flattenPackages />
+      <showMembers />
+      <showModules />
+      <showLibraryContents ProjectPane="true" />
+      <hideEmptyPackages />
+      <abbreviatePackageNames />
+      <autoscrollToSource />
+      <autoscrollFromSource />
+      <sortByType />
+    </navigator>
+    <panes />
+  </component>
+  <component name="PropertiesComponent">
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="last_opened_file_path" value="$USER_HOME$/src/Dropbox/src/d7/drupal" />
+  </component>
+  <component name="PublishConfig">
+    <servers>
+      <server id="2646d17e-b81a-44bd-abfe-0541ba6fc34c">
+        <serverdata>
+          <mappings>
+            <mapping local="$PROJECT_DIR$" />
+          </mappings>
+        </serverdata>
+      </server>
+    </servers>
+  </component>
+  <component name="RunManager">
+    <configuration default="true" type="JavascriptDebugSession" factoryName="Local" singleton="true">
+      <JSDebuggerConfigurationSettings>
+        <option name="engineId" value="embedded" />
+        <option name="fileUrl" />
+      </JSDebuggerConfigurationSettings>
+      <method />
+    </configuration>
+    <list size="0" />
+  </component>
+  <component name="ShelveChangesManager" show_recycled="false" />
+  <component name="StructureViewFactory">
+    <option name="AUTOSCROLL_FROM_SOURCE" value="true" />
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="366f3756-a503-4f20-8b33-83aa7a6522c4" name="Default" comment="" />
+      <created>1380009260148</created>
+      <updated>1380009260148</updated>
+    </task>
+    <servers />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="64" y="-3" width="1857" height="1203" extended-state="6" />
+    <editor active="true" />
+    <layout>
+      <window_info id="Changes" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+      <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+      <window_info id="Database" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" weight="0.24819945" sideWeight="0.6704762" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Project" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.26481995" sideWeight="0.6704762" order="4" side_tool="false" content_ui="combo" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="0" side_tool="true" content_ui="tabs" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="8" side_tool="false" content_ui="tabs" />
+      <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Find" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.32889628" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+      <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="SLIDING" type="SLIDING" visible="false" weight="0.4" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.2498615" sideWeight="0.6704762" order="3" side_tool="false" content_ui="combo" />
+      <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
+    </layout>
+  </component>
+  <component name="VcsContentAnnotationSettings">
+    <option name="myLimit" value="2678400000" />
+  </component>
+  <component name="VcsManagerConfiguration">
+    <option name="OFFER_MOVE_TO_ANOTHER_CHANGELIST_ON_PARTIAL_COMMIT" value="true" />
+    <option name="CHECK_CODE_SMELLS_BEFORE_PROJECT_COMMIT" value="true" />
+    <option name="CHECK_NEW_TODO" value="true" />
+    <option name="myTodoPanelSettings">
+      <value>
+        <are-packages-shown value="false" />
+        <are-modules-shown value="false" />
+        <flatten-packages value="false" />
+        <is-autoscroll-to-source value="false" />
+      </value>
+    </option>
+    <option name="PERFORM_UPDATE_IN_BACKGROUND" value="true" />
+    <option name="PERFORM_COMMIT_IN_BACKGROUND" value="true" />
+    <option name="PERFORM_EDIT_IN_BACKGROUND" value="true" />
+    <option name="PERFORM_CHECKOUT_IN_BACKGROUND" value="true" />
+    <option name="PERFORM_ADD_REMOVE_IN_BACKGROUND" value="true" />
+    <option name="PERFORM_ROLLBACK_IN_BACKGROUND" value="false" />
+    <option name="CHECK_LOCALLY_CHANGED_CONFLICTS_IN_BACKGROUND" value="false" />
+    <option name="CHANGED_ON_SERVER_INTERVAL" value="60" />
+    <option name="SHOW_ONLY_CHANGED_IN_SELECTION_DIFF" value="true" />
+    <option name="CHECK_COMMIT_MESSAGE_SPELLING" value="true" />
+    <option name="DEFAULT_PATCH_EXTENSION" value="patch" />
+    <option name="SHORT_DIFF_HORIZONTALLY" value="true" />
+    <option name="SHORT_DIFF_EXTRA_LINES" value="2" />
+    <option name="SOFT_WRAPS_IN_SHORT_DIFF" value="true" />
+    <option name="INCLUDE_TEXT_INTO_PATCH" value="false" />
+    <option name="INCLUDE_TEXT_INTO_SHELF" value="false" />
+    <option name="SHOW_FILE_HISTORY_DETAILS" value="true" />
+    <option name="SHOW_VCS_ERROR_NOTIFICATIONS" value="true" />
+    <option name="SHOW_DIRTY_RECURSIVELY" value="false" />
+    <option name="LIMIT_HISTORY" value="true" />
+    <option name="MAXIMUM_HISTORY_ROWS" value="1000" />
+    <option name="UPDATE_FILTER_SCOPE_NAME" />
+    <option name="USE_COMMIT_MESSAGE_MARGIN" value="false" />
+    <option name="COMMIT_MESSAGE_MARGIN_SIZE" value="72" />
+    <option name="WRAP_WHEN_TYPING_REACHES_RIGHT_MARGIN" value="false" />
+    <option name="FORCE_NON_EMPTY_COMMENT" value="false" />
+    <option name="CLEAR_INITIAL_COMMIT_MESSAGE" value="false" />
+    <option name="LAST_COMMIT_MESSAGE" />
+    <option name="MAKE_NEW_CHANGELIST_ACTIVE" value="false" />
+    <option name="OPTIMIZE_IMPORTS_BEFORE_PROJECT_COMMIT" value="false" />
+    <option name="CHECK_FILES_UP_TO_DATE_BEFORE_COMMIT" value="false" />
+    <option name="REFORMAT_BEFORE_PROJECT_COMMIT" value="false" />
+    <option name="REFORMAT_BEFORE_FILE_COMMIT" value="false" />
+    <option name="FILE_HISTORY_DIALOG_COMMENTS_SPLITTER_PROPORTION" value="0.8" />
+    <option name="FILE_HISTORY_DIALOG_SPLITTER_PROPORTION" value="0.5" />
+    <option name="ACTIVE_VCS_NAME" />
+    <option name="UPDATE_GROUP_BY_PACKAGES" value="false" />
+    <option name="UPDATE_GROUP_BY_CHANGELIST" value="false" />
+    <option name="UPDATE_FILTER_BY_SCOPE" value="false" />
+    <option name="SHOW_FILE_HISTORY_AS_TREE" value="false" />
+    <option name="FILE_HISTORY_SPLITTER_PROPORTION" value="0.6" />
+  </component>
+  <component name="XDebuggerManager">
+    <breakpoint-manager />
+  </component>
+  <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state line="0" column="0" selection-start="0" selection-end="0" vertical-scroll-proportion="0.0" />
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state line="3203" column="0" selection-start="114784" selection-end="114784" vertical-scroll-proportion="0.01525941" />
+      </provider>
+    </entry>
+  </component>
+</project>
+

Gruntfile.js

@@ -44,6 +44,7 @@ module.exports = function(grunt) {
 					'css/theme/default.css': 'css/theme/source/default.scss',
 					'css/theme/beige.css': 'css/theme/source/beige.scss',
 					'css/theme/night.css': 'css/theme/source/night.scss',
+					'css/theme/osi.css': 'css/theme/source/osi.scss',
 					'css/theme/serif.css': 'css/theme/source/serif.scss',
 					'css/theme/simple.css': 'css/theme/source/simple.scss',
 					'css/theme/sky.css': 'css/theme/source/sky.scss',

css/theme/css/theme/osi.css

@@ -0,0 +1,24 @@
+/*
+Errno::ENOENT: No such file or directory - css/theme/source/osi.scss
+
+Backtrace:
+/Users/outimunter/.gem/ruby/1.8/gems/sass-3.2.10/bin/../lib/sass/../sass/plugin/compiler.rb:360:in `read'
+/Users/outimunter/.gem/ruby/1.8/gems/sass-3.2.10/bin/../lib/sass/../sass/plugin/compiler.rb:360:in `update_stylesheet'
+/Users/outimunter/.gem/ruby/1.8/gems/sass-3.2.10/bin/../lib/sass/../sass/plugin/compiler.rb:203:in `update_stylesheets'
+/Users/outimunter/.gem/ruby/1.8/gems/sass-3.2.10/bin/../lib/sass/../sass/plugin/compiler.rb:201:in `each'
+/Users/outimunter/.gem/ruby/1.8/gems/sass-3.2.10/bin/../lib/sass/../sass/plugin/compiler.rb:201:in `update_stylesheets'
+/Users/outimunter/.gem/ruby/1.8/gems/sass-3.2.10/bin/../lib/sass/../sass/plugin/compiler.rb:235:in `watch'
+/Users/outimunter/.gem/ruby/1.8/gems/sass-3.2.10/bin/../lib/sass/../sass/plugin.rb:107:in `send'
+/Users/outimunter/.gem/ruby/1.8/gems/sass-3.2.10/bin/../lib/sass/../sass/plugin.rb:107:in `method_missing'
+/Users/outimunter/.gem/ruby/1.8/gems/sass-3.2.10/bin/../lib/sass/../sass/exec.rb:455:in `watch_or_update'
+/Users/outimunter/.gem/ruby/1.8/gems/sass-3.2.10/bin/../lib/sass/../sass/exec.rb:318:in `process_result'
+/Users/outimunter/.gem/ruby/1.8/gems/sass-3.2.10/bin/../lib/sass/../sass/exec.rb:41:in `parse'
+/Users/outimunter/.gem/ruby/1.8/gems/sass-3.2.10/bin/../lib/sass/../sass/exec.rb:21:in `parse!'
+/Users/outimunter/.gem/ruby/1.8/gems/sass-3.2.10/bin/sass:9
+/usr/bin/sass:19:in `load'
+/usr/bin/sass:19
+*/
+body:before {
+  white-space: pre;
+  font-family: monospace;
+  content: "Errno::ENOENT: No such file or directory - css/theme/source/osi.scss"; }

css/theme/default.css

@@ -1,142 +0,0 @@
-@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
-/**
- * Default theme for reveal.js.
- *
- * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
- */
-@font-face {
-  font-family: 'League Gothic';
-  src: url("../../lib/font/league_gothic-webfont.eot");
-  src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg");
-  font-weight: normal;
-  font-style: normal; }
-
-/*********************************************
- * GLOBAL STYLES
- *********************************************/
-body {
-  background: #1c1e20;
-  background: -moz-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
-  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #555a5f), color-stop(100%, #1c1e20));
-  background: -webkit-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
-  background: -o-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
-  background: -ms-radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
-  background: radial-gradient(center, circle cover, #555a5f 0%, #1c1e20 100%);
-  background-color: #2b2b2b; }
-
-.reveal {
-  font-family: "Lato", sans-serif;
-  font-size: 36px;
-  font-weight: 200;
-  letter-spacing: -0.02em;
-  color: #eeeeee; }
-
-::selection {
-  color: white;
-  background: #ff5e99;
-  text-shadow: none; }
-
-/*********************************************
- * HEADERS
- *********************************************/
-.reveal h1,
-.reveal h2,
-.reveal h3,
-.reveal h4,
-.reveal h5,
-.reveal h6 {
-  margin: 0 0 20px 0;
-  color: #eeeeee;
-  font-family: "League Gothic", Impact, sans-serif;
-  line-height: 0.9em;
-  letter-spacing: 0.02em;
-  text-transform: uppercase;
-  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
-
-.reveal h1 {
-  text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 20px 20px rgba(0, 0, 0, 0.15); }
-
-/*********************************************
- * LINKS
- *********************************************/
-.reveal a:not(.image) {
-  color: #13daec;
-  text-decoration: none;
-  -webkit-transition: color .15s ease;
-  -moz-transition: color .15s ease;
-  -ms-transition: color .15s ease;
-  -o-transition: color .15s ease;
-  transition: color .15s ease; }
-
-.reveal a:not(.image):hover {
-  color: #71e9f4;
-  text-shadow: none;
-  border: none; }
-
-.reveal .roll span:after {
-  color: #fff;
-  background: #0d99a5; }
-
-/*********************************************
- * IMAGES
- *********************************************/
-.reveal section img {
-  margin: 15px 0px;
-  background: rgba(255, 255, 255, 0.12);
-  border: 4px solid #eeeeee;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-  -webkit-transition: all .2s linear;
-  -moz-transition: all .2s linear;
-  -ms-transition: all .2s linear;
-  -o-transition: all .2s linear;
-  transition: all .2s linear; }
-
-.reveal a:hover img {
-  background: rgba(255, 255, 255, 0.2);
-  border-color: #13daec;
-  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
-
-/*********************************************
- * NAVIGATION CONTROLS
- *********************************************/
-.reveal .controls div.navigate-left,
-.reveal .controls div.navigate-left.enabled {
-  border-right-color: #13daec; }
-
-.reveal .controls div.navigate-right,
-.reveal .controls div.navigate-right.enabled {
-  border-left-color: #13daec; }
-
-.reveal .controls div.navigate-up,
-.reveal .controls div.navigate-up.enabled {
-  border-bottom-color: #13daec; }
-
-.reveal .controls div.navigate-down,
-.reveal .controls div.navigate-down.enabled {
-  border-top-color: #13daec; }
-
-.reveal .controls div.navigate-left.enabled:hover {
-  border-right-color: #71e9f4; }
-
-.reveal .controls div.navigate-right.enabled:hover {
-  border-left-color: #71e9f4; }
-
-.reveal .controls div.navigate-up.enabled:hover {
-  border-bottom-color: #71e9f4; }
-
-.reveal .controls div.navigate-down.enabled:hover {
-  border-top-color: #71e9f4; }
-
-/*********************************************
- * PROGRESS BAR
- *********************************************/
-.reveal .progress {
-  background: rgba(0, 0, 0, 0.2); }
-
-.reveal .progress span {
-  background: #13daec;
-  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-  -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-  -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
-  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }

css/theme/osi.css

@@ -0,0 +1,496 @@
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
+/**
+ * OSI theme for reveal.js.
+ *
+ */
+@font-face {
+  font-family: 'League Gothic';
+  src: url("../../lib/font/league_gothic-webfont.eot");
+  src: url("../../lib/font/league_gothic-webfont.eot?#iefix") format("embedded-opentype"), url("../../lib/font/league_gothic-webfont.woff") format("woff"), url("../../lib/font/league_gothic-webfont.ttf") format("truetype"), url("../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular") format("svg");
+  font-weight: normal;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 400;
+  src: local("Lato Regular"), local("Lato-Regular"), url("../../lib/font/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff") format("woff"); }
+
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 700;
+  src: local("Lato Bold"), local("Lato-Bold"), url("../../lib/font/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff") format("woff"); }
+
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 400;
+  src: local("Lato Italic"), local("Lato-Italic"), url("../../lib/font/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff") format("woff"); }
+
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 700;
+  src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url("../../lib/font/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff") format("woff"); }
+
+/*********************************************
+ * GLOBAL STYLES
+ *********************************************/
+body {
+  background: #ecf4fb;
+  background: -moz-radial-gradient(center, circle cover, white 0%, #ecf4fb 100%);
+  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #ecf4fb));
+  background: -webkit-radial-gradient(center, circle cover, white 0%, #ecf4fb 100%);
+  background: -o-radial-gradient(center, circle cover, white 0%, #ecf4fb 100%);
+  background: -ms-radial-gradient(center, circle cover, white 0%, #ecf4fb 100%);
+  background: radial-gradient(center, circle cover, white 0%, #ecf4fb 100%);
+  background-color: #e9f6fb; }
+
+.reveal {
+  font-family: "Lato", sans-serif;
+  font-size: 36px;
+  font-weight: 200;
+  letter-spacing: -0.02em;
+  color: #333333; }
+
+::selection {
+  color: white;
+  background: #647a8e;
+  text-shadow: none; }
+
+/*********************************************
+ * HEADERS
+ *********************************************/
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
+  margin: 0 0 20px 0;
+  color: #333333;
+  font-family: "League Gothic", Impact, sans-serif;
+  line-height: 0.9em;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  text-shadow: none; }
+
+.reveal h1 {
+  text-shadow: none; }
+
+/*********************************************
+ * LINKS
+ *********************************************/
+.reveal a:not(.image) {
+  color: #ff8a00;
+  text-decoration: none;
+  -webkit-transition: color .15s ease;
+  -moz-transition: color .15s ease;
+  -ms-transition: color .15s ease;
+  -o-transition: color .15s ease;
+  transition: color .15s ease; }
+
+.reveal a:not(.image):hover {
+  color: #ffb966;
+  text-shadow: none;
+  border: none; }
+
+.reveal .roll span:after {
+  color: #fff;
+  background: #b36100; }
+
+/*********************************************
+ * IMAGES
+ *********************************************/
+.reveal section img {
+  margin: 15px 0px;
+  background: rgba(255, 255, 255, 0.12);
+  border: 4px solid #333333;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+  -webkit-transition: all .2s linear;
+  -moz-transition: all .2s linear;
+  -ms-transition: all .2s linear;
+  -o-transition: all .2s linear;
+  transition: all .2s linear; }
+
+.reveal a:hover img {
+  background: rgba(255, 255, 255, 0.2);
+  border-color: #ff8a00;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
+
+/*********************************************
+ * NAVIGATION CONTROLS
+ *********************************************/
+.reveal .controls div.navigate-left,
+.reveal .controls div.navigate-left.enabled {
+  border-right-color: #ff8a00; }
+
+.reveal .controls div.navigate-right,
+.reveal .controls div.navigate-right.enabled {
+  border-left-color: #ff8a00; }
+
+.reveal .controls div.navigate-up,
+.reveal .controls div.navigate-up.enabled {
+  border-bottom-color: #ff8a00; }
+
+.reveal .controls div.navigate-down,
+.reveal .controls div.navigate-down.enabled {
+  border-top-color: #ff8a00; }
+
+.reveal .controls div.navigate-left.enabled:hover {
+  border-right-color: #ffb966; }
+
+.reveal .controls div.navigate-right.enabled:hover {
+  border-left-color: #ffb966; }
+
+.reveal .controls div.navigate-up.enabled:hover {
+  border-bottom-color: #ffb966; }
+
+.reveal .controls div.navigate-down.enabled:hover {
+  border-top-color: #ffb966; }
+
+/*********************************************
+ * PROGRESS BAR
+ *********************************************/
+.reveal .progress {
+  background: rgba(0, 0, 0, 0.2); }
+
+.reveal .progress span {
+  background: #ff8a00;
+  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+  -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+  -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+  -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
+  transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
+
+/*********************************************
+ * CUSTOM
+ *********************************************/
+.reveal .slides {
+  width: 1024px; }
+
+.reveal .custom.inverse {
+  color: #e7d6c3; }
+
+.reveal h1 {
+  font-size: 3.2em; }
+
+.reveal h1.chapter {
+  color: #ff8a00;
+  margin-top: 0.8em;
+  padding: 10px; }
+
+.reveal .release-date {
+  color: #647a8e; }
+
+.reveal .right {
+  text-align: right;
+  width: 100%; }
+
+.reveal .left {
+  text-align: left;
+  width: 100%; }
+
+.reveal .name {
+  margin-top: 1.5em; }
+
+.footer {
+  bottom: 40px;
+  left: 30px;
+  position: fixed;
+  width: 100%;
+  z-index: 0; }
+
+.reveal .footnote,
+.reveal .note {
+  bottom: 10px;
+  color: #899594;
+  display: inline-block;
+  font-size: 45%;
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  text-align: center;
+  width: 80%; }
+
+.reveal .note {
+  color: #647a8e; }
+
+.reveal .illustration img,
+.reveal .diagramme img {
+  border: none;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
+  max-height: 65%;
+  max-width: 65%; }
+
+.reveal .illustration-full img,
+.reveal .diagramme-full img {
+  border: none;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
+  margin: 0;
+  max-height: 85%;
+  max-width: 85%;
+  padding: 0; }
+
+.reveal .slides section.full,
+.reveal section.full img {
+  margin: 0;
+  padding: 0; }
+
+p.caption {
+  font-size: 60%;
+  font-style: italic; }
+
+.reveal code {
+  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
+  font-size: .75em;
+  font-family: monospace;
+  line-height: 1.2em;
+  margin: 0 0.35em;
+  padding: 0 .15em;
+  word-wrap: break-word; }
+
+.reveal .high {
+  color: #ff8a00; }
+
+.reveal code.high {
+  background-color: #ff8a00;
+  color: white; }
+
+.reveal .codeblock {
+  display: block;
+  font-size: .55em;
+  margin: 0.15em 0 0.15em 1em;
+  max-height: 495px;
+  overflow: auto;
+  padding: 0.3em 0.5em; }
+
+.reveal .ab {
+  display: block;
+  font-size: .6em;
+  margin: 0.15em 0 0.15em 1em;
+  max-height: 495px;
+  overflow: auto;
+  padding: 0.3em 0.5em; }
+
+.reveal blockquote {
+  background: rgba(255, 255, 255, 0.05);
+  box-shadow: none;
+  color: #647a8e;
+  line-height: 1.5em;
+  margin: auto;
+  padding: auto;
+  font-style: italic;
+  width: 100%; }
+
+.reveal blockquote.quote-small {
+  background: rgba(255, 255, 255, 0.05);
+  box-shadow: none;
+  color: #647a8e;
+  font-size: 0.8em;
+  line-height: 1.2em;
+  margin: auto auto 0.8em auto;
+  padding: auto;
+  font-style: italic;
+  width: 100%; }
+
+.reveal .quoteinverse {
+  background-color: #647a8e;
+  color: white;
+  padding: 0 0.15em; }
+
+.reveal .quote-underline {
+  border-bottom: solid 5px #647a8e; }
+
+.reveal ol,
+.reveal ul {
+  font-size: 0.9em;
+  list-style-type: none;
+  margin: 0 0 0 1.5em; }
+
+.reveal li {
+  margin-bottom: 0.2em; }
+
+.reveal ol li:before,
+.reveal ul li:before {
+  color: #ff8a00;
+  content: "● "; }
+
+.reveal ul ul ul,
+.reveal ul ul {
+  list-style-type: none; }
+
+.reveal ul ul li:before {
+  color: #ff8a00;
+  content: "– "; }
+
+.reveal ul ul ul li:before {
+  color: #647a8e;
+  content: "· "; }
+
+.reveal ul ul ul li {
+  line-height: 1;
+  margin: 0 auto;
+  padding: 0 auto; }
+
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
+  margin-left: 2.5em; }
+
+.reveal blockquote li {
+  margin-bottom: 0.7em; }
+
+.reveal blockquote ol li:before,
+.reveal blockquote ul li:before {
+  color: #647a8e;
+  content: ""; }
+
+.reveal blockquote ul ul ul,
+.reveal blockquote ul ul {
+  list-style-type: circle; }
+
+.reveal blockquote ul ul ul li:before,
+.reveal blockquote ul ul li:before {
+  color: #647a8e;
+  content: ""; }
+
+.reveal blockquote ul ul,
+.reveal blockquote ul ol,
+.reveal blockquote ol ol,
+.reveal blockquote ol ul {
+  margin-left: auto; }
+
+.reveal .highlight {
+  background-color: #ff8a00;
+  border-radius: 0.4em;
+  color: white;
+  font-size: 0.75em;
+  margin-left: 1em;
+  padding: 0.1em 0.3em; }
+
+.reveal .highlight:before {
+  content: "→ "; }
+
+.reveal table {
+  margin-bottom: 1em; }
+
+.reveal p.theme-name {
+  color: #647a8e;
+  font-family: "League Gothic";
+  font-size: 1.2em;
+  float: left;
+  margin-top: 0.5em;
+  text-align: left;
+  text-transform: uppercase; }
+
+.reveal table.new {
+  font-size: 0.8em;
+  line-height: 1.35;
+  margin-bottom: 0.5em;
+  margin-top: 0.5em;
+  width: 100%; }
+
+.reveal .new th {
+  color: #647a8e;
+  font-family: "League Gothic";
+  text-transform: uppercase;
+  width: 12%; }
+
+.reveal .new td:before {
+  color: #ff8a00;
+  content: "· "; }
+
+.reveal .two-columns-left {
+  float: left;
+  margin: auto 0;
+  width: 47.5%; }
+
+.reveal .two-columns-right {
+  float: right;
+  margin: auto 0;
+  width: 47.5%; }
+
+.reveal table {
+  width: 100%; }
+
+.reveal .compare-table {
+  border-collapse: collapse;
+  line-height: 1.1;
+  margin-top: 1em;
+  padding: 0.4em;
+  width: 100%; }
+
+.reveal .compare-table tr.first-row {
+  padding-bottom: 1em; }
+
+.reveal .compare-table th {
+  width: 16%; }
+
+.reveal .compare-table td {
+  width: 28%; }
+
+.reveal .compare-table thead {
+  font-size: 0.75em; }
+
+.reveal .compare-table.six thead {
+  color: #647a8e; }
+
+.reveal .compare-table.seven thead {
+  color: #5a9b47; }
+
+.reveal .compare-table.eight thead {
+  color: #d2533a; }
+
+.reveal .compare-table tbody {
+  border-top: 5px solid rgba(255, 255, 255, 0);
+  font-size: 0.65em; }
+
+.reveal .compare-table thead th {
+  font-family: "League Gothic";
+  font-size: 1.2em;
+  position: relative;
+  top: 0.2em;
+  text-transform: uppercase; }
+
+.reveal section img.cover-img {
+  background: none;
+  border: none;
+  box-shadow: none;
+  margin: 0; }
+
+.reveal div.cover-osi {
+  color: #647a8e;
+  position: relative;
+  top: 2em; }
+
+.reveal div.cover-osi h3 {
+  color: #647a8e; }
+
+.reveal .downer {
+  margin-top: 1.5em; }
+
+.reveal h3.people {
+  margin-top: 0.8em; }
+
+.reveal table.people {
+  font-size: 0.75em;
+  line-height: 1;
+  margin: 1em 0 1.7em 0; }
+  .reveal table.people td {
+    border-bottom: 5px solid rgba(255, 255, 255, 0);
+    margin: 0;
+    padding: 0; }
+  .reveal table.people .td-middle {
+    border-left: 15px solid rgba(255, 255, 255, 0);
+    border-right: 15px solid rgba(255, 255, 255, 0); }
+  .reveal table.people img {
+    max-width: 100%; }
+
+.reveal .blue {
+  color: #647a8e; }
+
+.reveal .lowercase {
+  text-transform: none; }

css/theme/source/osi.scss

@@ -0,0 +1,495 @@
+/**
+ * OSI theme for reveal.js.
+ *
+ */
+
+
+// Default mixins and settings -----------------
+@import "../template/mixins";
+@import "../template/settings";
+// ---------------------------------------------
+
+
+
+// Include theme-specific fonts
+@font-face {
+	font-family: 'League Gothic';
+	src: url('../../lib/font/league_gothic-webfont.eot');
+	src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
+		 url('../../lib/font/league_gothic-webfont.woff') format('woff'),
+		 url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
+		 url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
+
+	font-weight: normal;
+	font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Lato Regular'), local('Lato-Regular'), url('../../lib/font/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff') format('woff');
+}
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Lato Bold'), local('Lato-Bold'), url('../../lib/font/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff') format('woff');
+}
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Lato Italic'), local('Lato-Italic'), url('../../lib/font/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff') format('woff');
+}
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 700;
+  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../../lib/font/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff') format('woff');
+}
+
+
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
+
+// CUSTOM
+$inverseColor: #e7d6c3;
+$shadowLight: 0 0 6px rgba(0,0,0,.2);
+$blueGray: #647a8e;
+$redTile: #ca3b28;
+$red: #d2533a;
+$green: #5a9b47;
+$orange: #ff8a00;
+$titleFont: 'League Gothic';
+
+// Override theme settings (see ../template/settings.scss)
+$mainColor: #333;
+$headingColor: #333;
+$headingTextShadow: none;
+$backgroundColor: #e9f6fb;
+$linkColor: #ff8a00;
+$linkColorHover: lighten( $linkColor, 20% );
+$selectionBackgroundColor: $blueGray;
+$heading1TextShadow: none;
+$h1Size: 3.2em;
+
+// Background generator
+@mixin bodyBackground() {
+	@include radial-gradient( #ecf4fb, rgba(255,255,255,1) );
+}
+
+// Theme template ------------------------------
+@import "../template/theme";
+// ---------------------------------------------
+
+
+
+
+/*********************************************
+ * CUSTOM
+ *********************************************/
+
+.reveal .slides {
+	width: 1024px;
+}
+ 
+.reveal .custom.inverse {
+	color: $inverseColor;
+}
+
+.reveal h1 {
+	font-size: $h1Size;
+}
+
+.reveal h1.chapter {
+	color: $orange;
+	margin-top: 0.8em;
+	padding: 10px;
+}
+
+.reveal .release-date {
+	color: $blueGray;
+}
+
+.reveal .right {
+        text-align: right;
+        width: 100%;
+}
+
+.reveal .left {
+        text-align: left;
+        width: 100%;
+}
+
+.reveal .name{
+	margin-top: 1.5em;
+}
+
+.footer {
+	bottom: 40px;
+	left: 30px;
+	position: fixed;
+	width: 100%;
+	z-index: 0;
+}
+
+.reveal .footnote,
+.reveal .note {
+        bottom: 10px;
+        color: #899594;
+	display: inline-block;
+        font-size: 45%;
+	margin-left: auto;
+	margin-right: auto;
+        position: relative;
+        text-align: center;
+	width: 80%;
+}
+
+.reveal .note {
+        color: $blueGray;
+}
+
+.reveal .illustration img,
+.reveal .diagramme img {
+	border: none;
+	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
+        max-height: 65%;
+        max-width: 65%;
+}
+
+.reveal .illustration-full img,
+.reveal .diagramme-full img {
+	border: none;
+	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
+        margin: 0;
+        max-height: 85%;
+        max-width: 85%;
+        padding: 0;
+}
+
+.reveal .slides section.full,
+.reveal section.full img {
+        margin: 0;
+        padding: 0;
+}
+
+p.caption {
+        font-size: 60%;
+        font-style: italic;
+}
+
+.reveal code {
+        box-shadow: $shadowLight;
+        font-size: .75em;
+        font-family: monospace;
+        line-height: 1.2em;
+        margin: 0 0.35em;
+        padding: 0 .15em;
+        word-wrap: break-word;
+}
+
+.reveal .high {
+        color: $orange;
+}
+
+.reveal code.high {
+        background-color: $orange;
+        color: white;
+}
+
+.reveal .codeblock {
+        display: block;
+        font-size: .55em;
+        margin: 0.15em 0 0.15em 1em;
+        max-height: 495px;
+        overflow: auto;
+        padding: 0.3em 0.5em;
+}
+
+
+.reveal .ab {
+        display: block;
+        font-size: .6em;
+        margin: 0.15em 0 0.15em 1em;
+        max-height: 495px;
+        overflow: auto;
+        padding: 0.3em 0.5em;
+}
+
+.reveal blockquote {
+        background: rgba(255,255,255,.05);
+        box-shadow: none;
+        color: $blueGray;
+        line-height: 1.5em;
+        margin: auto;
+        padding: auto;
+        font-style: italic;
+        width: 100%;
+}
+
+.reveal blockquote.quote-small {
+        background: rgba(255,255,255,.05);
+        box-shadow: none;
+        color: $blueGray;
+        font-size: 0.8em;
+        line-height: 1.2em;
+        margin: auto auto 0.8em auto;
+        padding: auto;
+        font-style: italic;
+        width: 100%;
+}
+
+.reveal .quoteinverse {
+        background-color: $blueGray;
+        color: white;
+        padding: 0 0.15em;
+}
+
+.reveal .quote-underline {
+        border-bottom: solid 5px $blueGray;
+}
+
+.reveal ol,
+.reveal ul {
+	font-size: 0.9em;
+	list-style-type: none;
+	margin: 0 0 0 1.5em;
+}
+
+.reveal li {
+	margin-bottom: 0.2em;
+}
+
+.reveal ol li:before,
+.reveal ul li:before {
+        color: $orange;
+	content: "● ";
+}
+
+.reveal ul ul ul,
+.reveal ul ul {
+	list-style-type: none;
+}
+
+.reveal ul ul li:before {
+        color: $orange;
+	content: "– ";
+}
+
+.reveal ul ul ul li:before {
+        color: $blueGray;
+	content: "· ";
+}
+
+.reveal ul ul ul li {
+	line-height: 1;
+	margin: 0 auto;
+	padding: 0 auto;
+}
+
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
+	margin-left: 2.5em;
+}
+
+.reveal blockquote li {
+	margin-bottom: 0.7em;
+}
+
+.reveal blockquote ol li:before,
+.reveal blockquote ul li:before {
+        color: $blueGray;
+	content: "";
+}
+
+.reveal blockquote ul ul ul,
+.reveal blockquote ul ul {
+	list-style-type: circle;
+}
+
+.reveal blockquote ul ul ul li:before,
+.reveal blockquote ul ul li:before {
+        color: $blueGray;
+	content: "";
+}
+
+.reveal blockquote ul ul,
+.reveal blockquote ul ol,
+.reveal blockquote ol ol,
+.reveal blockquote ol ul {
+	margin-left: auto;
+}
+
+.reveal .highlight {
+        background-color: $orange;
+        border-radius: 0.4em;
+        color: white;
+        font-size: 0.75em;
+        margin-left: 1em;
+        padding: 0.1em 0.3em;
+}
+
+.reveal .highlight:before {
+	content: "→ ";
+}
+
+.reveal table {
+        margin-bottom: 1em;
+}
+
+.reveal p.theme-name {
+	color: $blueGray;
+	font-family: $titleFont;
+	font-size: 1.2em;
+	float: left;
+	margin-top: 0.5em;
+        text-align: left;
+        text-transform: uppercase;
+}
+
+.reveal table.new {
+  font-size: 0.8em;
+  line-height: 1.35;
+  margin-bottom: 0.5em;
+  margin-top: 0.5em;
+  width: 100%;
+}
+
+.reveal .new th {
+  color: $blueGray;
+  font-family: $titleFont;
+  text-transform: uppercase;
+  width: 12%;
+}
+
+.reveal .new td:before {
+        color: $orange;
+	content: "· ";
+}
+
+.reveal .two-columns-left {
+  float: left;
+  margin: auto 0;
+  width: 47.5%;
+}
+
+.reveal .two-columns-right {
+  float: right;
+  margin: auto 0;
+  width: 47.5%;
+}
+
+.reveal table {
+  width: 100%;
+}
+
+.reveal .compare-table {
+  border-collapse: collapse;
+  line-height: 1.1;
+  margin-top: 1em;
+  padding: 0.4em;
+  width: 100%;
+}
+
+.reveal .compare-table tr.first-row {
+  padding-bottom: 1em;
+}
+
+.reveal .compare-table th {
+  width: 16%;
+}
+
+.reveal .compare-table td {
+  width: 28%;
+}
+
+.reveal .compare-table thead {
+  font-size: 0.75em;
+}
+
+.reveal .compare-table.six thead {
+  color: $blueGray;
+}
+
+.reveal .compare-table.seven thead {
+  color: $green;
+}
+
+.reveal .compare-table.eight thead {
+  color: $red;
+}
+
+.reveal .compare-table tbody {
+  border-top: 5px solid rgba(255,255,255,0);
+  font-size: 0.65em;
+}
+
+.reveal .compare-table thead th {
+  font-family: $titleFont;
+  font-size: 1.2em;
+  position: relative;
+  top: 0.2em;
+  text-transform: uppercase;
+}
+
+.reveal section img.cover-img {
+  background: none;
+  border: none;
+  box-shadow: none;
+  margin: 0;
+}
+
+.reveal div.cover-osi {
+  color: $blueGray;
+  position: relative;
+  top: 2em;
+}
+
+.reveal div.cover-osi h3 {
+  color: $blueGray;
+}
+
+.reveal .downer {
+  margin-top: 1.5em;
+}
+
+.reveal h3.people {
+  margin-top: 0.8em;
+}
+
+.reveal table.people {
+  font-size: 0.75em;
+  line-height: 1;
+  margin: 1em 0 1.7em 0;
+  
+  tr {
+  }
+  
+  td {
+    border-bottom: 5px solid rgba(255,255,255,0);
+    margin: 0;
+    padding: 0;
+  }
+  
+  .td-middle {
+    border-left: 15px solid rgba(255,255,255,0);
+    border-right: 15px solid rgba(255,255,255,0);
+  }
+  
+  img {
+    max-width: 100%;
+  }
+  
+}
+
+.reveal .blue {
+  color: $blueGray;
+}
+
+.reveal .lowercase {
+  text-transform: none;
+}

css/theme/source/osi.scss~

@@ -0,0 +1,495 @@
+/**
+ * OSI theme for reveal.js.
+ *
+ */
+
+
+// Default mixins and settings -----------------
+@import "../template/mixins";
+@import "../template/settings";
+// ---------------------------------------------
+
+
+
+// Include theme-specific fonts
+@font-face {
+	font-family: 'League Gothic';
+	src: url('../../lib/font/league_gothic-webfont.eot');
+	src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
+		 url('../../lib/font/league_gothic-webfont.woff') format('woff'),
+		 url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
+		 url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
+
+	font-weight: normal;
+	font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Lato Regular'), local('Lato-Regular'), url('../../lib/font/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff') format('woff');
+}
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Lato Bold'), local('Lato-Bold'), url('../../lib/font/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff') format('woff');
+}
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 400;
+  src: local('Lato Italic'), local('Lato-Italic'), url('../../lib/font/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff') format('woff');
+}
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 700;
+  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../../lib/font/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff') format('woff');
+}
+
+
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
+
+// CUSTOM
+$inverseColor: #e7d6c3;
+$shadowLight: 0 0 6px rgba(0,0,0,.2);
+$blueGray: #647a8e;
+$redTile: #ca3b28;
+$red: #d2533a;
+$green: #5a9b47;
+$orange: #ff8a00;
+$titleFont: 'League Gothic';
+
+// Override theme settings (see ../template/settings.scss)
+$mainColor: #333;
+$headingColor: #333;
+$headingTextShadow: none;
+$backgroundColor: #e9f6fb;
+$linkColor: #ff8a00;
+$linkColorHover: lighten( $linkColor, 20% );
+$selectionBackgroundColor: $blueGray;
+$heading1TextShadow: none;
+$h1Size: 3.2em;
+
+// Background generator
+@mixin bodyBackground() {
+	@include radial-gradient( #ecf4fb, rgba(255,255,255,1) );
+}
+
+// Theme template ------------------------------
+@import "../template/theme";
+// ---------------------------------------------
+
+
+
+
+/*********************************************
+ * CUSTOM
+ *********************************************/
+
+.reveal .slides {
+	width: 1024px;
+}
+ 
+.reveal .custom.inverse {
+	color: $inverseColor;
+}
+
+.reveal h1 {
+	font-size: $h1Size;
+}
+
+.reveal h1.chapter {
+	color: $orange;
+	margin-top: 0.8em;
+	padding: 10px;
+}
+
+.reveal .release-date {
+	color: $blueGray;
+}
+
+.reveal .right {
+        text-align: right;
+        width: 100%;
+}
+
+.reveal .left {
+        text-align: left;
+        width: 100%;
+}
+
+.reveal .name{
+	margin-top: 1.5em;
+}
+
+.footer {
+	bottom: 40px;
+	left: 30px;
+	position: fixed;
+	width: 100%;
+	z-index: 0;
+}
+
+.reveal .footnote,
+.reveal .note {
+        bottom: 10px;
+        color: #899594;
+	display: inline-block;
+        font-size: 45%;
+	margin-left: auto;
+	margin-right: auto;
+        position: relative;
+        text-align: center;
+	width: 80%;
+}
+
+.reveal .note {
+        color: $blueGray;
+}
+
+.reveal .illustration img,
+.reveal .diagramme img {
+	border: none;
+	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
+        max-height: 65%;
+        max-width: 65%;
+}
+
+.reveal .illustration-full img,
+.reveal .diagramme-full img {
+	border: none;
+	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
+        margin: 0;
+        max-height: 85%;
+        max-width: 85%;
+        padding: 0;
+}
+
+.reveal .slides section.full,
+.reveal section.full img {
+        margin: 0;
+        padding: 0;
+}
+
+p.caption {
+        font-size: 60%;
+        font-style: italic;
+}
+
+.reveal code {
+        box-shadow: $shadowLight;
+        font-size: .75em;
+        font-family: monospace;
+        line-height: 1.2em;
+        margin: 0 0.35em;
+        padding: 0 .15em;
+        word-wrap: break-word;
+}
+
+.reveal .high {
+        color: $orange;
+}
+
+.reveal code.high {
+        background-color: $orange;
+        color: white;
+}
+
+.reveal .codeblock {
+        display: block;
+        font-size: .55em;
+        margin: 0.15em 0 0.15em 1em;
+        max-height: 495px;
+        overflow: auto;
+        padding: 0.3em 0.5em;
+}
+
+
+.reveal .ab {
+        display: block;
+        font-size: .6em;
+        margin: 0.15em 0 0.15em 1em;
+        max-height: 495px;
+        overflow: auto;
+        padding: 0.3em 0.5em;
+}
+
+.reveal blockquote {
+        background: rgba(255,255,255,.05);
+        box-shadow: none;
+        color: $blueGray;
+        line-height: 1.5em;
+        margin: auto;
+        padding: auto;
+        font-style: italic;
+        width: 100%;
+}
+
+.reveal blockquote.quote-small {
+        background: rgba(255,255,255,.05);
+        box-shadow: none;
+        color: $blueGray;
+        font-size: 0.8em;
+        line-height: 1.2em;
+        margin: auto auto 0.8em auto;
+        padding: auto;
+        font-style: italic;
+        width: 100%;
+}
+
+.reveal .quoteinverse {
+        background-color: $blueGray;
+        color: white;
+        padding: 0 0.15em;
+}
+
+.reveal .quote-underline {
+        border-bottom: solid 5px $blueGray;
+}
+
+.reveal ol,
+.reveal ul {
+	font-size: 0.9em;
+	list-style-type: none;
+	margin: 0 0 0 1.5em;
+}
+
+.reveal li {
+	margin-bottom: 0.2em;
+}
+
+.reveal ol li:before,
+.reveal ul li:before {
+        color: $orange;
+	content: "● ";
+}
+
+.reveal ul ul ul,
+.reveal ul ul {
+	list-style-type: none;
+}
+
+.reveal ul ul li:before {
+        color: $orange;
+	content: "– ";
+}
+
+.reveal ul ul ul li:before {
+        color: $blueGray;
+	content: "· ";
+}
+
+.reveal ul ul ul li {
+	line-height: 1;
+	margin: 0 auto;
+	padding: 0 auto;
+}
+
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
+	margin-left: 2.5em;
+}
+
+.reveal blockquote li {
+	margin-bottom: 0.7em;
+}
+
+.reveal blockquote ol li:before,
+.reveal blockquote ul li:before {
+        color: $blueGray;
+	content: "";
+}
+
+.reveal blockquote ul ul ul,
+.reveal blockquote ul ul {
+	list-style-type: circle;
+}
+
+.reveal blockquote ul ul ul li:before,
+.reveal blockquote ul ul li:before {
+        color: $blueGray;
+	content: "";
+}
+
+.reveal blockquote ul ul,
+.reveal blockquote ul ol,
+.reveal blockquote ol ol,
+.reveal blockquote ol ul {
+	margin-left: auto;
+}
+
+.reveal .highlight {
+        background-color: $orange;
+        border-radius: 0.4em;
+        color: white;
+        font-size: 0.75em;
+        margin-left: 1em;
+        padding: 0.1em 0.3em;
+}
+
+.reveal .highlight:before {
+	content: "→ ";
+}
+
+.reveal table {
+        margin-bottom: 1em;
+}
+
+.reveal p.theme-name {
+	color: $blueGray;
+	font-family: $titleFont;
+	font-size: 1.2em;
+	float: left;
+	margin-top: 0.5em;
+        text-align: left;
+        text-transform: uppercase;
+}
+
+.reveal table.new {
+  font-size: 0.8em;
+  line-height: 1.35;
+  margin-bottom: 0.5em;
+  margin-top: 0.5em;
+  width: 100%;
+}
+
+.reveal .new th {
+  color: $blueGray;
+  font-family: $titleFont;
+  text-transform: uppercase;
+  width: 12%;
+}
+
+.reveal .new td:before {
+        color: $orange;
+	content: "· ";
+}
+
+.reveal .two-columns-left {
+  float: left;
+  margin: auto 0;
+  width: 47.5%;
+}
+
+.reveal .two-columns-right {
+  float: right;
+  margin: auto 0;
+  width: 47.5%;
+}
+
+.reveal table {
+  width: 100%;
+}
+
+.reveal .compare-table {
+  border-collapse: collapse;
+  line-height: 1.1;
+  margin-top: 1.5em;
+  padding: 0.4em;
+  width: 100%;
+}
+
+.reveal .compare-table tr.first-row {
+  padding-bottom: 1em;
+}
+
+.reveal .compare-table th {
+  width: 16%;
+}
+
+.reveal .compare-table td {
+  width: 28%;
+}
+
+.reveal .compare-table thead {
+  font-size: 0.75em;
+}
+
+.reveal .compare-table.six thead {
+  color: $blueGray;
+}
+
+.reveal .compare-table.seven thead {
+  color: $green;
+}
+
+.reveal .compare-table.eight thead {
+  color: $red;
+}
+
+.reveal .compare-table tbody {
+  border-top: 5px solid rgba(255,255,255,0);
+  font-size: 0.65em;
+}
+
+.reveal .compare-table thead th {
+  font-family: $titleFont;
+  font-size: 1.2em;
+  position: relative;
+  top: 0.2em;
+  text-transform: uppercase;
+}
+
+.reveal section img.cover-img {
+  background: none;
+  border: none;
+  box-shadow: none;
+  margin: 0;
+}
+
+.reveal div.cover-osi {
+  color: $blueGray;
+  position: relative;
+  top: 2em;
+}
+
+.reveal div.cover-osi h3 {
+  color: $blueGray;
+}
+
+.reveal .downer {
+  margin-top: 1.5em;
+}
+
+.reveal h3.people {
+  margin-top: 0.8em;
+}
+
+.reveal table.people {
+  font-size: 0.75em;
+  line-height: 1;
+  margin: 1em 0 1.7em 0;
+  
+  tr {
+  }
+  
+  td {
+    border-bottom: 5px solid rgba(255,255,255,0);
+    margin: 0;
+    padding: 0;
+  }
+  
+  .td-middle {
+    border-left: 15px solid rgba(255,255,255,0);
+    border-right: 15px solid rgba(255,255,255,0);
+  }
+  
+  img {
+    max-width: 100%;
+  }
+  
+}
+
+.reveal .blue {
+  color: $blueGray;
+}
+
+.reveal .lowercase {
+  text-transform: none;
+}

css/theme/template/theme.scss

@@ -160,4 +160,3 @@ body {
 		        transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
 	}
 
-

index-original.html

@@ -0,0 +1,383 @@
+<!doctype html>
+<html lang="en">
+
+	<head>
+		<meta charset="utf-8">
+
+		<title>reveal.js - The HTML Presentation Framework</title>
+
+		<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
+		<meta name="author" content="Hakim El Hattab">
+
+		<meta name="apple-mobile-web-app-capable" content="yes" />
+		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
+		<link rel="stylesheet" href="css/reveal.min.css">
+		<link rel="stylesheet" href="css/theme/default.css" id="theme">
+
+		<!-- For syntax highlighting -->
+		<link rel="stylesheet" href="lib/css/zenburn.css">
+
+		<!-- If the query includes 'print-pdf', use the PDF print sheet -->
+		<script>
+			document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
+		</script>
+
+		<!--[if lt IE 9]>
+		<script src="lib/js/html5shiv.js"></script>
+		<![endif]-->
+	</head>
+
+	<body>
+
+		<div class="reveal">
+
+			<!-- Any section element inside of this container is displayed as a slide -->
+			<div class="slides">
+				<section>
+					<h1>Reveal.js</h1>
+					<h3>HTML Presentations Made Easy</h3>
+					<p>
+						<small>Created by <a href="http://hakim.se">Hakim El Hattab</a> / <a href="http://twitter.com/hakimel">@hakimel</a></small>
+					</p>
+				</section>
+
+				<section>
+					<h2>Heads Up</h2>
+					<p>
+						reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with
+						support for CSS 3D transforms to see it in its full glory.
+					</p>
+
+					<aside class="notes">
+						Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).
+					</aside>
+				</section>
+
+				<!-- Example of nested vertical slides -->
+				<section>
+					<section>
+						<h2>Vertical Slides</h2>
+						<p>
+							Slides can be nested inside of other slides,
+							try pressing <a href="#" class="navigate-down">down</a>.
+						</p>
+						<a href="#" class="image navigate-down">
+							<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
+						</a>
+					</section>
+					<section>
+						<h2>Basement Level 1</h2>
+						<p>Press down or up to navigate.</p>
+					</section>
+					<section>
+						<h2>Basement Level 2</h2>
+						<p>Cornify</p>
+						<a class="test" href="http://cornify.com">
+							<img width="280" height="326" src="https://s3.amazonaws.com/hakim-static/reveal-js/cornify.gif" alt="Unicorn">
+						</a>
+					</section>
+					<section>
+						<h2>Basement Level 3</h2>
+						<p>That's it, time to go back up.</p>
+						<a href="#/2" class="image">
+							<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="-webkit-transform: rotate(180deg);">
+						</a>
+					</section>
+				</section>
+
+				<section>
+					<h2>Slides</h2>
+					<p>
+						Not a coder? No problem. There's a fully-featured visual editor for authoring these, try it out at <a href="http://slid.es" target="_blank">http://slid.es</a>.
+					</p>
+				</section>
+
+				<section>
+					<h2>Point of View</h2>
+					<p>
+						Press <strong>ESC</strong> to enter the slide overview.
+					</p>
+					<p>
+						Hold down alt and click on any element to zoom in on it using <a href="http://lab.hakim.se/zoom-js">zoom.js</a>. Alt + click anywhere to zoom back out.
+					</p>
+				</section>
+
+				<section>
+					<h2>Works in Mobile Safari</h2>
+					<p>
+						Try it out! You can swipe through the slides and pinch your way to the overview.
+					</p>
+				</section>
+
+				<section>
+					<h2>Marvelous Unordered List</h2>
+					<ul>
+						<li>No order here</li>
+						<li>Or here</li>
+						<li>Or here</li>
+						<li>Or here</li>
+					</ul>
+				</section>
+
+				<section>
+					<h2>Fantastic Ordered List</h2>
+					<ol>
+						<li>One is smaller than...</li>
+						<li>Two is smaller than...</li>
+						<li>Three!</li>
+					</ol>
+				</section>
+
+				<section data-markdown>
+					<script type="text/template">
+						## Markdown support
+
+						For those of you who like that sort of thing. Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown).
+
+						```
+						<section data-markdown>
+						  ## Markdown support
+
+						  For those of you who like that sort of thing.
+						  Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown).
+						</section>
+						```
+					</script>
+				</section>
+
+				<section id="transitions">
+					<h2>Transition Styles</h2>
+					<p>
+						You can select from different transitions, like: <br>
+						<a href="?transition=cube#/transitions">Cube</a> -
+						<a href="?transition=page#/transitions">Page</a> -
+						<a href="?transition=concave#/transitions">Concave</a> -
+						<a href="?transition=zoom#/transitions">Zoom</a> -
+						<a href="?transition=linear#/transitions">Linear</a> -
+						<a href="?transition=fade#/transitions">Fade</a> -
+						<a href="?transition=none#/transitions">None</a> -
+						<a href="?#/transitions">Default</a>
+					</p>
+				</section>
+
+				<section id="themes">
+					<h2>Themes</h2>
+					<p>
+						Reveal.js comes with a few themes built in: <br>
+						<a href="?#/themes">Default</a> -
+						<a href="?theme=sky#/themes">Sky</a> -
+						<a href="?theme=beige#/themes">Beige</a> -
+						<a href="?theme=simple#/themes">Simple</a> -
+						<a href="?theme=serif#/themes">Serif</a> -
+						<a href="?theme=night#/themes">Night</a> <br>
+						<a href="?theme=moon.css#/themes">Moon</a> -
+						<a href="?theme=simple.css#/themes">Simple</a> -
+						<a href="?theme=solarized.css#/themes">Solarized</a>
+					</p>
+					<p>
+						<small>
+							* Theme demos are loaded after the presentation which leads to flicker. In production you should load your theme in the <code>&lt;head&gt;</code> using a <code>&lt;link&gt;</code>.
+						</small>
+					</p>
+				</section>
+
+				<section>
+					<h2>Global State</h2>
+					<p>
+						Set <code>data-state="something"</code> on a slide and <code>"something"</code>
+						will be added as a class to the document element when the slide is open. This lets you
+						apply broader style changes, like switching the background.
+					</p>
+				</section>
+
+				<section data-state="customevent">
+					<h2>Custom Events</h2>
+					<p>
+						Additionally custom events can be triggered on a per slide basis by binding to the <code>data-state</code> name.
+					</p>
+					<pre><code data-trim contenteditable style="font-size: 18px; margin-top: 20px;">
+Reveal.addEventListener( 'customevent', function() {
+	console.log( '"customevent" has fired' );
+} );
+					</code></pre>
+				</section>
+
+				<section>
+					<section data-background="#007777">
+						<h2>Slide Backgrounds</h2>
+						<p>
+							Set <code>data-background="#007777"</code> on a slide to change the full page background to the given color. All CSS color formats are supported.
+						</p>
+						<a href="#" class="image navigate-down">
+							<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
+						</a>
+					</section>
+					<section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png">
+						<h2>Image Backgrounds</h2>
+						<pre><code>&lt;section data-background="image.png"&gt;</code></pre>
+					</section>
+					<section data-background="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" data-background-repeat="repeat" data-background-size="100px">
+						<h2>Repeated Image Backgrounds</h2>
+						<pre><code style="word-wrap: break-word;">&lt;section data-background="image.png" data-background-repeat="repeat" data-background-size="100px"&gt;</code></pre>
+					</section>
+				</section>
+
+				<section data-transition="linear" data-background="#4d7e65" data-background-transition="slide">
+					<h2>Background Transitions</h2>
+					<p>
+						Pass reveal.js the <code>backgroundTransition: 'slide'</code> config argument to make backgrounds slide rather than fade.
+					</p>
+				</section>
+
+				<section data-transition="linear" data-background="#8c4738" data-background-transition="slide">
+					<h2>Background Transition Override</h2>
+					<p>
+						You can override background transitions per slide by using <code>data-background-transition="slide"</code>.
+					</p>
+				</section>
+
+				<section>
+					<h2>Clever Quotes</h2>
+					<p>
+						These guys come in two forms, inline: <q cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations">
+						&ldquo;The nice thing about standards is that there are so many to choose from&rdquo;</q> and block:
+					</p>
+					<blockquote cite="http://searchservervirtualization.techtarget.com/definition/Our-Favorite-Technology-Quotations">
+						&ldquo;For years there has been a theory that millions of monkeys typing at random on millions of typewriters would
+						reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue.&rdquo;
+					</blockquote>
+				</section>
+
+				<section>
+					<h2>Pretty Code</h2>
+					<pre><code data-trim contenteditable>
+function linkify( selector ) {
+  if( supports3DTransforms ) {
+
+    var nodes = document.querySelectorAll( selector );
+
+    for( var i = 0, len = nodes.length; i &lt; len; i++ ) {
+      var node = nodes[i];
+
+      if( !node.className ) {
+        node.className += ' roll';
+      }
+    }
+  }
+}
+					</code></pre>
+					<p>Courtesy of <a href="http://softwaremaniacs.org/soft/highlight/en/description/">highlight.js</a>.</p>
+				</section>
+
+				<section>
+					<h2>Intergalactic Interconnections</h2>
+					<p>
+						You can link between slides internally,
+						<a href="#/2/3">like this</a>.
+					</p>
+				</section>
+
+				<section>
+					<section>
+						<h2>Fragmented Views</h2>
+						<p>Hit the next arrow...</p>
+						<p class="fragment">... to step through ...</p>
+						<ol>
+							<li class="fragment"><code>any type</code></li>
+							<li class="fragment"><em>of view</em></li>
+							<li class="fragment"><strong>fragments</strong></li>
+						</ol>
+
+						<aside class="notes">
+							This slide has fragments which are also stepped through in the notes window.
+						</aside>
+					</section>
+					<section>
+						<h2>Fragment Styles</h2>
+						<p>There's a few styles of fragments, like:</p>
+						<p class="fragment grow">grow</p>
+						<p class="fragment shrink">shrink</p>
+						<p class="fragment roll-in">roll-in</p>
+						<p class="fragment fade-out">fade-out</p>
+						<p class="fragment highlight-red">highlight-red</p>
+						<p class="fragment highlight-green">highlight-green</p>
+						<p class="fragment highlight-blue">highlight-blue</p>
+					</section>
+				</section>
+
+				<section>
+					<h2>Spectacular image!</h2>
+					<a class="image" href="http://lab.hakim.se/meny/" target="_blank">
+						<img width="320" height="299" src="http://s3.amazonaws.com/hakim-static/portfolio/images/meny.png" alt="Meny">
+					</a>
+				</section>
+
+				<section>
+					<h2>Export to PDF</h2>
+					<p>Presentations can be <a href="https://github.com/hakimel/reveal.js#pdf-export">exported to PDF</a>, below is an example that's been uploaded to SlideShare.</p>
+					<iframe id="slideshare" src="http://www.slideshare.net/slideshow/embed_code/13872948" width="455" height="356" style="margin:0;overflow:hidden;border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px" allowfullscreen> </iframe>
+					<script>
+						document.getElementById('slideshare').attributeName = 'allowfullscreen';
+					</script>
+				</section>
+
+				<section>
+					<h2>Take a Moment</h2>
+					<p>
+						Press b or period on your keyboard to enter the 'paused' mode. This mode is helpful when you want to take distracting slides off the screen
+						during a presentation.
+					</p>
+				</section>
+
+				<section>
+					<h2>Stellar Links</h2>
+					<ul>
+						<li><a href="http://slid.es">Try the online editor</a></li>
+						<li><a href="https://github.com/hakimel/reveal.js">Source code on GitHub</a></li>
+						<li><a href="http://twitter.com/hakimel">Follow me on Twitter</a></li>
+					</ul>
+				</section>
+
+				<section>
+					<h1>THE END</h1>
+					<h3>BY Hakim El Hattab / hakim.se</h3>
+				</section>
+
+			</div>
+
+		</div>
+
+		<script src="lib/js/head.min.js"></script>
+		<script src="js/reveal.min.js"></script>
+
+		<script>
+
+			// Full list of configuration options available here:
+			// https://github.com/hakimel/reveal.js#configuration
+			Reveal.initialize({
+				controls: true,
+				progress: true,
+				history: true,
+				center: true,
+
+				theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
+				transition: Reveal.getQueryHash().transition || 'default', // default/cube/page/concave/zoom/linear/fade/none
+
+				// Optional libraries used to extend on reveal.js
+				dependencies: [
+					{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
+					{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+					{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
+					{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
+					{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
+					{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
+				]
+			});
+
+		</script>
+
+	</body>
+</html>

js/reveal.min.js

@@ -1,5 +1,5 @@
 /*!
- * reveal.js 2.6.0-dev (2013-08-24, 15:09)
+ * reveal.js 2.6.0-dev (2013-08-26, 18:05)
  * http://lab.hakim.se/reveal-js
  * MIT licensed
  *

package.json

@@ -32,7 +32,7 @@
     "grunt-contrib-cssmin": "~0.4.1",
     "grunt-contrib-uglify": "~0.1.1",
     "grunt-contrib-watch": "~0.2.0",
-    "grunt-contrib-sass": "~0.2.2",
+    "grunt-contrib-sass": "~0.5.0",
     "grunt-contrib-connect": "~0.2.0",
     "grunt-zip": "~0.7.0",
     "grunt": "~0.4.0"

plugin/markdown/markdown.js

@@ -0,0 +1,326 @@
+				<!-- BLOCK/THEME CODE SLIDE -->
+
+				<section>
+				        <section>
+					        <h2></h2>
+					        <ul>
+					          <li>
+    					            <code class="codeblock">
+    					            <br />
+    					            &nbsp;&nbsp;<br />
+    					            &nbsp;&nbsp;<br />
+    					            &nbsp;&nbsp;<br />
+    					            &nbsp;&nbsp;&nbsp;&nbsp;<br />
+    					            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
+    					            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
+    					            &nbsp;&nbsp;&nbsp;&nbsp;<br />
+    					            &nbsp;&nbsp;<br />
+    					            }
+    					            </code>
+					          </li>
+					          <li></li>
+					        </ul>
+				        </section>
+				</section>
+				
+				
+				
+				<!-- ILLUSTRATION SLIDE -->
+				
+				<section>
+				        <section>
+						<h2></h2>
+					        <div class="illustration"><img src="images/.png" alt="Drupal"></div>
+				        </section>
+				</section>
+				
+				
+				<!-- -AB SLIDE -->
+
+				<section>
+				        <section>
+					        <h2></h2>
+					  <code class="left ab">
+					  <table>
+					    <tr>
+					      <td>Concurrency Level:</td>
+					      <td>10</td>
+					    </tr>
+					    <tr>
+					      <td>Time taken for tests:</td>
+					      <td>xxx seconds</td>
+					    </tr>
+					    <tr>
+					      <td>Complete requests:</td>
+					      <td>10000</td>
+					    </tr>
+					    <tr>
+					      <td>Total transferred:</td>
+					      <td>xxx bytes</td>
+					    </tr>
+					    <tr>
+					      <td>HTML transferred:</td>
+					      <td>xxx bytes</td>
+					    </tr>
+					    <tr class="high">
+					      <td>Requests per second:</td>
+					      <td>xxx [#/sec] (mean)</td>
+					    </tr>
+					    <tr class="high">
+					      <td>Time per request:</td>
+					      <td>xxx [ms] (mean)</td>
+					    </tr>
+					    <tr class="high">
+					      <td>Time per request:</td>
+					      <td>xxx [ms] (mean, across all concurrent requests)</td>
+					    </tr>
+					    <tr>
+					      <td>Transfer rate:</td>
+					      <td>xxx [Kbytes/sec] received</td>
+					    </tr>
+					    </tr>
+					  </table>
+					  
+					  <table>
+					    <tr>
+					      <td colspan="2">Connection Times (ms)</td>
+					    </tr>
+					    <tr>
+					      <td>&nbsp;</td>
+					      <td>min&nbsp;</td>
+					      <td>mean&nbsp;</td>
+					      <td>[+/-sd]&nbsp;</td>
+					      <td>median&nbsp;</td>
+					      <td>max&nbsp;</td>
+					    </tr>
+					    <tr>
+					      <td>Connect:</td>
+					      <td>0</td>
+					      <td>0</td>
+					      <td>0</td>
+					      <td>0</td>
+					      <td></td>
+					    </tr>
+					    <tr>
+					      <td>Processing:</td>
+					      <td></td>
+					      <td></td>
+					      <td></td>
+					      <td></td>
+					      <td></td>
+					    </tr>
+					    <tr>
+					      <td>Waiting:</td>
+					      <td></td>
+					      <td></td>
+					      <td></td>
+					      <td></td>
+					      <td></td>
+					    </tr>
+					    <tr>
+					      <td>Total:</td>
+					      <td></td>
+					      <td></td>
+					      <td></td>
+					      <td></td>
+					      <td></td>
+					    </tr>
+					  </table>
+					  </code>
+				        </section>
+				</section>
+				
+				
+				<!-- CHAPTER SLIDE -->
+				
+				<section>
+					<h1 class="chapter">Drupal </h1>
+					<p class="release-date"> (12 months later)</p>
+				</section>
+				
+				
+				<!-- AND ELSEWHERE SLIDE -->
+
+				<section>
+				        <section>
+					        <h2></h2>
+					        <p class="release-date"> ( months later)</p>
+					        <ul>
+					          <li></li>
+					          <li></li>
+					          <li>
+					            <ul>
+					              <li></li>
+					              <li></li>
+					            </ul>
+					          </li>
+					          <li>And elsewhere...
+					            <table class="new">
+					              <tr>
+					                <td></td>
+					              </tr>
+					            </table>
+					            <table class="new">
+					              <tr>
+					                <th rowspan="">Newborns</td>
+					                <td></td>
+					              </tr>
+					              <tr>
+					                <td></td>
+					              </tr>
+					              <tr>
+					                <td></td>
+					              </tr>
+					            </table>
+					            <table class="new">
+					              <tr>
+					                <th rowspan="">Changes</td>
+					                <td></td>
+					              </tr>
+					              <tr>
+					                <td></td>
+					              </tr>
+					              <tr>
+					                <td></td>
+					              </tr>
+					            </table>
+					          </li>
+					        </ul>
+				        </section>
+				        <section>
+					        <h3></h3>
+					        <ul>
+					          <li>And elsewhere...
+					            <table class="new">
+					              <tr>
+					                <td></td>
+					              </tr>
+					            </table>
+					            <table class="new">
+					              <tr>
+					                <th rowspan="">Newborns</td>
+					                <td></td>
+					              </tr>
+					              <tr>
+					                <td></td>
+					              </tr>
+					              <tr>
+					                <td></td>
+					              </tr>
+					            </table>
+					            <table class="new">
+					              <tr>
+					                <th rowspan="">Changes</td>
+					                <td></td>
+					              </tr>
+					              <tr>
+					                <td></td>
+					              </tr>
+					              <tr>
+					                <td></td>
+					              </tr>
+					            </table>
+					          </li>
+					        </ul>
+				        </section>
+				</section>
+				
+				
+				
+				<!-- DEFAULT SLIDE -->
+				
+				<section>
+				        <section>
+					        <h2></h2>
+					        <ul>
+					          <li></li>
+					          <li></li>
+					          <li>
+					            <ul>
+					              <li></li>
+					              <li></li>
+					              <li></li>
+					            </ul>
+					          </li>
+					          <li></li>
+					        </ul>
+				        </section>
+				        <section>
+					        <h3></h3>
+				        </section>
+				        <section>
+					        <h3></h3>
+				        </section>
+				</section>
+
+				<section>
+				        <section>
+					        <h2></h2>
+					        <ul>
+					          <li></li>
+					          <li></li>
+					          <li>
+					            <ul>
+					              <li></li>
+					              <li></li>
+					              <li></li>
+					            </ul>
+					          </li>
+					          <li></li>
+					        </ul>
+				        </section>
+				        <section>
+					        <h3></h3>
+				        </section>
+				        <section>
+					        <h3></h3>
+				        </section>
+				</section>
+
+				<section>
+				        <section>
+					        <h2></h2>
+					        <ul>
+					          <li></li>
+					          <li></li>
+					          <li>
+					            <ul>
+					              <li></li>
+					              <li></li>
+					              <li></li>
+					            </ul>
+					          </li>
+					          <li></li>
+					        </ul>
+				        </section>
+				        <section>
+					        <h3></h3>
+				        </section>
+				        <section>
+					        <h3></h3>
+				        </section>
+				</section>
+
+				<section>
+				        <section>
+					        <h2></h2>
+					        <ul>
+					          <li></li>
+					          <li></li>
+					          <li>
+					            <ul>
+					              <li></li>
+					              <li></li>
+					              <li></li>
+					            </ul>
+					          </li>
+					          <li></li>
+					        </ul>
+				        </section>
+				        <section>
+					        <h3></h3>
+				        </section>
+				        <section>
+					        <h3></h3>
+				        </section>
+				</section>