[slides.git] / fosdem2009 / intro.html

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