dd

EpokK · Aug 14, 2012 · e79297b · e79297b
1 parent e2dc933
commit e79297b
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 21 deletions.
diff --git a/css/impress-demo.css b/css/impress-demo.css
@@ -273,11 +273,19 @@ a:focus {
     opacity: 0.2;
 }
 
-#title {
+#introduction {
     padding: 0;
+    width: 500px;
+}
+
+#introduction .acco {
+    font-size: 280px;
+    line-height: 60px;
+    color: #999;
+    text-shadow: 2px 1px 1px #FFF;
 }
 
-#title .try {
+#introduction .mon {
     font-size: 60px;
     position: absolute;
     top: -0.7em;
@@ -290,7 +298,7 @@ a:focus {
     transform:         translateZ(20px);
 }
 
-#title h1 {
+#introduction h1 {
     font-size: 190px;
     line-height: 1em;
 
@@ -301,7 +309,7 @@ a:focus {
     transform:         translateZ(50px);
 }
 
-#title .duction {
+#introduction .duction {
     font-size: 80px;
     font-weight: bold;
     font-family: "Georgia";
@@ -487,6 +495,15 @@ a:focus {
     font-family: 'Open Sans', sans-serif;
 }
 
+#conclusion .acco {
+    font-size: 280px;
+    line-height: 60px;
+    vertical-align: middle;
+    top: 80px;
+    position: absolute;
+    color: #999;
+    text-shadow: 2px 1px 1px #FFF;
+}
 
 #conclusion b, #merci b {
     display: inline-block;

diff --git a/index.html b/index.html
@@ -65,10 +65,19 @@ <h2>Plan</h2>
         </q>
     </div>
 
-    <div id="title" class="step" data-x="2700" data-y="0" data-scale="4">
-        <span class="try">Mon</span>
-        <h1>Intro</h1>
-        <span class="duction">DUCTION</span>
+    <div id="introduction" class="step" data-x="2700" data-y="0" data-scale="4">
+        <table>
+            <tr>
+                <td>
+                    <span class="acco">{</span>
+                </td>
+                <td>
+                    <span class="mon">Mon</span>
+                    <h1>Intro</h1>
+                    <span class="duction">DUCTION</span>
+                </td>
+            </tr>
+        </table>
     </div>
 
     <div id="its" class="step" data-x="850" data-y="3000" data-rotate="90" data-scale="5">
@@ -200,19 +209,30 @@ <h1>Agenda</h1>
     </div>
 
     <div id="conclusion" class="step" data-x="3500" data-y="-850" data-rotate="270" data-scale="6">
-        <p>
-            Ma
-        </p>
-        <h1>Conclusion</h1>
-        <p>
-            Des <b>réponses</b>
-        </p>
-        <p>
-            Des <b>expériences</b>
-        </p>
-        <p>
-            Des <b>perspectives</b> <i>perso</i> &amp; <i>pro</i>
-        </p>
+        <table>
+            <tbody>
+                <tr>
+                    <td>
+                        <p>
+                            Ma
+                        </p>
+                        <h1>Conclusion</h1>
+                        <p>
+                            Des <b>réponses</b>
+                        </p>
+                        <p>
+                            Des <b>expériences</b>
+                        </p>
+                        <p>
+                            Des <b>perspectives</b> <i>perso</i> &amp; <i>pro</i>
+                        </p>
+                    </td>
+                    <td>
+                        <span class="acco">}</span>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
     </div>
 
     <div id="merci" class="step" data-x="6700" data-y="-300" data-scale="6">