add some images to slides
[slides.git] / fosdem2009 / intro.html
... / ...
CommitLineData
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">
17body {
18 background-color: black;
19 color: #5b5bed;
20 text-align: center;
21}
22h1 {
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>