point to working video
[slides.git] / 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 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
5 <meta name="Author" content="KaiRo - Robert Kaiser">
6 <title>INTRO - The SeaMonkey Project</title>
7 <link rel="stylesheet" type="text/css" href="slides2006.css">
8 <link rel="contents" href="index.html" title="Contents">
9 <link rel="start" href="index.html" title="Start">
10<style type="text/css">
11html { height: 100%; }
12body {
13 height: 100%;
14 background-color: -moz-Dialog;
15 background-image: none;
16 background-repeat: no-repeat;
17 background-position: center center;
18 padding: 0;
19}
20#splash {
21 position: absolute;
22 top: 0;
23 bottom: 0;
24 left: 0;
25 right: 0;
26 width: 390px;
27 height: 232px;
28 margin: auto;
29 opacity: 0;
30}
31#splash > a > img { border: none; }
32</style>
33<script type="text/javascript">
34var steps = 20;
35var seconds = 5;
36
37var runFade;
38var splash;
39var start;
40var cnt = 0;
41
42function setFade() {
43 splash = document.getElementById('splash');
44 if (splash.style.display == 'none') {
45 splash.style.opacity = 0;
46 cnt = 0;
47 splash.style.display = 'block';
48 start = new Date();
49 runFade = window.setInterval("fadeIn()", seconds*1000/steps);
50 }
51 else {
52 if (splash.style.display) {
53 start = new Date();
54 runFade = window.setInterval("fadeOut()", seconds*1000/steps);
55 }
56 else { splash.style.display = 'none'; }
57 }
58}
59
60function fadeIn() {
61 splash.style.opacity = cnt++/steps;
62 var now = new Date();
63 if ((splash.style.opacity >= 1) || (cnt > steps) || (now.getTime() > start.getTime() + 2*seconds*1000)) {
64 window.clearInterval(runFade);
65 }
66}
67
68function fadeOut() {
69 splash.style.opacity = cnt--/steps;
70 var now = new Date();
71 if ((splash.style.opacity <= 0) || (cnt < 0) || (now.getTime() > start.getTime() + 2*seconds*1000)) {
72 window.clearInterval(runFade);
73 splash.style.display = 'none';
74 }
75}
76</script>
77</head>
78<body onClick="setFade();">
79
80<div id="splash" style="display:none;">
81<a href="index.html" accesskey="n"><img src="seamonkey-splash.png" alt="start"></a>
82</div>
83
84</body>
85</html>