fosdem2009/intro.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3 <head>
   4   <!--
   5     updated to HTML 4.01 by KaiRo, original file is
   6     http://bonsai.mozilla.org/cvsblame.cgi?file=mozilla/l10n/us/xp/mozilla.html&rev=1.1&root=/cvsroot
   7   -->
   8   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
   9   <title>The Future Begins</title>
  10   <!-- link rel="stylesheet" type="text/css" href="slides.css" -->
  11   <script type="text/javascript" src="slides.js"></script>
  12   <link rel="contents" href="index.html" title="Contents">
  13   <link rel="index" href="toc.html" title="Overview">
  14   <link rel="start" href="index.html" title="Start">
  15   <link rel="next" href="index.html" title="Next page">
  16 <style type="text/css">
  17 body {
  18   background-color: black;
  19   color: #5b5bed;
  20   text-align: center;
  21 }
  22 h1 {
  23   font-size: 2em;
  24   margin: 1em;
  25   font-weight: bold;
  26   text-align: center;
  27 }
  28 #shadow {
  29   position: absolute;
  30   background-color: black;
  31   height: 400px;
  32   width: 90%;
  33   left: 5%;
  34 }
  35 #introvideo {
  36   margin: 0 auto;
  37   border: 0px solid transparent;
  38   padding: 0;
  39   display: block;
  40 }
  41 #intrologo {
  42   display: block;
  43   margin: 1em auto;
  44   border: 0px solid transparent;
  45   padding: 0;
  46 }
  47 </style>
  48 </head>
  49 <body>
  50 <h1>The Future Begins</h1>
  51 <div id="shadow" onclick="document.getElementById('shadow').style.display='none';document.getElementById('introvideo').play();">
  52 <img src="intro-logo.png" onclick="true;">
  53 </div>
  54 <video id="introvideo" src="trailer.ogg" controls="true">
  55   The future will begin once you have a browser that supports the <code>video</code> element.
  56 </video>
  57 <img id="intrologo" src="intro-logo.png">
  58 </body>
  59 </html>