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