Les slides de DGTD novembre 2013

.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>
+

00-introduction.html

@@ -0,0 +1,243 @@
+<!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/osi.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>
+					<img src="osinet.png"  class="cover-img" style="height: 150px;" />
+					<div class="cover-osi">
+					<h1>Drupal Global<br>Training Day</h1>
+					<p>15 novembre 2013</p>
+					</div>
+				</section>
+				
+				<section>
+				        <section>
+						<h2>Événement mondial</h2>
+					        <div class="illustration"><img src="images/dgtd-map.jpg" alt="Drupal"></div>
+					        <a href="https://drupal.org/learn-drupal">https://drupal.org/learn-drupal</a>
+				        </section>
+				</section>
+				
+				<section>					
+					<h2 class="people" style="text-align: center; margin-bottom: 0.8em;">L'équipe <span style="text-transform: none;">OSInet</span></h2>
+					
+					<table class="people">
+					  <tr class="blue">
+					    <td>Frédéric G. Marand</td>
+					    <td class="td-middle">Outi Munter</td>
+					    <td>Brigitte Taieb</td>
+					  </tr>
+					  <tr>
+					    <td><img src="images/fgm-dublin.jpg"  class="cover-img"></td>
+					    <td class="td-middle"><img src="images/outi-2.jpg"  class="cover-img"></td>
+					    <td><img src="images/brigitte.jpg"  class="cover-img"></td>
+					  </tr>
+					  <tr style="font-size: 0.78em; opacity: 0.8;">
+					    <td>Cofondateur et gérant, spécialiste en programmation système et réseau</td>
+					    <td class="td-middle">Chef de projet, graphiste et thémeuse</td>
+					    <td>Directrice commerciale</td>
+					  </tr>
+					</table>
+					
+					<p style="text-align: center;"><a href="http://www.osinet.fr" style="font-size: 1.05em; margin-left: 0;">www.osinet.fr</a></p>
+					
+				</section>
+				
+				<section>
+				  <section>
+				    <h2>Plan de 14 h à 18 h</h2>
+				    <div class="programme">
+				      <p class="blue">Tour de table</p>
+				      <p>Drupal, quoi ?</p>
+				      <p>Drupal, pourquoi ?</p>
+				      <p><em class="blue">Pause</em></p>
+				      <p>Drupal, qui fait quoi ?</p>
+				      <p>Drupal, et après ?</p>
+				    </div>
+				    <p class="orange">Ne gardez pas en vous les petites (ou grandes) questions. <br />Posez-les à tout moment !</p>
+				    <p class="orange">Les présentations sont visualisables sur notre site après la session.</p>
+				  </section>
+				</section>
+				
+				
+				        <section>
+						<h2>Nos références</h2>
+						<h4>Média</h4>
+						<table>
+						  <tr>
+						    <td><div class="illustration reference"><img src="images/ref-11G-figaro-premium2-cercle.jpg" alt="Drupal"></div></td>
+						    <td><div class="illustration reference"><img src="images/ref-11G-figaro-premium2.jpg" alt="Drupal"></div></td>
+						    <td><div class="illustration reference"><img src="images/ref-10L-madame-figaro.jpg" alt="Drupal"></div></td>
+						    <td><div class="illustration reference"><img src="images/ref-12A-jours-de-france.jpg" alt="Drupal"></div></td>
+						  </tr>
+						  <tr>
+						    <td class="reference">Figaro Premium</td>
+						    <td class="reference">Figaro Premium</td>
+						    <td class="reference">Madame Figaro</td>
+						    <td class="reference">Jours de France</td>
+						  </tr>
+					        </table>
+				        </section>
+				        <section>
+						<h4>Média</h4>
+						<table>
+						  <tr>
+						    <td><div class="illustration reference"><img src="images/ref-11C-franceinter.jpg" alt="Drupal"></div></td>
+						    <td><div class="illustration reference"><img src="images/ref-11I-franceinfo.jpg" alt="Drupal"></div></td>
+						    <td><div class="illustration reference"><img src="images/ref-10H-franceculture.jpg" alt="Drupal"></div></td>
+						  </tr>
+						  <tr>
+						    <td class="reference">France Inter</td>
+						    <td class="reference">France Info</td>
+						    <td class="reference">France Culture</td>
+						  </tr>
+					        </table>
+				        </section>
+				        <section>
+						<h4>Administration</h4>
+						<table>
+						  <tr>
+						    <td><div class="illustration reference"><img src="images/ref-09A-culture-50.jpg" alt="Drupal"></div></td>
+						    <td><div class="illustration reference"><img src="images/ref-09E-etats-generaux-outremer.jpg" alt="Drupal"></div></td>
+						    <td><div class="illustration reference"><img src="images/ref-12I-rendezvous-en-france-3.jpg" alt="Drupal"></div></td>
+						  </tr>
+						  <tr>
+						    <td class="reference">Ministère de la culture</td>
+						    <td class="reference">États généraux d'Outre-Mer</td>
+						    <td class="reference">Atout France</td>
+						  </tr>
+					        </table>
+				        </section>
+				        <section>
+						<h4>Autre</h4>
+						<table>
+						  <tr>
+						    <td><div class="illustration reference"><img src="images/ref-13C-sru-front-page.jpg" alt="Drupal"></div></td>
+						    <td><div class="illustration reference"><img src="images/ref-11-petzl.jpg" alt="Drupal"></div></td>
+						    <td><div class="illustration reference"><img src="images/ref-10-newspack.jpg" alt="Drupal"></div></td>
+						  </tr>
+						  <tr>
+						    <td class="reference">SRU</td>
+						    <td class="reference">Petzl</td>
+						    <td class="reference">Newspack</td>
+						  </tr>
+					        </table>
+				        </section>
+				        <section>
+						<h4>Autre</h4>
+						<table>
+						  <tr>
+						    <td><div class="illustration reference"><img src="images/ref-10-globekid.jpg" alt="Drupal"></div></td>
+						    <td><div class="illustration reference"><img src="images/ref-08L-kalix.jpg" alt="Drupal"></div></td>
+						    <td><div class="illustration reference"><img src="images/ref-08L-cuisine.fairemonchoix.com.jpg" alt="Drupal"></div></td>
+						  </tr>
+						  <tr>
+						    <td class="reference">Globe Kid</td>
+						    <td class="reference">Kalix</td>
+						    <td class="reference">Faire mon choix</td>
+						  </tr>
+					        </table>
+				        </section>
+				        <section>
+						<h4>Autre</h4>
+						<table>
+						  <tr>
+						    <td><div class="illustration reference"><img src="images/ref-08H-spectroscopy.jpg" alt="Drupal"></div></td>
+						    <td><div class="illustration reference"><img src="images/ref-08J-internews-media-awards.jpg" alt="Drupal"></div></td>
+						    <td><div class="illustration reference"><img src="images/ref-08-39jda.jpg" alt="Drupal"></div></td>
+						    <td><div class="illustration reference"><img src="images/ref-08H-aup.jpg" alt="Drupal"></div></td>
+						  </tr>
+						  <tr>
+						    <td class="reference">Wiley</td>
+						    <td class="reference">Internews</td>
+						    <td class="reference">CNRS</td>
+						    <td class="reference">American University Paris</td>
+						  </tr>
+					        </table>
+				        </section>
+				
+				<section>
+					<img src="osinet.png"  class="cover-img" style="height: 150px;" />
+					<div class="cover-osi">
+					<h3>Merci !</h3>
+					<img src="images/druplicon-glow.png" class="cover-img" style="height: 200px;" />
+					</div>
+				</section>
+				
+								
+				<!-- ################################### END LATEST SLIDE ################################### -->
+				
+				
+
+			</div>
+				
+			<div class="footer"><img src="osinet.png" alt="logo" class="logo" height="70"><span class="footnote">Introduction / DGTD / © 2013 OSInet / Licence CC-BY-SA 2.0 France</span></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: false,
+
+				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>

01-drupal-quoi.html

