| | 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> |
projects / slides.git / blame_incremental