add some images to slides
[slides.git] / fosdem2006 / 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   <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">
11 html { height: 100%; }
12 body {
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">
34 var steps = 20;
35 var seconds = 5;
36
37 var runFade;
38 var splash;
39 var start;
40 var cnt = 0;
41
42 function 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
60 function 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
68 function 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>