@@ -0,0 +1,333 @@
+<!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/osi.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>
+					<img src="osinet.png"  class="cover-img" style="height: 150px;" />
+					<div class="cover-osi">
+					<h1>Drupal,<br>qu'est-ce que c'est ?</h1>
+					<p></p>
+					</div>
+				</section>
+				
+				<section>
+				        <section>
+					  <h2>Un CMS</h2>
+					  <p class="left">CMS = Content management system, système de gestion de contenu</p>
+					  <ul class="left">
+					    <li>Un logiciel qui permet de construire des sites web dynamiques</li>
+					    <li>Répond aux problématiques des sites statiques ou développés &laquo; from scratch&nbsp;&raquo;&nbsp;:
+					      <ul>
+						<li>Comment gérer</li>
+						<li>Comment maintenir</li>
+						<li>Comment évoluer</li>
+					      </ul>
+					    </li>
+					    <li>Questions de performance</li>
+					  </ul>
+				        </section>
+				        <section>
+				          <h3>Un CMS</h3>
+				          <p class="left">Créer plus vite, moins cher, plus riche : tout est déjà là</p>
+					  <ul class="left">
+						<li>Les fonctionnalités courantes des sites web actuels ou la possibilité d'en créer ou intégrer rapidement</li>
+						<li>Une interface de configuration et d'administration accessible par navigateur web</li>
+						<li>La séparation des opérations de gestion de la forme et du contenu (travail en parallèle design, thème, code, intégration)</li>
+						<li>La possibilité de structurer le contenu et les relations entre contenus</li>
+						<li>La gestion des utilisateurs et de leurs rôles et de leurs relations entre eux</li>
+					  </ul>
+				        </section>
+				</section>
+
+				<section>
+				        <section>
+					  <h2>Open Source</h2>
+				          <h4 class="left" style="margin-top: 1.2em;">Une nouvelle forme de marché et d'économie</h4>
+					        <ul class="left">
+					          <li>Le marché en France 2,5 milliards d'euros (« Panorama de l'open source en France », le Conseil National du Logiciel Libre)</li>
+					          <li>Désormais au même rang que les solutions propriétaires dans le paysage des logiciels du secteur public (selon le <a href="http://blog.administrationnumerique.markess.com/2012/05/8501/">Blog d'Administration Numérique</a>)</li>
+					          <li>Bénéfices de la contribution</li>
+					        </ul>
+				        </section>
+				        <section>
+					  <h3>Open source</h3>
+				          <h4 class="left" style="margin-top: 1.2em;">L'indépendance technologique</h4>
+					    <ul class="left">
+					          <li>Libre : les fonctionnalités ne peuvent pas être imposées par un propriétaire de logiciel </li>
+						  <li>Drupal : le projet  n’appartient pas à une entreprise en particulier</li>
+						  <li>Liberté de choisir ou de changer de prestataire</li>
+					    </ul>
+				          <p class="left">Possibilité d'étudier le code source pour localiser d'éventuels problèmes de sécurité</p>
+				        </section>
+				        <section>
+					  <h3>Open source</h3>
+				          <h4 class="left" style="margin-top: 1.2em;">Les droits d'auteur</h4>
+				          <p class="left">Les droits d'auteur d'un logiciel open source sont définis par la licence</p>
+					    <ul class="left">
+						  <li>Logiciel libre (free software) : souligne les aspects éthiques du développement libre et gratuit</li>
+						  <li>Open source : souligne les avantages qualitatifs et économiques de la liberté d'accès et des modifications aux sources
+						    <ul>
+						      <li>L'Open Source Initiative valide les licences qui respectent ces libertés</li>
+						    </ul>
+						  </li>
+						  <li>Ne pas confondre avec le domaine public :
+						    <ul>
+						      <li>Libre et Open Source reposent sur l'existence du copyright</li>
+						      <li>Les risques du domaine public</li>
+						      <li>Les limitations du domaine public en droit français</li>
+						    </ul>
+						  </li>
+					          <li>Drupal : General Public licence versions 2 et suivantes (GPL)</li>
+				             </ul>
+				        </section>
+				</section>
+				
+				<section>
+				        <section>
+					  <h2>Modules et thèmes contrib</h2>
+					    <ul>
+					      <li>Au téléchargement de Drupal, on se procure des modules et thèmes <b>cœur = <em>core</em></b></li>
+					      <li>On peut compléter le cœur par des modules et thèmes créés par la <b>communauté = <em>contrib</em></b>
+					        <ul>
+						  <li>Communauté : entre autres, ceux qui développent en Drupal et mettent leur travail à la disposition des autres</li>
+						</ul>
+					      </li>
+					      <li>On peut développer des modules et des thèmes <b>personnalisés = <em>custom</em></b>
+						<ul>
+						  <li>Ces modules et thèmes peuvent être mis à la disposition de la communauté</li>
+						</ul>
+					      </li>
+					    </ul>
+				        </section>
+				        
+				        <section>
+				          <h3>Modules et thèmes contrib</h3>       
+					    <ul>
+					      <li>Les modules et les thèmes peuvent être téléchargés à partir de <a href="https://drupal.org/project/project_module">drupal.org</a> et gérés à partir de l'interface du site</li>
+					      <li>Une discipline stricte de documentation et un système automatisé de tests unitaires et fonctionnels permettent de contrôler la qualité des modules communautaires</li>
+					    </ul>
+				        </section>
+				        
+				        <section>
+				          <h3>Modules et thèmes contrib</h3>
+				          <h4 class="left" style="margin-top: 1.2em;">Distribution</h4>
+				          <p class="left">Façon plus simple de se procurer un site avec des fonctionnalités nécessaires</p>
+				          <ul class="left">
+						<li>Un seul package</li>
+						<li>Tous les modules nécessaires</li>
+						<li>Tous les thèmes nécessaires</li>
+						<li>Un profil d'installation</li>
+						<li>Des outils complémentaires</li>
+						<li>Des &laquo; features &raquo; de configuration</li>
+				          </ul>
+				          <p class="left">En bref : du prêt à l'emploi</p>
+				        </section>
+				</section>
+				
+				<section>
+				        <section>
+					  <h2>L'interface de configuration</h2>
+				          <p class="left">Permet de configurer le site : déterminer les préférences, télécharger et activer des modules et des thèmes, ajouter des langues...</p>
+				          <p class="left">Apparaît différemment à différents utilisateurs, selon les configurations personnalisées :</p>
+					    <ul class="left">
+					          <li><b>Sitebuilder</b> peut construire et configurer le site : types de contenu, formats, listes de contenu (vues), blocs</li>
+					          <li><b>Administrateur</b> peut faire des opérations d'administration : classification (taxinomie), menus, sécurité, utilisateurs  
+					          (rôles, permissions), SEO, définition de Workflow
+					            <ul>
+					              <li>Frontière mouvantes entre builder et admin</li>
+					            </ul>
+					          </li>
+					          <li><b>Rédacteur</b> peut créer des contenus, mettre en avant des articles choisis, ajouter des images, changer la classification etc.
+					            <ul>
+					              <li>Utilisation de workflow et séparation des droits</li>
+					            </ul>
+					          </li>
+					    </ul>
+				        </section>
+				</section>
+				
+				<section>
+				        <section>
+					  <h2>Sources</h2>
+				          <p class="left">Au téléchargement de Drupal, on se procure tous les fichiers sources dans lesquelles développeur peut créer les fonctions manquantes</p>
+					    <ul class="left">
+						  <li>Back : +PHP, +JS, -HTML, -CSS</li>
+						  <li>Front : -PHP, -JS, +HTML, +CSS</li>
+					    </ul>
+				        </section>
+				</section>
+				
+				<section>
+				        <section>
+				          <h2>Développement des thèmes</h2>
+				          <h4 class="left" style="margin-top: 1.2em;">Choix de thème</h4>
+					    <ul class="left">
+						  <li>Thèmes contrib : choisir un thème et y apporter éventuellement de légères modifications par un sous-thème
+						    <ul>
+						      <li><a hfref="http://d-theme.com/">d-themes</a></li>
+						      <li>Boutiques de thèmes</li>
+						    </ul>
+						  </li>
+						  <li>Thèmes de base (contrib) : créer un sous-thème à partir d'un thème de base</li>
+						  <li>Création de thème à partir de rien (&laquo; from scratch &raquo;)</li>
+					    </ul>
+				        </section>
+				        
+				        <section>
+				          <h3>Développement des thèmes</h3>
+					    <ul>
+					      <li>Ne jamais modifier des thèmes développés par des autres
+						<ul>
+						  <li>Les mises à jour sont impossibles si le thème contrib a été modifié</li>
+						  <li>Pour modifier un thème, créer un sous-thème</li>
+						</ul>
+					      </li>
+					      <li>Développement sur Drupal se fait en modifiant des fichiers avec un éditeur de texte/IDE</li>
+					      <li>CSS, HTML (PHP, Javascript/jQuery...)</li>
+					    </ul>
+				        </section>
+				</section>
+				
+				<section>
+				        <section>
+				          <h2>Développement des modules</h2>
+				          <h4 class="left" style="margin-top: 1.2em;">Module contrib ou module custom ?</h4>
+					    <ul class="left">
+						  <li>Si un module contrib déjà existant couvre plus de 80 % du besoin, vérifier son niveau de maintenance
+						    <ul>
+						      <li>Versions stables</li>
+						      <li>Versions dev, alpha, beta, rc, unstable</li>
+						    </ul>
+						  </li>
+						  <li>Si un module contrib déjà existant couvre moins
+						    <ul>
+						      <li>Vérifier si le besoin de plus haut niveau ne serait pas mieux servi par ce qui existe</li>
+						      <li>Créer un module custom</li>
+						    </ul>
+						  </li>
+					    </ul>
+				        </section>
+				        <section>
+				          <h3>Développement des modules</h3>
+				          <ul>
+				            <li>Ne jamais modifier des modules développés par des autres
+					      <ul>
+					        <li>Si besoin de changer le fonctionnement du module contib ou core, créer un module personnalisé</li>
+					        <li>Drupal permet de modifier presque tout sans changer le code existant</li>
+					      </ul>
+				            </li>
+				            <li>PHP (JS, HTML, CSS)</li>
+				          </ul>
+				        </section>
+				</section>
+				
+				<section>
+					<img src="osinet.png"  class="cover-img" style="height: 150px;" />
+					<div class="cover-osi">
+					<h3>Merci !</h3>
+					<img src="images/druplicon-glow.png" class="cover-img" style="height: 200px;" />
+					</div>
+				</section>
+				
+				<section>					
+					<h2 class="people" style="text-align: center; margin-bottom: 0.8em;">L'équipe OSInet</h2>
+					
+					<table class="people">
+					  <tr class="blue">
+					    <td>Frédéric G. Marand</td>
+					    <td class="td-middle">Outi Munter</td>
+					    <td>Brigitte Taïeb</td>
+					  </tr>
+					  <tr>
+					    <td><img src="images/fgm-dublin.jpg"  class="cover-img"></td>
+					    <td class="td-middle"><img src="images/outi-2.jpg"  class="cover-img"></td>
+					    <td><img src="images/brigitte.jpg"  class="cover-img"></td>
+					  </tr>
+					  <tr style="font-size: 0.78em; opacity: 0.8;">
+					    <td>Cofondateur et gérant – et spécialiste en programmation système et réseau</td>
+					    <td class="td-middle">Chef de projet, graphiste et thémeuse</td>
+					    <td>Directrice commerciale</td>
+					  </tr>
+					</table>
+					
+					<p style="text-align: center;"><a href="http://www.osinet.fr" style="font-size: 1.05em; margin-left: 0;">www.osinet.fr</a></p>
+					
+				</section>
+				
+								
+				<!-- ################################### END LATEST SLIDE ################################### -->
+				
+				
+
+			</div>
+				
+			<div class="footer"><img src="osinet.png" alt="logo" class="logo" height="70"><span class="footnote">Drupal, qu'est-ce que c'est ? / DGTD / © 2013 OSInet / Licence CC-BY-SA 2.0 France</span></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: false,
+
+				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>

02-pourquoi-changer.html

@@ -0,0 +1,324 @@
+<!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/osi.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>
+					<img src="osinet.png"  class="cover-img" style="height: 150px;" />
+					<div class="cover-osi">
+					<h1>Drupal, pourquoi ?</h1>
+					<p></p>
+					</div>
+				</section>
+				
+				<section>
+				  <section>
+				    <h2>Je n'ai pas de site</h2>
+				    <p class="left">Un site avec un CMS est plus rapide à construire qu'un site statique</p>
+				    <ul class="left">
+					  <li>Permet d'expérimenter dans un budget limité</li>
+					  <li>Time to market</li>
+				    </ul>
+				    <p class="left">Un CMS permet de mettre en place une plateforme de test pour mieux s'assurer que le site répond aux attentes</p>
+				    <ul class="left">
+					  <li>Développement rapide sans code</li>
+					  <li>Nourrir la réflexion par les données factuelles</li>
+					    <ul>
+					      <li>Analytics</li>
+					      <li>A/B Testing</li>
+					    </ul>
+   					  </li>
+				    </ul>
+				  </section>
+				</section>
+
+				<section>
+				  <section>
+				    <h2>Mes sites sont statiques</h2>
+				    <p class="left">Un site dynamique permet d'augmenter l'engagement</p>
+				    <ul class="left">
+				      <li>Interne : rédacteurs</li>
+				      <li>Externe : contributions
+				      	<ul>
+					  <li>Commentaires</li>
+					  <li>Feedback</li>
+					  <li>Sondages</li>
+					  <li>Enquêtes</li>
+					  <li>Quiz</li>
+					</ul>
+			              </li>
+				    </ul>
+				  </section>
+				</section>
+
+				<section>
+				  <section>
+				    <h2>Mes sites sont en code maison</h2>
+				    <p class="left">En travaillant sur un code maison, souvent la richesse de l'UI souffre</p>
+				    <ul class="left">
+					  <li>Le gros du budget passe sur le fonctionnement</li>
+					  <li>Difficile de justifier le temps nécessaire sur le confort d'admin</li>
+					  <li>Difficile de justifier le temps nécessaire sur l'esthétique</li>
+					  <li>Difficile de justifier le temps nécessaire sur les fonctions secondaires</li>
+				    </ul>
+				    <p class="left">La qualité globale n'est pas assurée</p>
+				    <ul class="left">
+					  <li>Pas validée de l'extérieur</li>
+					  <li>Une équipe sécurité en interne, vraiment ?</li>
+					  <li>Tests unitaires et fonctionnels sont souvent négligés</li>
+				    </ul>
+				  </section>  
+				  
+				  <section>
+				    <h3>Mes sites sont en code maison</h3>
+				    <h4 class="left">Contraintes de maintenance</h4>
+				    <ul class="left">
+					  <li>La création et la tenue à jour de la documentation</li>
+					  <li>Maîtrise de la technique utilisée (Langage courant ou exotique ? Base de données courante ou exotique ?)
+					    <ul>
+					      <li>Lock-in</li>
+					    </ul>
+					  </li>
+					  <li>Maintenir du code Web est-il mon cœur de métier ?
+					    <ul>
+					      <li>Un CMS permet d'éviter de travailler sur ce qui a déjà été créé ailleurs</li>
+					    </ul>
+					  </li>
+					  <li>Quels prestataires pour une TMA ? À quels coûts ?
+					    <ul>
+					      <li>Un CMS permet aux intervenants extérieurs de travailler dans un environnement connu et maîtrisé</li>
+					    </ul>
+					  </li>
+				    </ul>
+				  </section>
+				</section>
+
+				<section>
+				  <section>
+				    <h2>Mes sites sont sur un framework PHP</h2>
+				    <p class="left">Bien ! Questions à se poser :</p>
+				    <ul class="left">
+				      <li>Le framework est-il actuel ? (Symfony 2, Zend Framework 2)</li>
+				      <li>Le framework est-il largement utilisé ? (Kohana, CakePHP, YII, CodeIgniter, Laravel...)</li>
+				      <li>Quelle est son étendue fonctionnelle ? La simplicité du back office ?</li>
+				      <li>La qualité du code custom et la couverture de tests ?</li>
+				      <li>Gestion de cycle de vie
+					    <ul>
+					      <li>Framework, bundles (modules, librairies...), suivi centralisé des mises à jour, gestion de la sécurité ?</li>
+					    </ul>
+				      </li>			      
+				    </ul>
+				  </section>
+				</section>
+
+				<section>
+				  <section>
+				    <h2>Mes sites sont sur un framework ou CMS non PHP</h2>
+				    <h4 class="left" style="margin-top: 1.2em;"></h4>
+				    <h4 class="left" style="margin-top: 1.2em;">Java, Ruby, .NET</h4>
+				    <ul class="left">
+					  <li>Taux journalier de la TMA ?</li>
+					  <li>Coûts de licence ?</li>
+					  <li>Temps de livraison des évolutions ?</li>
+				     </ul>
+				    <h4 class="left">Perl, Python</h4>
+				    <ul class="left">
+					  <li>Disponibilité de développeurs ?</li>
+				    </ul>
+				  </section>
+				</section>
+
+				<section>
+				  <section>
+				    <h2>Mes sites sont sur un autre CMS libre PHP</h2>
+				    <h4 class="left" style="margin-top: 1.2em;">WordPress</h4>
+				    <ul class="left">
+					  <li>Difficulté d'extension du code</li>
+					  <li>Richesse fonctionnelle ?</li>
+				    </ul>
+				    <h4 class="left">Joomla</h4>
+				    <ul class="left">
+					  <li>Qualité des extensions ? (S'améliore constamment)</li>
+					  <li>Stabilité des releases ?</li>
+					  <li>Richesse fonctionnelle ?</li>
+				    </ul>
+				  </section>
+				  
+				  <section>
+				    <h3>Mes sites sont sur un autre CMS libre PHP</h3>
+				    <h4 class="left" style="margin-top: 1.2em;">SPIP</h4>
+				    <ul class="left">
+					  <li>Adapté pour même type de projets que Drupal : 
+					  des sites professionnels entretenus par de professionnels avec une structure et des fonctionnalités complexes</li>
+					  <li>Points faibles par rapport à Drupal : 
+					    <ul>
+					      <li>organisation des contenus, modélisation de l'information, interfaçage SI</li>
+					      <li>Choix de prestataires</li>
+					      <li>Maintenu et exploité uniquement en France</li>
+					    </ul>
+					  </li>
+					  <li>Devenir du projet : de moins en moins de contributeurs</li>
+				    </ul>
+				  </section>
+				  
+				  <section>
+				    <h3>Mes sites sont sur un autre CMS libre PHP</h3>
+				    <h4 class="left" style="margin-top: 1.2em;">ezPublish</h4>
+				    <ul class="left">
+					  <li>Accès aux prestataires</li>
+					  <li>Mainmise de l'éditeur : marche forcée</li>
+					  <li>Problèmes de performance</li>
+				    </ul>
+				    <h4 class="left" style="margin-top: 1.2em;">Typo3</h4>
+				    <ul class="left">
+					  <li>Ai-je le souplesse voulue pour mes évolutions ?</li>
+					  <li>Prestataires en France</li>
+					  <li>Back Office pour de grandes quantités d'utilisateurs ou de contenus</li>
+					  <li>Liberté d'organisation des contenus ?</li>
+				    </ul>
+				  </section>
+				  
+				  <section>
+				    <h3>Mes sites sont sur un autre CMS libre PHP</h3>
+				    <p class="left">Le choix de CMS dépend toujours du contexte</p>
+				            
+					        <table class="cms-table">
+					          <tr>
+					            <th><h4 style="margin: 0">Wordpress</h4></th>
+					            <td>Adapté pour de petits sites : rapide, facile à prendre en main</td>
+					          </tr>
+					          <tr>
+					            <th></th>
+					            <td>Le CMS le plus utilisé en France</td>
+					          </tr>
+					          <tr>
+					            <th></th>
+					            <td>Le CMS le plus utilisé en France pour les sites des PME 
+					  (<a href="http://www.smile.fr/Livres-blancs/Gestion-de-contenu-et-ged/Enquete-cms" style="color: inherit;">Enquête CMS de Smile</a>)</td>
+					          </tr>
+					        </table>
+					        
+					        <table class="cms-table">
+					          <tr>
+					            <th><h4 style="margin: 0">Drupal</h4></th>
+					            <td>Adapté pour des projets de taille moyenne ou grande, ou qui envisagent des évolutions dans l'avenir</td>
+					          </tr>
+					          <tr>
+					            <th></th>
+					            <td>Le CMS le plus utilisé en France pour les sites des grands comptes 
+					  (<a href="http://www.smile.fr/Livres-blancs/Gestion-de-contenu-et-ged/Enquete-cms" style="color: inherit;">Enquête CMS de Smile</a>)</td>
+					          </tr>
+					        </table>
+					        
+				  </section>
+				</section>
+				
+				<section>
+					<img src="osinet.png"  class="cover-img" style="height: 150px;" />
+					<div class="cover-osi">
+					<h3>Merci !</h3>
+					<img src="images/druplicon-glow.png" class="cover-img" style="height: 200px;" />
+					</div>
+				</section>
+				
+				<section>					
+					<h2 class="people" style="text-align: center; margin-bottom: 0.8em;">L'équipe OSInet</h2>
+					
+					<table class="people">
+					  <tr class="blue">
+					    <td>Frédéric G. Marand</td>
+					    <td class="td-middle">Outi Munter</td>
+					    <td>Brigitte Taïeb</td>
+					  </tr>
+					  <tr>
+					    <td><img src="images/fgm-dublin.jpg"  class="cover-img"></td>
+					    <td class="td-middle"><img src="images/outi-2.jpg"  class="cover-img"></td>
+					    <td><img src="images/brigitte.jpg"  class="cover-img"></td>
+					  </tr>
+					  <tr style="font-size: 0.78em; opacity: 0.8;">
+					    <td>Cofondateur et gérant – et spécialiste en programmation système et réseau</td>
+					    <td class="td-middle">Chef de projet, graphiste et thémeuse</td>
+					    <td>Directrice commerciale</td>
+					  </tr>
+					</table>
+					
+					<p style="text-align: center;"><a href="http://www.osinet.fr" style="font-size: 1.05em; margin-left: 0;">www.osinet.fr</a></p>
+					
+				</section>
+				
+								
+				<!-- ################################### END LATEST SLIDE ################################### -->
+				
+				
+
+			</div>
+				
+			<div class="footer"><img src="osinet.png" alt="logo" class="logo" height="70"><span class="footnote">Drupal, pourquoi ? / DGTD / © 2013 OSInet / Licence CC-BY-SA 2.0 France</span></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: false,
+
+				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>

03-chantier-drupal.html

@@ -0,0 +1,329 @@
+<!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/osi.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>
+					<img src="osinet.png"  class="cover-img" style="height: 150px;" />
+					<div class="cover-osi">
+					<h1>Mon chantier Drupal</h1>
+					<p></p>
+					</div>
+				</section>
+
+				<section>
+				  <section>
+				    <h2>Processus</h2>
+				    <h4 class="left">Les méthodes agiles</h4>
+				    <ul class="left">
+				      <li>Permettent au client de redéfinir ses besoins au cours de développement et au prestataire de réalisation de s'adapter aux changements de plans et de priorités</li>
+				      <li>Par exemple Scrum, Crystal Clear</li>
+				      <li>Soulignent l'importance de la communication entre le prestataire et le client : les relations humaines sont plus importantes que les contrats</li>
+				      <li>Manifeste Agile</li>
+				  </section>
+				  <section>
+			            <h3>Processus</h3>
+				    <h4 class="left">Processus marché</h4>
+				    <p class="left">Processus marché traditionnel est contraignant pour les projets modernes :</p>
+				    <ul class="left">
+				      <li>Risque de devoir accepter des candidats invalides suite à un marché qui ne peut pas être déclaré infructueux</li>
+				      <li>Contrôleur financier encourage la mise en avant du prix par rapport aux fonctionnalités et de qualité
+				        <ul>
+				          <li>Peut être évité par l'établissement d'une grille de notation</li>
+				        </ul>
+				      </li>
+				      <li>Grille de recettes souvent nécessaire dans un processus de marché est contraignante par rapport au fonctionnement agile</li>
+				    </ul>
+				  </section>
+				</section>
+				
+				<section>
+				  <section>
+				    <h2>Équipe</h2>
+				    <h4>Avant marché</h4>
+				    <table>
+				     <tr>
+				       <td class="fragment roll-in table-title">AMOA</td>
+				     </tr>
+				     <tr>
+				       <td class="fragment roll-in table-description">Aide le demandeur à formaliser son besoin, le borner et l'exprimer en termes de projet Web.</td>
+				     </tr>
+				    </table>
+				  </section>
+				  <section>
+				    <h3>Équipe</h3>
+				    <h4>Avant développement</h4>
+				    <table>
+				     <tr class="third">
+				       <td class="fragment roll-in table-title">Content designer</td>
+				       <td class="fragment roll-in table-title">UX designer</td>
+				       <td class="fragment roll-in table-title">Référenceur (SEO)</td>
+				     </tr>
+				     <tr class="third">
+				       <td class="fragment roll-in table-description">Qu'allons-nous inclure dans notre site ? Quels types de contenus intéressent notre public ?</td>
+				       <td class="fragment roll-in table-description">Comment organiser le contenu ? Que met-on sur la page d'accueil ? Quels liens doit-on trouver sur toutes les pages ?</td>
+				       <td class="fragment roll-in table-description">Est-ce que le site est facilement compréhensible par les robots d'indexation ?</td>
+				     </tr>
+				    </table>
+				  </section>
+				  <section>
+			            <h3>Équipe</h3>
+				    <h4>Avant développement</h4>
+				    <table>
+				     <tr class="half">
+				       <td class="fragment roll-in table-title">Ergonome</td>
+				       <td class="fragment roll-in table-title">Designer</td>
+				       <td></td>
+				     </tr>
+				     <tr class="half">
+				       <td class="fragment roll-in table-description">Est-ce que le site est accessible à un malvoyant ? À un daltonien ? À une personne avec un handicap moteur ?</td>
+				       <td class="fragment roll-in table-description">À quoi va ressembler le site (pour qu'il soit attirant et agréable à utiliser) ?</td>
+				       <td></td>
+				     </tr>
+				     <tr class="half">
+				       <td class="fragment roll-in table-extra">Cynthia Says, Opquast, Le Référentiel Général d'Accessibilité pour les Administrations (RGAA)...</td>
+				       <td class="fragment roll-in table-extra">Photoshop, Axure...</td>
+				       <td></td>
+				     </tr>
+				    </table>
+				  </section>
+				  <section>
+			            <h3>Équipe</h3>
+				    <h4>Pendant le développement</h4>
+				    <table>
+				     <tr class="third">
+				       <td class="fragment roll-in table-title">Site builder</td>
+				       <td class="fragment roll-in table-title">Développeur</td>
+				       <td class="fragment roll-in table-title">AMOA</td>
+				     </tr>
+				     <tr class="third">
+				       <td class="fragment roll-in table-description">Construction du site : choix et configuration des modules, confguration du site</td>
+				       <td class="fragment roll-in table-description">Écriture du code personnalisé, création des modules personnalisés</td>
+				       <td class="fragment roll-in table-description">Assure la conformité de livraison.</td>
+				     </tr>
+				     <tr class="third">
+				       <td class="fragment roll-in table-extra">Système Drupal</td>
+				       <td class="fragment roll-in table-extra">PHP, API Drupal (HTML, CSS)</td>
+				       <td></td>
+				     </tr>
+				    </table>
+				  </section>
+				  <section>
+			            <h3>Équipe</h3>
+				    <h4>Pendant le développement</h4>
+				    <table>
+				     <tr class="third">
+				       <td class="fragment roll-in table-title">Intégrateur HTML</td>
+				       <td class="fragment roll-in table-title">Thémeur</td>
+				       <td class="fragment roll-in table-title">Développeur front</td>
+				       <td></td>
+				     </tr>
+				     <tr class="third">
+				       <td class="fragment roll-in table-description">Découpage du design en HTML et CSS</td>
+				       <td class="fragment roll-in table-description">Adaptation du HTML en thème Drupal</td>
+				       <td class="fragment roll-in table-description">Création des actions d'animation du site</td>
+				       <td></td>
+				     </tr>
+				     <tr class="third">
+				       <td class="fragment roll-in table-extra">HTML, CSS, Dreamweaver</td>
+				       <td class="fragment roll-in table-extra">HTML, CSS, couche thème de Drupal (PHP)</td>
+				       <td class="fragment roll-in table-extra">jQuery, Ajax</td>
+				       <td></td>
+				     </tr>
+				    </table>
+				  </section>
+				  <section>
+			            <h3>Équipe</h3>
+				    <h4>Exploitation</h4>
+				    <table>
+				     <tr>
+				       <td class="fragment roll-in table-title">Exploitation</td>
+				     </tr>
+				     <tr>
+				       <td class="fragment roll-in table-description">Gestion technique du site</td>
+				     </tr>
+				     <tr>
+				       <td class="fragment roll-in table-extra">Apache, SQL, Linux, Solaris</td>
+				     </tr>
+				    </table>
+				  </section>
+				  <section>
+			            <h3>Équipe</h3>
+				    <ul>
+				      <li><b>Site builder</b> est le rôle essentiel d'un projet Drupal</li>
+				      <li>Dans des projets d'une taille modeste ou moyenne, <b>l'intégrateur HTML</b>, <b>le thémeur</b> et <b>le développeur front</b> sont souvent la même personne</li>
+				      <li><b>Le développeur</b> Drupal est nécessaire pour des projets nécessitant la personnalisation ; <b>le site builder</b> peut connaître le développement</li>
+				      <li><b>Le designer</b> devrait avoir des notions <b>d'ergonomie</b></li>
+				      <li><b>Le client</b> fait souvent une partie de <b>content design</b> et <b>UX design</b></li>
+				    </ul>
+				  </section>
+				</section>
+				
+				
+				
+				
+				<section>
+					<img src="osinet.png"  class="cover-img" style="height: 150px;" />
+					<div class="cover-osi">
+					<h3>Merci !</h3>
+					<img src="images/druplicon-glow.png" class="cover-img" style="height: 200px;" />
+					</div>
+				</section>
+				
+				<section>					
+					<h2 class="people" style="text-align: center; margin-bottom: 0.8em;">L'équipe OSInet</h2>
+					
+					<table class="people">
+					  <tr class="blue">
+					    <td>Frédéric G. Marand</td>
+					    <td class="td-middle">Outi Munter</td>
+					    <td>Brigitte Taïeb</td>
+					  </tr>
+					  <tr>
+					    <td><img src="images/fgm-dublin.jpg"  class="cover-img"></td>
+					    <td class="td-middle"><img src="images/outi-2.jpg"  class="cover-img"></td>
+					    <td><img src="images/brigitte.jpg"  class="cover-img"></td>
+					  </tr>
+					  <tr style="font-size: 0.78em; opacity: 0.8;">
+					    <td>Cofondateur et gérant – et spécialiste en programmation système et réseau</td>
+					    <td class="td-middle">Chef de projet, graphiste et thémeuse</td>
+					    <td>Directrice commerciale</td>
+					  </tr>
+					</table>
+					
+					<p style="text-align: center;"><a href="http://www.osinet.fr" style="font-size: 1.05em; margin-left: 0;">www.osinet.fr</a></p>
+					
+				</section>
+				
+								
+				<!-- ################################### END LATEST SLIDE ################################### -->
+				
+				
+				
+				
+				
+				<!-- DEFAULT SLIDE -->
+
+				<section>
+				  <section>
+				    <h2></h2>
+				    <h4></h4>
+			            <ul>
+				      <li></li>
+				      <li></li>
+				      <li>
+			                <ul>
+					  <li></li>
+					  <li></li>
+					  <li></li>
+					</ul>
+				      </li>
+			              <li></li>
+			            </ul>
+				  </section>
+				  <section>
+			            <h3></h3>
+				    <h4></h4>
+			            <ul>
+				      <li></li>
+				      <li></li>
+				      <li>
+			                <ul>
+					  <li></li>
+					  <li></li>
+					  <li></li>
+					</ul>
+				      </li>
+			              <li></li>
+			            </ul>
+				  </section>
+				  <section>
+			            <h3></h3>
+				    <h4></h4>
+			            <ul>
+				      <li></li>
+				      <li></li>
+				      <li>
+			                <ul>
+					  <li></li>
+					  <li></li>
+					  <li></li>
+					</ul>
+				      </li>
+			              <li></li>
+			            </ul>
+				  </section>
+				</section>
+				
+
+			</div>
+				
+			<div class="footer"><img src="osinet.png" alt="logo" class="logo" height="70"><span class="footnote">Mon chantier Drupal / DGTD / © 2013 OSInet / Licence CC-BY-SA 2.0 France</span></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: false,
+
+				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>

04-en-production.html

@@ -0,0 +1,298 @@
+<!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/osi.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>
+					<img src="osinet.png"  class="cover-img" style="height: 150px;" />
+					<div class="cover-osi">
+					<h1>Drupal en production</h1>
+					<p></p>
+					</div>
+				</section>
+				
+				<section>
+				  <section>
+				    <h2>Hosting</h2>				    
+				    <h4 class="left">Besoins spécifiques de Drupal</h4>
+			            <ul class="left">
+				      <li>PHP : APC cache d'opcodes, mémoire, ligne de commande</li>
+				      <li>SGBD : charge, serveurs supportés, master/slave vs multi-master, backup</li>
+				      <li>Accès fichier : Web servers, SGBD</li>
+				      <li>Caches : Varnish, Memcached, APC User, CDN</li>
+				      <li>Serveurs additionnels : recherche (SOLR et autres), NoSQL (MongoDB / Redis)</li>
+			            </ul>
+				  </section>
+				  <section>
+			            <h3>Hosting</h3>
+			            <h4 class="left">Besoins liés au professionnel</h4>
+			            <ul class="left">
+				      <li>Poste Dév</li>
+				      <li>Intégration</li>
+				      <li>Préproduction</li>
+				      <li>Production</li>
+				      <li>Instance volatiles (tests)</li>
+			            </ul>
+				  </section>				  
+				  <section>
+			            <h3>Hosting</h3>			            
+			            <h4 class="left">Typologie</h4>
+			            <ul class="left">
+				      <li>Low-cost : mutualisé, VPS</li>
+				      <li>Cloud public : IaaS (AWS, Rackspace, Heroku), PaaS (Acquia Drupal, Pantheon)</li>
+				      <li>Professionnel : dédié, cloud privé, cloud hybride, infra propre</li>
+			            </ul>
+			            <h4 class="left">Prestataires pro</h4>
+			            <ul class="left">
+				      <li>Hébérgeur : MIPS connecté, transit (redondance), climatisation, électricité</li>
+				      <li>Infogérant : bon fonctionnement, support middleware</li>
+				      <li>CDN</li>
+			            </ul>
+				  </section>
+				</section>
+
+				<section>
+				  <section>
+				    <h2>Garantie ou maintenance</h2>
+				    <h4 class="left">Garantie</h4>
+			            <ul class="left">
+				      <li>Généralement incluse
+			                <ul>
+					  <li>CAPEX</li>
+					  <li>Pas obligatoire entre pros</li>
+					  <li>Couramment 30–90 jours</li>
+					</ul>
+				      </li>
+				      <li>Contenu :
+			                <ul>
+					  <li>Corrections anomalies</li>
+					  <li>Compatibilité MAJ mineures core + contrib</li>
+					  <li>N'inclut pas les MAJ core + contrib</li>
+					</ul>
+				      </li>
+			            </ul>
+				  </section>
+				  <section>
+			            <h3>Garantie ou maintenance</h3>
+				    <h4 class="left">Maintenance</h4>
+			            <ul class="left">
+				      <li>Optionnelle : OPEX, récurrent</li>
+				      <li>Contenu
+			                <ul>
+					  <li>Réactif : minimum les MÀJ de sécurité et comptabilité, courant toutes les MÀJ mineures</li>
+					  <li>Proactif : monitoring (baseline, quantitatif, projectif)</li>
+					  <li>Évolutif : MÀJ majeures (7.x &rarr; 8.x), branches n+1, refactoring</li>
+					</ul>
+				      </li>
+				      <li>Réassurance
+			                <ul>
+					  <li>Contact du marché</li>
+					  <li>Formalisation</li>
+					  <li>Entretien des sources</li>
+					  <li>Entretien de la doc</li>
+					</ul>
+				      </li>
+			            </ul>
+				  </section>
+				</section>
+
+				<section>	
+				  <section>
+				    <h2>Après la V1</h2>
+				    <h4 class="left">Les MÀJ Drupal</h4>
+			            <ul class="left">
+				      <li>Security Advisories</li>
+				      <li>Releases ordinaires D7</li>
+				      <li>Contributions (Dev en dév, stable en prod)</li>
+				      <li>D7 &rarr; D8</li>
+			            </ul>
+				  </section>				  
+				  <section>
+			            <h3>Après la V1</h3>
+			            <h4 class="left">Suivi</h4>
+			            <ul class="left">
+				      <li>Intégrité : fingerprinting</li>
+				      <li>Métriques techniques : baseline, alertes</li>
+				      <li>SEO : Analytics
+				        <ul>
+				          <li>Vanity Metrics !</li>
+				          <li>Conversions, CA ...</li>
+				          <li>Tiers</li>
+				        </ul>
+				      </li>
+			            </ul>
+				  </section>
+				  <section>
+			            <h3>Après la V1</h3>
+			            <h4 class="left">Changer</h4>
+			            <ul class="left">
+				      <li>Révolution</li>
+				      <li>Incrémental</li>
+				      <li>A/B</li>
+				      <li>Feature flip</li>
+				      <li>Git à la rescousse</li>
+			            </ul>
+				  </section>
+				</section>
+				
+				<section>
+					<img src="osinet.png"  class="cover-img" style="height: 150px;" />
+					<div class="cover-osi">
+					<h3>Merci !</h3>
+					<img src="images/druplicon-glow.png" class="cover-img" style="height: 200px;" />
+					</div>
+				</section>
+				
+				<section>					
+					<h2 class="people" style="text-align: center; margin-bottom: 0.8em;">L'équipe OSInet</h2>
+					
+					<table class="people">
+					  <tr class="blue">
+					    <td>Frédéric G. Marand</td>
+					    <td class="td-middle">Outi Munter</td>
+					    <td>Brigitte Taïeb</td>
+					  </tr>
+					  <tr>
+					    <td><img src="images/fgm-dublin.jpg"  class="cover-img"></td>
+					    <td class="td-middle"><img src="images/outi-2.jpg"  class="cover-img"></td>
+					    <td><img src="images/brigitte.jpg"  class="cover-img"></td>
+					  </tr>
+					  <tr style="font-size: 0.78em; opacity: 0.8;">
+					    <td>Cofondateur et gérant – et spécialiste en programmation système et réseau</td>
+					    <td class="td-middle">Chef de projet, graphiste et thémeuse</td>
+					    <td>Directrice commerciale</td>
+					  </tr>
+					</table>
+					
+					<p style="text-align: center;"><a href="http://www.osinet.fr" style="font-size: 1.05em; margin-left: 0;">www.osinet.fr</a></p>
+					
+				</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>
+			            <ul>
+				      <li></li>
+				      <li></li>
+				      <li>
+			                <ul>
+					  <li></li>
+					  <li></li>
+					  <li></li>
+					</ul>
+				      </li>
+			              <li></li>
+			            </ul>
+				  </section>
+				  <section>
+			            <h3></h3>
+			            <ul>
+				      <li></li>
+				      <li></li>
+				      <li>
+			                <ul>
+					  <li></li>
+					  <li></li>
+					  <li></li>
+					</ul>
+				      </li>
+			              <li></li>
+			            </ul>
+				  </section>
+				</section>
+				
+								
+				<!-- ################################### END LATEST SLIDE ################################### -->
+				
+				
+
+			</div>
+				
+			<div class="footer"><img src="osinet.png" alt="logo" class="logo" height="70"><span class="footnote">Drupal en production / DGTD / © 2013 OSInet / Licence CC-BY-SA 2.0 France</span></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: false,
+
+				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>

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',

HEAD

@@ -0,0 +1 @@
+ref: refs/heads/master

config

@@ -0,0 +1,5 @@
+[core]
+	repositoryformatversion = 0
+	filemode = true
+	bare = true
+	ignorecase = true

css/theme/css/beige.css

@@ -0,0 +1,142 @@
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
+/**
+ * Beige 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: #f7f2d3;
+  background: -moz-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #f7f2d3));
+  background: -webkit-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background: -o-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background: -ms-radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background: radial-gradient(center, circle cover, white 0%, #f7f2d3 100%);
+  background-color: #f7f3de; }
+
+.reveal {
+  font-family: "Lato", sans-serif;
+  font-size: 36px;
+  font-weight: 200;
+  letter-spacing: -0.02em;
+  color: #333333; }
+
+::selection {
+  color: white;
+  background: rgba(79, 64, 28, 0.99);
+  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: 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: #8b743d;
+  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: #c0a86e;
+  text-shadow: none;
+  border: none; }
+
+.reveal .roll span:after {
+  color: #fff;
+  background: #564826; }
+
+/*********************************************
+ * 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: #8b743d;
+  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: #8b743d; }
+
+.reveal .controls div.navigate-right,
+.reveal .controls div.navigate-right.enabled {
+  border-left-color: #8b743d; }
+
+.reveal .controls div.navigate-up,
+.reveal .controls div.navigate-up.enabled {
+  border-bottom-color: #8b743d; }
+
+.reveal .controls div.navigate-down,
+.reveal .controls div.navigate-down.enabled {
+  border-top-color: #8b743d; }
+
+.reveal .controls div.navigate-left.enabled:hover {
+  border-right-color: #c0a86e; }
+
+.reveal .controls div.navigate-right.enabled:hover {
+  border-left-color: #c0a86e; }
+
+.reveal .controls div.navigate-up.enabled:hover {
+  border-bottom-color: #c0a86e; }
+
+.reveal .controls div.navigate-down.enabled:hover {
+  border-top-color: #c0a86e; }
+
+/*********************************************
+ * PROGRESS BAR
+ *********************************************/
+.reveal .progress {
+  background: rgba(0, 0, 0, 0.2); }
+
+.reveal .progress span {
+  background: #8b743d;
+  -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/css/default.css

@@ -0,0 +1,142 @@
+@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/css/moon.css

@@ -0,0 +1,142 @@
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
+/**
+ * Solarized Dark theme for reveal.js.
+ * Author: Achim Staebler
+ */
+@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; }
+
+/**
+ * Solarized colors by Ethan Schoonover
+ */
+html * {
+  color-profile: sRGB;
+  rendering-intent: auto; }
+
+/*********************************************
+ * GLOBAL STYLES
+ *********************************************/
+body {
+  background: #002b36;
+  background-color: #002b36; }
+
+.reveal {
+  font-family: "Lato", sans-serif;
+  font-size: 36px;
+  font-weight: 200;
+  letter-spacing: -0.02em;
+  color: #93a1a1; }
+
+::selection {
+  color: white;
+  background: #d33682;
+  text-shadow: none; }
+
+/*********************************************
+ * HEADERS
+ *********************************************/
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
+  margin: 0 0 20px 0;
+  color: #eee8d5;
+  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: 0px 0px 6px rgba(0, 0, 0, 0.2); }
+
+/*********************************************
+ * LINKS
+ *********************************************/
+.reveal a:not(.image) {
+  color: #268bd2;
+  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: #78b9e6;
+  text-shadow: none;
+  border: none; }
+
+.reveal .roll span:after {
+  color: #fff;
+  background: #1a6091; }
+
+/*********************************************
+ * IMAGES
+ *********************************************/
+.reveal section img {
+  margin: 15px 0px;
+  background: rgba(255, 255, 255, 0.12);
+  border: 4px solid #93a1a1;
+  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: #268bd2;
+  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: #268bd2; }
+
+.reveal .controls div.navigate-right,
+.reveal .controls div.navigate-right.enabled {
+  border-left-color: #268bd2; }
+
+.reveal .controls div.navigate-up,
+.reveal .controls div.navigate-up.enabled {
+  border-bottom-color: #268bd2; }
+
+.reveal .controls div.navigate-down,
+.reveal .controls div.navigate-down.enabled {
+  border-top-color: #268bd2; }
+
+.reveal .controls div.navigate-left.enabled:hover {
+  border-right-color: #78b9e6; }
+
+.reveal .controls div.navigate-right.enabled:hover {
+  border-left-color: #78b9e6; }
+
+.reveal .controls div.navigate-up.enabled:hover {
+  border-bottom-color: #78b9e6; }
+
+.reveal .controls div.navigate-down.enabled:hover {
+  border-top-color: #78b9e6; }
+
+/*********************************************
+ * PROGRESS BAR
+ *********************************************/
+.reveal .progress {
+  background: rgba(0, 0, 0, 0.2); }
+
+.reveal .progress span {
+  background: #268bd2;
+  -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/css/night.css

@@ -0,0 +1,130 @@
+@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
+/**
+ * Black theme for reveal.js.
+ *
+ * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
+ */
+/*********************************************
+ * GLOBAL STYLES
+ *********************************************/
+body {
+  background: #111111;
+  background-color: #111111; }
+
+.reveal {
+  font-family: "Open Sans", sans-serif;
+  font-size: 30px;
+  font-weight: 200;
+  letter-spacing: -0.02em;
+  color: #eeeeee; }
+
+::selection {
+  color: white;
+  background: #e7ad52;
+  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: "Montserrat", Impact, sans-serif;
+  line-height: 0.9em;
+  letter-spacing: -0.03em;
+  text-transform: none;
+  text-shadow: none; }
+
+.reveal h1 {
+  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
+
+/*********************************************
+ * LINKS
+ *********************************************/
+.reveal a:not(.image) {
+  color: #e7ad52;
+  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: #f3d7ac;
+  text-shadow: none;
+  border: none; }
+
+.reveal .roll span:after {
+  color: #fff;
+  background: #d08a1d; }
+
+/*********************************************
+ * 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: #e7ad52;
+  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: #e7ad52; }
+
+.reveal .controls div.navigate-right,
+.reveal .controls div.navigate-right.enabled {
+  border-left-color: #e7ad52; }
+
+.reveal .controls div.navigate-up,
+.reveal .controls div.navigate-up.enabled {
+  border-bottom-color: #e7ad52; }
+
+.reveal .controls div.navigate-down,
+.reveal .controls div.navigate-down.enabled {
+  border-top-color: #e7ad52; }
+
+.reveal .controls div.navigate-left.enabled:hover {
+  border-right-color: #f3d7ac; }
+
+.reveal .controls div.navigate-right.enabled:hover {
+  border-left-color: #f3d7ac; }
+
+.reveal .controls div.navigate-up.enabled:hover {
+  border-bottom-color: #f3d7ac; }
+
+.reveal .controls div.navigate-down.enabled:hover {
+  border-top-color: #f3d7ac; }
+
+/*********************************************
+ * PROGRESS BAR
+ *********************************************/
+.reveal .progress {
+  background: rgba(0, 0, 0, 0.2); }
+
+.reveal .progress span {
+  background: #e7ad52;
+  -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/css/osi.css

@@ -0,0 +1,499 @@
+@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 .orange {
+  color: white; }
+
+.reveal .lowercase {
+  text-transform: none; }

css/theme/css/serif.css

@@ -0,0 +1,132 @@
+/**
+ * A simple theme for reveal.js presentations, similar
+ * to the default theme. The accent color is brown.
+ *
+ * This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed.
+ */
+.reveal a:not(.image) {
+  line-height: 1.3em; }
+
+/*********************************************
+ * GLOBAL STYLES
+ *********************************************/
+body {
+  background: #f0f1eb;
+  background-color: #f0f1eb; }
+
+.reveal {
+  font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
+  font-size: 36px;
+  font-weight: 200;
+  letter-spacing: -0.02em;
+  color: black; }
+
+::selection {
+  color: white;
+  background: #26351c;
+  text-shadow: none; }
+
+/*********************************************
+ * HEADERS
+ *********************************************/
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
+  margin: 0 0 20px 0;
+  color: #383d3d;
+  font-family: "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
+  line-height: 0.9em;
+  letter-spacing: 0.02em;
+  text-transform: none;
+  text-shadow: none; }
+
+.reveal h1 {
+  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
+
+/*********************************************
+ * LINKS
+ *********************************************/
+.reveal a:not(.image) {
+  color: #51483d;
+  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: #8b7c69;
+  text-shadow: none;
+  border: none; }
+
+.reveal .roll span:after {
+  color: #fff;
+  background: #25211c; }
+
+/*********************************************
+ * IMAGES
+ *********************************************/
+.reveal section img {
+  margin: 15px 0px;
+  background: rgba(255, 255, 255, 0.12);
+  border: 4px solid black;
+  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: #51483d;
+  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: #51483d; }
+
+.reveal .controls div.navigate-right,
+.reveal .controls div.navigate-right.enabled {
+  border-left-color: #51483d; }
+
+.reveal .controls div.navigate-up,
+.reveal .controls div.navigate-up.enabled {
+  border-bottom-color: #51483d; }
+
+.reveal .controls div.navigate-down,
+.reveal .controls div.navigate-down.enabled {
+  border-top-color: #51483d; }
+
+.reveal .controls div.navigate-left.enabled:hover {
+  border-right-color: #8b7c69; }
+
+.reveal .controls div.navigate-right.enabled:hover {
+  border-left-color: #8b7c69; }
+
+.reveal .controls div.navigate-up.enabled:hover {
+  border-bottom-color: #8b7c69; }
+
+.reveal .controls div.navigate-down.enabled:hover {
+  border-top-color: #8b7c69; }
+
+/*********************************************
+ * PROGRESS BAR
+ *********************************************/
+.reveal .progress {
+  background: rgba(0, 0, 0, 0.2); }
+
+.reveal .progress span {
+  background: #51483d;
+  -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/css/simple.css

@@ -0,0 +1,132 @@
+@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
+/**
+ * A simple theme for reveal.js presentations, similar
+ * to the default theme. The accent color is darkblue.
+ *
+ * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed.
+ * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
+ */
+/*********************************************
+ * GLOBAL STYLES
+ *********************************************/
+body {
+  background: white;
+  background-color: white; }
+
+.reveal {
+  font-family: "Lato", sans-serif;
+  font-size: 36px;
+  font-weight: 200;
+  letter-spacing: -0.02em;
+  color: black; }
+
+::selection {
+  color: white;
+  background: rgba(0, 0, 0, 0.99);
+  text-shadow: none; }
+
+/*********************************************
+ * HEADERS
+ *********************************************/
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
+  margin: 0 0 20px 0;
+  color: black;
+  font-family: "News Cycle", Impact, sans-serif;
+  line-height: 0.9em;
+  letter-spacing: 0.02em;
+  text-transform: none;
+  text-shadow: none; }
+
+.reveal h1 {
+  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
+
+/*********************************************
+ * LINKS
+ *********************************************/
+.reveal a:not(.image) {
+  color: darkblue;
+  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: #0000f1;
+  text-shadow: none;
+  border: none; }
+
+.reveal .roll span:after {
+  color: #fff;
+  background: #00003f; }
+
+/*********************************************
+ * IMAGES
+ *********************************************/
+.reveal section img {
+  margin: 15px 0px;
+  background: rgba(255, 255, 255, 0.12);
+  border: 4px solid black;
+  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: darkblue;
+  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: darkblue; }
+
+.reveal .controls div.navigate-right,
+.reveal .controls div.navigate-right.enabled {
+  border-left-color: darkblue; }
+
+.reveal .controls div.navigate-up,
+.reveal .controls div.navigate-up.enabled {
+  border-bottom-color: darkblue; }
+
+.reveal .controls div.navigate-down,
+.reveal .controls div.navigate-down.enabled {
+  border-top-color: darkblue; }
+
+.reveal .controls div.navigate-left.enabled:hover {
+  border-right-color: #0000f1; }
+
+.reveal .controls div.navigate-right.enabled:hover {
+  border-left-color: #0000f1; }
+
+.reveal .controls div.navigate-up.enabled:hover {
+  border-bottom-color: #0000f1; }
+
+.reveal .controls div.navigate-down.enabled:hover {
+  border-top-color: #0000f1; }
+
+/*********************************************
+ * PROGRESS BAR
+ *********************************************/
+.reveal .progress {
+  background: rgba(0, 0, 0, 0.2); }
+
+.reveal .progress span {
+  background: darkblue;
+  -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/css/sky.css

@@ -0,0 +1,139 @@
+@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
+/**
+ * Sky theme for reveal.js.
+ *
+ * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
+ */
+.reveal a:not(.image) {
+  line-height: 1.3em; }
+
+/*********************************************
+ * GLOBAL STYLES
+ *********************************************/
+body {
+  background: #add9e4;
+  background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
+  background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
+  background-color: #f7fbfc; }
+
+.reveal {
+  font-family: "Open Sans", sans-serif;
+  font-size: 36px;
+  font-weight: 200;
+  letter-spacing: -0.02em;
+  color: #333333; }
+
+::selection {
+  color: white;
+  background: #134674;
+  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: "Quicksand", sans-serif;
+  line-height: 0.9em;
+  letter-spacing: -0.08em;
+  text-transform: uppercase;
+  text-shadow: none; }
+
+.reveal h1 {
+  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
+
+/*********************************************
+ * LINKS
+ *********************************************/
+.reveal a:not(.image) {
+  color: #3b759e;
+  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: #74a7cb;
+  text-shadow: none;
+  border: none; }
+
+.reveal .roll span:after {
+  color: #fff;
+  background: #264c66; }
+
+/*********************************************
+ * 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: #3b759e;
+  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: #3b759e; }
+
+.reveal .controls div.navigate-right,
+.reveal .controls div.navigate-right.enabled {
+  border-left-color: #3b759e; }
+
+.reveal .controls div.navigate-up,
+.reveal .controls div.navigate-up.enabled {
+  border-bottom-color: #3b759e; }
+
+.reveal .controls div.navigate-down,
+.reveal .controls div.navigate-down.enabled {
+  border-top-color: #3b759e; }
+
+.reveal .controls div.navigate-left.enabled:hover {
+  border-right-color: #74a7cb; }
+
+.reveal .controls div.navigate-right.enabled:hover {
+  border-left-color: #74a7cb; }
+
+.reveal .controls div.navigate-up.enabled:hover {
+  border-bottom-color: #74a7cb; }
+
+.reveal .controls div.navigate-down.enabled:hover {
+  border-top-color: #74a7cb; }
+
+/*********************************************
+ * PROGRESS BAR
+ *********************************************/
+.reveal .progress {
+  background: rgba(0, 0, 0, 0.2); }
+
+.reveal .progress span {
+  background: #3b759e;
+  -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/css/solarized.css

@@ -0,0 +1,142 @@
+@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
+/**
+ * Solarized Light theme for reveal.js.
+ * Author: Achim Staebler
+ */
+@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; }
+
+/**
+ * Solarized colors by Ethan Schoonover
+ */
+html * {
+  color-profile: sRGB;
+  rendering-intent: auto; }
+
+/*********************************************
+ * GLOBAL STYLES
+ *********************************************/
+body {
+  background: #fdf6e3;
+  background-color: #fdf6e3; }
+
+.reveal {
+  font-family: "Lato", sans-serif;
+  font-size: 36px;
+  font-weight: 200;
+  letter-spacing: -0.02em;
+  color: #657b83; }
+
+::selection {
+  color: white;
+  background: #d33682;
+  text-shadow: none; }
+
+/*********************************************
+ * HEADERS
+ *********************************************/
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
+  margin: 0 0 20px 0;
+  color: #586e75;
+  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: 0px 0px 6px rgba(0, 0, 0, 0.2); }
+
+/*********************************************
+ * LINKS
+ *********************************************/
+.reveal a:not(.image) {
+  color: #268bd2;
+  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: #78b9e6;
+  text-shadow: none;
+  border: none; }
+
+.reveal .roll span:after {
+  color: #fff;
+  background: #1a6091; }
+
+/*********************************************
+ * IMAGES
+ *********************************************/
+.reveal section img {
+  margin: 15px 0px;
+  background: rgba(255, 255, 255, 0.12);
+  border: 4px solid #657b83;
+  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: #268bd2;
+  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: #268bd2; }
+
+.reveal .controls div.navigate-right,
+.reveal .controls div.navigate-right.enabled {
+  border-left-color: #268bd2; }
+
+.reveal .controls div.navigate-up,
+.reveal .controls div.navigate-up.enabled {
+  border-bottom-color: #268bd2; }
+
+.reveal .controls div.navigate-down,
+.reveal .controls div.navigate-down.enabled {
+  border-top-color: #268bd2; }
+
+.reveal .controls div.navigate-left.enabled:hover {
+  border-right-color: #78b9e6; }
+
+.reveal .controls div.navigate-right.enabled:hover {
+  border-left-color: #78b9e6; }
+
+.reveal .controls div.navigate-up.enabled:hover {
+  border-bottom-color: #78b9e6; }
+
+.reveal .controls div.navigate-down.enabled:hover {
+  border-top-color: #78b9e6; }
+
+/*********************************************
+ * PROGRESS BAR
+ *********************************************/
+.reveal .progress {
+  background: rgba(0, 0, 0, 0.2); }
+
+.reveal .progress span {
+  background: #268bd2;
+  -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/css/theme/osi.css

@@ -0,0 +1,499 @@
+@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 .orange {
+  color: #ff8a00; }
+
+.reveal .lowercase {
+  text-transform: none; }

css/theme/css/theme/osi.css~

@@ -0,0 +1,499 @@
+@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 .orange {
+  color: #ff8a00; }
+
+.reveal .lowercase {
+  text-transform: none; }

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,560 @@
+@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 {
+  letter-spacing: 0em; }
+
+.reveal p {
+  margin-bottom: 0.6em; }
+
+.reveal .slides section {
+  font-size: 28px; }
+
+.reveal .slides {
+  width: 1024px; }
+
+.reveal .custom.inverse {
+  color: #e7d6c3; }
+
+.reveal h1 {
+  font-size: 3.2em; }
+
+.reveal h4 {
+  font-size: 1.05em; }
+
+.reveal h1,
+.reveal h2,
+.reveal h3 {
+  color: #647a8e; }
+
+.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 .reference img {
+  float: left;
+  max-width: 98%; }
+
+.reveal td.reference {
+  color: #899594;
+  font-size: 70%;
+  font-style: italic;
+  width: 25%; }
+
+.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 {
+  list-style-type: none;
+  margin: 0 0 0.85em 1.5em; }
+
+.reveal li {
+  margin-bottom: 0.6em; }
+
+.reveal li ul {
+  margin-top: 0.6em; }
+
+.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: 1.5em; }
+
+.reveal ul,
+.reveal ol {
+  text-indent: -0.7em; }
+
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
+  text-indent: -0.6em; }
+
+.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;
+  margin-top: 1.2em;
+  width: 100%; }
+  .reveal table tr.third td {
+    width: 33%; }
+  .reveal table tr.half td {
+    width: 50%; }
+  .reveal table .table-title {
+    border-bottom: 15px solid rgba(255, 255, 255, 0);
+    color: #ca3b28;
+    font-size: 110%; }
+  .reveal table .table-description {
+    border-bottom: 10px solid rgba(255, 255, 255, 0);
+    font-size: 90%; }
+  .reveal table .table-extra {
+    color: #5a9b47;
+    font-size: 75%; }
+    .reveal table .table-extra:before {
+      content: "➤ "; }
+
+.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 .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 .cms-table th,
+.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 tr {
+    width: 100%; }
+  .reveal table.people td {
+    border-bottom: 5px solid rgba(255, 255, 255, 0);
+    margin: 0;
+    padding: 0;
+    width: 306px; }
+  .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: 306px; }
+
+.reveal .blue {
+  color: #647a8e; }
+
+.reveal .orange {
+  color: #ff8a00; }
+
+.reveal .lowercase {
+  text-transform: none; }
+
+.reveal div.programme {
+  margin: 1em auto; }

css/theme/source/osi.scss

@@ -0,0 +1,583 @@
+/**
+ * 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';
+$gray: #899594;
+$defaultFontSize: 28px;
+
+// 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 {
+	letter-spacing: 0em;
+}
+ 
+.reveal p {
+	margin-bottom: 0.6em;
+}
+
+.reveal .slides section {
+  font-size: $defaultFontSize;
+}
+ 
+.reveal .slides {
+	width: 1024px;
+}
+ 
+.reveal .custom.inverse {
+	color: $inverseColor;
+}
+
+.reveal h1 {
+	font-size: $h1Size;
+}
+
+.reveal h4 {
+	font-size: 1.05em;
+}
+
+.reveal h1,
+.reveal h2,
+.reveal h3 {
+	color: $blueGray;
+}
+
+.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: $gray;
+	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 .reference img {
+	float: left;
+        max-width: 98%;
+}
+
+.reveal td.reference {
+	color: $gray;
+        font-size: 70%;
+        font-style: italic;
+        width: 25%;
+}
+
+.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 {
+	list-style-type: none;
+	margin: 0 0 0.85em 1.5em;
+}
+
+.reveal li {
+	margin-bottom: 0.6em;
+}
+
+.reveal li ul {
+	margin-top: 0.6em;
+}
+
+.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: 1.5em;
+}
+
+.reveal ul,
+.reveal ol {
+	text-indent: -0.7em;
+}
+
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
+	text-indent: -0.6em;
+}
+
+.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;
+        margin-top: 1.2em;
+        width: 100%;
+        
+        tr.third td {
+          width: 33%;
+        }
+        
+        tr.half td {
+          width: 50%;
+        }
+        
+        .table-title {
+          border-bottom: 15px solid rgba(255,255,255,0);
+          color: $redTile;
+          font-size: 110%;
+        }
+        
+        .table-description {
+          border-bottom: 10px solid rgba(255,255,255,0);
+          font-size: 90%;
+        }
+        
+        .table-extra {
+          color: $green;
+          font-size: 75%;
+          &:before {
+	    content: "➤ ";
+          }
+        }
+}
+
+.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 .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 .cms-table th,
+.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 {
+    width: 100%;
+  }
+  
+  td {
+    border-bottom: 5px solid rgba(255,255,255,0);
+    margin: 0;
+    padding: 0;
+    width: 306px;
+  }
+  
+  .td-middle {
+    border-left: 15px solid rgba(255,255,255,0);
+    border-right: 15px solid rgba(255,255,255,0);
+  }
+  
+  img {
+    max-width: 306px;
+  }
+  
+}
+
+.reveal .blue {
+  color: $blueGray;
+}
+
+.reveal .orange {
+  color: $orange;
+}
+
+.reveal .lowercase {
+  text-transform: none;
+}
+
+.reveal div.programme {
+  margin: 1em auto;
+}

css/theme/source/osi.scss~

@@ -0,0 +1,578 @@
+/**
+ * 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';
+$gray: #899594;
+$defaultFontSize: 28px;
+
+// 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 {
+	letter-spacing: 0em;
+}
+ 
+.reveal p {
+	margin-bottom: 0.6em;
+}
+
+.reveal .slides section {
+  font-size: $defaultFontSize;
+}
+ 
+.reveal .slides {
+	width: 1024px;
+}
+ 
+.reveal .custom.inverse {
+	color: $inverseColor;
+}
+
+.reveal h1 {
+	font-size: $h1Size;
+}
+
+.reveal h1,
+.reveal h2,
+.reveal h3 {
+	color: $blueGray;
+}
+
+.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: $gray;
+	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 .reference img {
+	float: left;
+        max-width: 98%;
+}
+
+.reveal td.reference {
+	color: $gray;
+        font-size: 70%;
+        font-style: italic;
+        width: 25%;
+}
+
+.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 {
+	list-style-type: none;
+	margin: 0 0 0.85em 1.5em;
+}
+
+.reveal li {
+	margin-bottom: 0.6em;
+}
+
+.reveal li ul {
+	margin-top: 0.6em;
+}
+
+.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: 1.5em;
+}
+
+.reveal ul,
+.reveal ol {
+	text-indent: -0.7em;
+}
+
+.reveal ul ul,
+.reveal ul ol,
+.reveal ol ol,
+.reveal ol ul {
+	text-indent: -0.6em;
+}
+
+.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;
+        margin-top: 1.2em;
+        width: 100%;
+        
+        tr.third td {
+          width: 33%;
+        }
+        
+        tr.half td {
+          width: 50%;
+        }
+        
+        .table-title {
+          border-bottom: 15px solid rgba(255,255,255,0);
+          color: $redTile;
+          font-size: 110%;
+        }
+        
+        .table-description {
+          border-bottom: 10px solid rgba(255,255,255,0);
+          font-size: 90%;
+        }
+        
+        .table-extra {
+          color: $green;
+          font-size: 75%;
+          &:before {
+	    content: "➤ ";
+          }
+        }
+}
+
+.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 .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 {
+    width: 100%;
+  }
+  
+  td {
+    border-bottom: 5px solid rgba(255,255,255,0);
+    margin: 0;
+    padding: 0;
+    width: 306px;
+  }
+  
+  .td-middle {
+    border-left: 15px solid rgba(255,255,255,0);
+    border-right: 15px solid rgba(255,255,255,0);
+  }
+  
+  img {
+    max-width: 306px;
+  }
+  
+}
+
+.reveal .blue {
+  color: $blueGray;
+}
+
+.reveal .orange {
+  color: $orange;
+}
+
+.reveal .lowercase {
+  text-transform: none;
+}
+
+.reveal div.programme {
+  margin: 1em auto;
+}

css/theme/template/theme.scss

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

description

@@ -0,0 +1 @@
+Unnamed repository; edit this file 'description' to name the repository.

hooks/applypatch-msg.sample

@@ -0,0 +1,15 @@
+#!/bin/sh
+#
+# An example hook script to check the commit log message taken by
+# applypatch from an e-mail message.
+#
+# The hook should exit with non-zero status after issuing an
+# appropriate message if it wants to stop the commit.  The hook is
+# allowed to edit the commit message file.
+#
+# To enable this hook, rename this file to "applypatch-msg".
+
+. git-sh-setup
+test -x "$GIT_DIR/hooks/commit-msg" &&
+	exec "$GIT_DIR/hooks/commit-msg" ${1+"$@"}
+:

hooks/commit-msg.sample

@@ -0,0 +1,24 @@
+#!/bin/sh
+#
+# An example hook script to check the commit log message.
+# Called by "git commit" with one argument, the name of the file
+# that has the commit message.  The hook should exit with non-zero
+# status after issuing an appropriate message if it wants to stop the
+# commit.  The hook is allowed to edit the commit message file.
+#
+# To enable this hook, rename this file to "commit-msg".
+
+# Uncomment the below to add a Signed-off-by line to the message.
+# Doing this in a hook is a bad idea in general, but the prepare-commit-msg
+# hook is more suited to it.
+#
+# SOB=$(git var GIT_AUTHOR_IDENT | sed -n 's/^\(.*>\).*$/Signed-off-by: \1/p')
+# grep -qs "^$SOB" "$1" || echo "$SOB" >> "$1"
+
+# This example catches duplicate Signed-off-by lines.
+
+test "" = "$(grep '^Signed-off-by: ' "$1" |
+	 sort | uniq -c | sed -e '/^[ 	]*1[ 	]/d')" || {
+	echo >&2 Duplicate Signed-off-by lines.
+	exit 1
+}

hooks/post-update.sample

@@ -0,0 +1,8 @@
+#!/bin/sh
+#
+# An example hook script to prepare a packed repository for use over
+# dumb transports.
+#
+# To enable this hook, rename this file to "post-update".
+
+exec git update-server-info

hooks/pre-applypatch.sample

@@ -0,0 +1,14 @@
+#!/bin/sh
+#
+# An example hook script to verify what is about to be committed
+# by applypatch from an e-mail message.
+#
+# The hook should exit with non-zero status after issuing an
+# appropriate message if it wants to stop the commit.
+#
+# To enable this hook, rename this file to "pre-applypatch".
+
+. git-sh-setup
+test -x "$GIT_DIR/hooks/pre-commit" &&
+	exec "$GIT_DIR/hooks/pre-commit" ${1+"$@"}
+:

hooks/pre-commit.sample

@@ -0,0 +1,50 @@
+#!/bin/sh
+#
+# An example hook script to verify what is about to be committed.
+# Called by "git commit" with no arguments.  The hook should
+# exit with non-zero status after issuing an appropriate message if
+# it wants to stop the commit.
+#
+# To enable this hook, rename this file to "pre-commit".
+
+if git rev-parse --verify HEAD >/dev/null 2>&1
+then
+	against=HEAD
+else
+	# Initial commit: diff against an empty tree object
+	against=4b825dc642cb6eb9a060e54bf8d69288fbee4904
+fi
+
+# If you want to allow non-ascii filenames set this variable to true.
+allownonascii=$(git config hooks.allownonascii)
+
+# Redirect output to stderr.
+exec 1>&2
+
+# Cross platform projects tend to avoid non-ascii filenames; prevent
+# them from being added to the repository. We exploit the fact that the
+# printable range starts at the space character and ends with tilde.
+if [ "$allownonascii" != "true" ] &&
+	# Note that the use of brackets around a tr range is ok here, (it's
+	# even required, for portability to Solaris 10's /usr/bin/tr), since
+	# the square bracket bytes happen to fall in the designated range.
+	test $(git diff --cached --name-only --diff-filter=A -z $against |
+	  LC_ALL=C tr -d '[ -~]\0' | wc -c) != 0
+then
+	echo "Error: Attempt to add a non-ascii file name."
+	echo
+	echo "This can cause problems if you want to work"
+	echo "with people on other platforms."
+	echo
+	echo "To be portable it is advisable to rename the file ..."
+	echo
+	echo "If you know what you are doing you can disable this"
+	echo "check using:"
+	echo
+	echo "  git config hooks.allownonascii true"
+	echo
+	exit 1
+fi
+
+# If there are whitespace errors, print the offending file names and fail.
+exec git diff-index --check --cached $against --

hooks/pre-rebase.sample

@@ -0,0 +1,169 @@
+#!/bin/sh
+#
+# Copyright (c) 2006, 2008 Junio C Hamano
+#
+# The "pre-rebase" hook is run just before "git rebase" starts doing
+# its job, and can prevent the command from running by exiting with
+# non-zero status.
+#
+# The hook is called with the following parameters:
+#
+# $1 -- the upstream the series was forked from.
+# $2 -- the branch being rebased (or empty when rebasing the current branch).
+#
+# This sample shows how to prevent topic branches that are already
+# merged to 'next' branch from getting rebased, because allowing it
+# would result in rebasing already published history.
+
+publish=next
+basebranch="$1"
+if test "$#" = 2
+then
+	topic="refs/heads/$2"
+else
+	topic=`git symbolic-ref HEAD` ||
+	exit 0 ;# we do not interrupt rebasing detached HEAD
+fi
+
+case "$topic" in
+refs/heads/??/*)
+	;;
+*)
+	exit 0 ;# we do not interrupt others.
+	;;
+esac
+
+# Now we are dealing with a topic branch being rebased
+# on top of master.  Is it OK to rebase it?
+
+# Does the topic really exist?
+git show-ref -q "$topic" || {
+	echo >&2 "No such branch $topic"
+	exit 1
+}
+
+# Is topic fully merged to master?
+not_in_master=`git rev-list --pretty=oneline ^master "$topic"`
+if test -z "$not_in_master"
+then
+	echo >&2 "$topic is fully merged to master; better remove it."
+	exit 1 ;# we could allow it, but there is no point.
+fi
+
+# Is topic ever merged to next?  If so you should not be rebasing it.
+only_next_1=`git rev-list ^master "^$topic" ${publish} | sort`
+only_next_2=`git rev-list ^master           ${publish} | sort`
+if test "$only_next_1" = "$only_next_2"
+then
+	not_in_topic=`git rev-list "^$topic" master`
+	if test -z "$not_in_topic"
+	then
+		echo >&2 "$topic is already up-to-date with master"
+		exit 1 ;# we could allow it, but there is no point.
+	else
+		exit 0
+	fi
+else
+	not_in_next=`git rev-list --pretty=oneline ^${publish} "$topic"`
+	/usr/bin/perl -e '
+		my $topic = $ARGV[0];
+		my $msg = "* $topic has commits already merged to public branch:\n";
+		my (%not_in_next) = map {
+			/^([0-9a-f]+) /;
+			($1 => 1);
+		} split(/\n/, $ARGV[1]);
+		for my $elem (map {
+				/^([0-9a-f]+) (.*)$/;
+				[$1 => $2];
+			} split(/\n/, $ARGV[2])) {
+			if (!exists $not_in_next{$elem->[0]}) {
+				if ($msg) {
+					print STDERR $msg;
+					undef $msg;
+				}
+				print STDERR " $elem->[1]\n";
+			}
+		}
+	' "$topic" "$not_in_next" "$not_in_master"
+	exit 1
+fi
+
+exit 0
+
+################################################################
+
+This sample hook safeguards topic branches that have been
+published from being rewound.
+
+The workflow assumed here is:
+
+ * Once a topic branch forks from "master", "master" is never
+   merged into it again (either directly or indirectly).
+
+ * Once a topic branch is fully cooked and merged into "master",
+   it is deleted.  If you need to build on top of it to correct
+   earlier mistakes, a new topic branch is created by forking at
+   the tip of the "master".  This is not strictly necessary, but
+   it makes it easier to keep your history simple.
+
+ * Whenever you need to test or publish your changes to topic
+   branches, merge them into "next" branch.
+
+The script, being an example, hardcodes the publish branch name
+to be "next", but it is trivial to make it configurable via
+$GIT_DIR/config mechanism.
+
+With this workflow, you would want to know:
+
+(1) ... if a topic branch has ever been merged to "next".  Young
+    topic branches can have stupid mistakes you would rather
+    clean up before publishing, and things that have not been
+    merged into other branches can be easily rebased without
+    affecting other people.  But once it is published, you would
+    not want to rewind it.
+
+(2) ... if a topic branch has been fully merged to "master".
+    Then you can delete it.  More importantly, you should not
+    build on top of it -- other people may already want to
+    change things related to the topic as patches against your
+    "master", so if you need further changes, it is better to
+    fork the topic (perhaps with the same name) afresh from the
+    tip of "master".
+
+Let's look at this example:
+
+		   o---o---o---o---o---o---o---o---o---o "next"
+		  /       /           /           /
+		 /   a---a---b A     /           /
+		/   /               /           /
+	       /   /   c---c---c---c B         /
+	      /   /   /             \         /
+	     /   /   /   b---b C     \       /
+	    /   /   /   /             \     /
+    ---o---o---o---o---o---o---o---o---o---o---o "master"
+
+
+A, B and C are topic branches.
+
+ * A has one fix since it was merged up to "next".
+
+ * B has finished.  It has been fully merged up to "master" and "next",
+   and is ready to be deleted.
+
+ * C has not merged to "next" at all.
+
+We would want to allow C to be rebased, refuse A, and encourage
+B to be deleted.
+
+To compute (1):
+
+	git rev-list ^master ^topic next
+	git rev-list ^master        next
+
+	if these match, topic has not merged in next at all.
+
+To compute (2):
+
+	git rev-list master..topic
+
+	if this is empty, it is fully merged to "master".

hooks/prepare-commit-msg.sample

@@ -0,0 +1,36 @@
+#!/bin/sh
+#
+# An example hook script to prepare the commit log message.
+# Called by "git commit" with the name of the file that has the
+# commit message, followed by the description of the commit
+# message's source.  The hook's purpose is to edit the commit
+# message file.  If the hook fails with a non-zero status,
+# the commit is aborted.
+#
+# To enable this hook, rename this file to "prepare-commit-msg".
+
+# This hook includes three examples.  The first comments out the
+# "Conflicts:" part of a merge commit.
+#
+# The second includes the output of "git diff --name-status -r"
+# into the message, just before the "git status" output.  It is
+# commented because it doesn't cope with --amend or with squashed
+# commits.
+#
+# The third example adds a Signed-off-by line to the message, that can
+# still be edited.  This is rarely a good idea.
+
+case "$2,$3" in
+  merge,)
+    /usr/bin/perl -i.bak -ne 's/^/# /, s/^# #/#/ if /^Conflicts/ .. /#/; print' "$1" ;;
+
+# ,|template,)
+#   /usr/bin/perl -i.bak -pe '
+#      print "\n" . `git diff --cached --name-status -r`
+#	 if /^#/ && $first++ == 0' "$1" ;;
+
+  *) ;;
+esac
+
+# SOB=$(git var GIT_AUTHOR_IDENT | sed -n 's/^\(.*>\).*$/Signed-off-by: \1/p')
+# grep -qs "^$SOB" "$1" || echo "$SOB" >> "$1"

hooks/update.sample

@@ -0,0 +1,128 @@
+#!/bin/sh
+#
+# An example hook script to blocks unannotated tags from entering.
+# Called by "git receive-pack" with arguments: refname sha1-old sha1-new
+#
+# To enable this hook, rename this file to "update".
+#
+# Config
+# ------
+# hooks.allowunannotated
+#   This boolean sets whether unannotated tags will be allowed into the
+#   repository.  By default they won't be.
+# hooks.allowdeletetag
+#   This boolean sets whether deleting tags will be allowed in the
+#   repository.  By default they won't be.
+# hooks.allowmodifytag
+#   This boolean sets whether a tag may be modified after creation. By default
+#   it won't be.
+# hooks.allowdeletebranch
+#   This boolean sets whether deleting branches will be allowed in the
+#   repository.  By default they won't be.
+# hooks.denycreatebranch
+#   This boolean sets whether remotely creating branches will be denied
+#   in the repository.  By default this is allowed.
+#
+
+# --- Command line
+refname="$1"
+oldrev="$2"
+newrev="$3"
+
+# --- Safety check
+if [ -z "$GIT_DIR" ]; then
+	echo "Don't run this script from the command line." >&2
+	echo " (if you want, you could supply GIT_DIR then run" >&2
+	echo "  $0 <ref> <oldrev> <newrev>)" >&2
+	exit 1
+fi
+
+if [ -z "$refname" -o -z "$oldrev" -o -z "$newrev" ]; then
+	echo "Usage: $0 <ref> <oldrev> <newrev>" >&2
+	exit 1
+fi
+
+# --- Config
+allowunannotated=$(git config --bool hooks.allowunannotated)
+allowdeletebranch=$(git config --bool hooks.allowdeletebranch)
+denycreatebranch=$(git config --bool hooks.denycreatebranch)
+allowdeletetag=$(git config --bool hooks.allowdeletetag)
+allowmodifytag=$(git config --bool hooks.allowmodifytag)
+
+# check for no description
+projectdesc=$(sed -e '1q' "$GIT_DIR/description")
+case "$projectdesc" in
+"Unnamed repository"* | "")
+	echo "*** Project description file hasn't been set" >&2
+	exit 1
+	;;
+esac
+
+# --- Check types
+# if $newrev is 0000...0000, it's a commit to delete a ref.
+zero="0000000000000000000000000000000000000000"
+if [ "$newrev" = "$zero" ]; then
+	newrev_type=delete
+else
+	newrev_type=$(git cat-file -t $newrev)
+fi
+
+case "$refname","$newrev_type" in
+	refs/tags/*,commit)
+		# un-annotated tag
+		short_refname=${refname##refs/tags/}
+		if [ "$allowunannotated" != "true" ]; then
+			echo "*** The un-annotated tag, $short_refname, is not allowed in this repository" >&2
+			echo "*** Use 'git tag [ -a | -s ]' for tags you want to propagate." >&2
+			exit 1
+		fi
+		;;
+	refs/tags/*,delete)
+		# delete tag
+		if [ "$allowdeletetag" != "true" ]; then
+			echo "*** Deleting a tag is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/tags/*,tag)
+		# annotated tag
+		if [ "$allowmodifytag" != "true" ] && git rev-parse $refname > /dev/null 2>&1
+		then
+			echo "*** Tag '$refname' already exists." >&2
+			echo "*** Modifying a tag is not allowed in this repository." >&2
+			exit 1
+		fi
+		;;
+	refs/heads/*,commit)
+		# branch
+		if [ "$oldrev" = "$zero" -a "$denycreatebranch" = "true" ]; then
+			echo "*** Creating a branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/heads/*,delete)
+		# delete branch
+		if [ "$allowdeletebranch" != "true" ]; then
+			echo "*** Deleting a branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/remotes/*,commit)
+		# tracking branch
+		;;
+	refs/remotes/*,delete)
+		# delete tracking branch
+		if [ "$allowdeletebranch" != "true" ]; then
+			echo "*** Deleting a tracking branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	*)
+		# Anything else (is there anything else?)
+		echo "*** Update hook: unknown type of update to ref $refname of type $newrev_type" >&2
+		exit 1
+		;;
+esac
+
+# --- Finished
+exit 0

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>

info/exclude

@@ -0,0 +1,7 @@
+# git ls-files --others --exclude-from=.git/info/exclude
+# Lines that start with '#' are comments.
+# For a project mostly in C, the following would be a good set of
+# exclude patterns (uncomment them if you want to use them):
+# *.[oa]
+# *~
+.DS_Store

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"

templates-osi.html

@@ -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>