[ADD] diapo de start

css/impress-demo.css

@@ -301,16 +301,14 @@ a:focus {
     font-family: "Arial";
 }
 
-/*
-    And now we start to style each step separately.
-
-    I agree that this may be not the most efficient, object-oriented and
-    scalable way of styling, but most of steps have quite a custom look
-    and typography tricks here and there, so they had to be styles separately.
+#start {
+    height: auto;
+    background-color: black;
+}
 
-    First is the title step with a big <h1> (no room for padding) and some
-    3D positioning along Z axis.
-*/
+#start img {
+    width: 100%;
+}
 
 #title {
     padding: 0;
@@ -615,6 +613,7 @@ a:focus {
 #source p.note {
     font-size: .5em;
     color: #666;
+    text-align: right;
 }
 
 #source q {

index.html

@@ -24,6 +24,10 @@
 
 <div id="impress">
 
+    <div id="start" class="step slide" data-x="-2000" data-y="-1500">
+        <img src="img/rideau.jpeg" />
+    </div>
+
     <div class="step slide" data-x="-1000" data-y="-1500">
         <q>
             <i class="moi">Richard Tetaz</i>
@@ -35,7 +39,6 @@ <h1>Infomaniak Network</h1>
                 <i>Université de Savoie</i>
                 <i><b>2011 2012</b></i>
             </center>
-            <i class="impress">Impress.js</i>
         </q>
     </div>
 
@@ -198,7 +201,7 @@ <h1>Thanks!</h1>
             <p>Avez-vous des <b>questions</b> ?</p>
             <img title="Pas trop le 'tourni' ?" src="img/question.png" />
         </center>
-        <p class="note">Presentation créée en 4 heures avec Impress.JS</p>
+        <p class="note">Présentation créée avec <a href="https://github.com/bartaz/impress.js">Impress.JS</a></p>
     </div>
 
     <div id="overview" class="step" data-x="3000" data-y="1500" data-scale="10">