make style look nicer

dbu · dbu · commit 5ec62148370b · 2013-03-25T12:16:22.000+01:00
diff --git a/slides/slides.html b/slides/slides.html
@@ -62,6 +62,23 @@
             li {
                 line-height: 1.2em;
             }
+            .footer, h1 {
+                background: #eeeeee;
+                border: solid #cccccc 1px;
+                border-radius: 5px;
+                padding: 8px;
+            }
+            .section h1 {
+                background: #fff;
+                border: none;
+                font-size: 2em;
+            }
+            .footer {
+                background: #fff;
+                margin: 10px;
+                margin-top: 0;
+                width: 97%;
+            }
         </style>
         <!-- Slippy init code -->
         <script type="text/javascript">
@@ -74,9 +91,9 @@
     </head>
 
     <body>
-        <div class="slide" style="text-align:center">
-            <h1>PHP Content Repository Specification</h1>
-            <h1><a href="http://phpcr.github.com">phpcr.github.com</a></h1>
+        <div class="slide section" style="text-align:center">
+            <h1>PHP Content Repository</h1>
+            <h2><a href="http://phpcr.github.com">phpcr.github.com</a></h2>
         </div>
 
         <div class="slide" style="text-align:center">
@@ -149,7 +166,7 @@ <h1>PHPCR Features</h1>
             <p>* Not yet implemented in Jackalope-Jackrabbit</p>
         </div>
 
-        <div class="slide">
+        <div class="slide section">
             <h1>PHPCR concepts</h1>
         </div>
 
@@ -266,7 +283,7 @@ <h1>PHPCR</h1>
             <small style="white-space: nowrap; float:right; font-size: 16pt;">Source: phpcr.github.com</small></p>
         </div>
 
-        <div class="slide">
+        <div class="slide section">
             <h1>PHPCR code examples</h1>
         </div>
 
@@ -566,7 +583,7 @@ <h1>Doctrine PHPCR ODM</h1>
             </ul>
         </div>
 
-        <div class="slide">
+        <div class="slide section">
             <h1>Conclusions</h1>
         </div>
 
@@ -584,9 +601,10 @@ <h1>Door swings both ways, so remember</h1>
             <img src="square_in_a_circle.png" alt="like fitting a square into a circle" />
         </div>
 
-        <div class="slide" style="text-align:center">
+        <div class="slide section" style="text-align:center">
             <h1>Play with it today!</h1>
             <h2><a href="https://github.com/phpcr/phpcr/blob/master/doc/Tutorial.md">PHPCR Tutorial</a></h2><br/>
+            <br/>
             <h1>See it in action!</h1>
             <h2><a href="https://github.com/symfony-cmf/cmf-sandbox">Symfony2 CMF sandbox</a></h2>
         </div>
