je vais dormir

EpokK · Aug 12, 2012 · c6eca3f · c6eca3f
1 parent b52250c
commit c6eca3f
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 30 deletions.
diff --git a/css/impress-demo.css b/css/impress-demo.css
@@ -245,22 +245,6 @@ a:focus {
     color: #02538A;
 }
 
-.slide.present q span.gui {
-    font-size: 150px;
-    font-family: "Georgia";
-    color: #CCC;
-    position: absolute;
-    top: 400px;
-
-    -webkit-transition: 1s;
-    -moz-transition:    1s;
-    -ms-transition:     1s;
-    -o-transition:      1s;
-    transition:         1s;
-
-
-}
-
 .slide q i {
     font-size: 25px;
     font-style: italic;
@@ -280,6 +264,12 @@ a:focus {
     font-weight: bold;
 }
 
+.slide q hr {
+    border-style: dotted;
+    border-width: 10px;
+    color: #CCC;
+}
+
 .slide q strong {
     white-space: nowrap;
 }
@@ -291,7 +281,10 @@ a:focus {
 
 .slide q ol {
     list-style: decimal;
-    margin-left: 50px;
+    margin-left: 100px;
+    font-size: 100px;
+    line-height: 110px;
+    font-family: "Arial";
 }
 
 /*
@@ -342,6 +335,24 @@ a:focus {
     position: absolute;
 }
 
+#rappel h1 {
+    font-size: 80px;
+    font-weight: bold;
+    color: #666;
+    text-shadow: 2px 1px 1px #FFF;
+    filter: dropshadow(color=#FFF, offx=1, offy=1);
+}
+
+#rappel div.fond {
+    background: url('../img/fond.jpg') repeat center center;
+    border-color: red;
+    border-radius: 15px;
+    padding: 45px;
+    border-width: 5px;
+    border-style: dotted;
+    width: 800px;
+}
+
 /*
     Second step is nothing special, just a text with a link, so it doesn't need
     any special styling.
@@ -439,8 +450,8 @@ a:focus {
 
 #tiny3 ul li {
     font-family: 'Open Sans', sans-serif;
-    line-height: 0.9;
-    font-size: 90px;
+    line-height: 0.8;
+    font-size: 110px;
     font-weight: bold;
 }
 

diff --git a/img/cs.jpg b/img/cs.jpg
diff --git a/img/fond.jpg b/img/fond.jpg
diff --git a/index.html b/index.html
@@ -42,9 +42,9 @@ <h1>Infomaniak Network</h1>
 
     <div class="step slide" data-x="0" data-y="-1500">
         <q style="margin-top: 0px;">
-            <h2>Présentation d'Infomaniak</h2>
+            <h2>La société</h2>
             <ul>
-                <li>Jeune société Genevoise</li>
+                <li>Jeune et Genevoise</li>
                 <li>Hébergement de services Web</li>
                 <li>Engagé écologiquement</li>
             </ul>
@@ -55,16 +55,16 @@ <h2>Présentation d'Infomaniak</h2>
     </div>
 
     <div class="step slide" data-x="1000" data-y="-1500">
-        <q>
-            <span style="top: 100px;" class="gui">''</span>
+        <q style="margin-top: 0px;">
             <h2>Plan</h2>
-            <ol>
-                <li>Introduction</li>
-                <li>Rappel</li>
-                <li>Mes travaux</li>
-                <li>Conclusion</li>
-            </ol>
-            <span style="top: 520px;" class="gui">''</span>
+            <hr>
+                <ol>
+                    <li>Introduction</li>
+                    <li>Rappel</li>
+                    <li>Mes travaux</li>
+                    <li>Conclusion</li>
+                </ol>
+            </hr>
         </q>
     </div>
 
@@ -87,6 +87,13 @@ <h1>Intro</h1>
         </p>
     </div>
 
+    <div id="rappel" class="step" data-x="-3000" data-y="3000" data-rotate="180" data-scale="6">
+        <div class="fond">
+            <h1>Rappel:</h1>
+            <img src="img/cs.jpg" />
+       </div>
+    </div>
+
     <div id="big" class="step" data-x="3500" data-y="2100" data-rotate="180" data-scale="6">
         <p><span class="tiny">Mes</span> <b>MISSIONS</b></p>
     </div>