ebae7caf |
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"> |
8c352322 |
6 | <title>INTRO: SeaMonkey - Reviving the Suite</title> |
7 | <link rel="stylesheet" type="text/css" href="slides.css"> |
ebae7caf |
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> |