WIP.
[hacks/simpleWebSlides.git] / doc / sample.xhtml
index 6a02df7..01a9d6d 100644 (file)
@@ -1,63 +1,49 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
+<!DOCTYPE html ""
 [
-  <!ENTITY global-title "Programmation Internet Cours 1">
+  <!ENTITY global-title "<h1>SimpleWebSlides</h1><h1>An HTML5 presentation framework</h1>">
 ]>
-<html xmlns="http://www.w3.org/1999/xhtml">
+<html>
   <head>
     <title>&global-title;</title>
 
     <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
     <meta name="copyright"
           content="Copyright &#169; 2013 Kim Nguyễn" />
-    <link rel="stylesheet" href="print_style.css" type="text/css"
-          media="print" />
-    <link rel="stylesheet" href="screen_style.css" type="text/css"
-          media="screen, projection" />
 
-    <link rel="stylesheet" href="common_style.css" type="text/css"
+    <link rel="stylesheet" href="../simpleWebSlides.css" type="text/css"
           media="all" />
+    <!-- allows to switch themes in firefox -->
 
-    <link rel="stylesheet" href="theme.css" type="text/css"
-          media="all" />
-    <script src="jquery-1.9.1.min.js" type="text/javascript" ></script>
-    <script src="simpleWebSlides.js" type="text/javascript" ></script>
+    <link rel="stylesheet" title="Default" href="../themes/default.css"
+          type="text/css" />
+    <link rel="alternate stylesheet"  title="Web 2.0"
+          href="../themes/webTwoPointO.css"
+          type="text/css" />
 
+    <script src="../jquery-1.9.1.min.js" type="text/javascript" ></script>
+    <script src="../simpleWebSlides.js" type="text/javascript" ></script>
   </head>
   <body>
 
     <div class="slide cover nofooter">
-      <div class="title">
-        <h1>&global-title;</h1>
-        <h2>Kim Nguyễn</h2>
-        <a href="http://www.lri.fr/~kn/">http://www.lri.fr/~kn</a>
-        <h3>17/09/2012</h3>
+      <div class="centerbox">
+        &global-title;
+        <a href="mailto:kim@nguyen.vg">kim@nguyen.vg</a>
       </div>
     </div>
 
 
-    <h1>Remarques préliminaires</h1>
-
-    <div class="slide">
-      <h1>Contenu du cours</h1>
-      <ol>
-        <li><em>Comprendre les bases du Web</em>
-          <ul>
-            <li>Fonctionnement du système Unix (cours 1-2)</li>
-            <li>Notions de réseau (cours 3-4)</li>
-          </ul>
-        </li>
+    <h1>Introduction</h1>
 
-        <li><em>Programmer (pour) le Web</em>
-          <ul>
-            <li>Pages statiques en HTML et CSS (cours 5)</li>
-            <li>Programmation côté serveur avec PHP (cours 6-7)</li>
-            <li>Programmation côté client avec Javascript (cours 8-9)</li>
-            <li>Sécurité des sites Web (cours 10)</li>
-          </ul>
-        </li>
-      </ol>
+    <div class="slide" data-foo="44">
+      <h1>What is it?</h1>
+      <em>SimpleWebSlides</em> is an HTML5 framework that allows
+      you to build presentation slides:<i class="pause"/>
+      <ul>
+        <li>Write your slides in HTML5!</li>
+        <li>Script your slides with Javascript!</li>
+        <li>Theme your slides with CSS!</li>
+      </ul>
     </div>
 
     <div class="slide">