add first version of FOSDEM 2007 slides

[slides.git] / fosdem2007 / intro.html
diff --git a/fosdem2007/intro.html b/fosdem2007/intro.html

new file mode 100755 (executable)

index 0000000..e0117af
--- /dev/null
+++ b/fosdem2007/intro.html
@@ -0,0 +1,85 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
+  <meta name="Author" content="KaiRo - Robert Kaiser">
+  <title>INTRO - The SeaMonkey Project</title>
+  <link rel="stylesheet" type="text/css" href="slides2006.css">
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="start" href="index.html" title="Start">
+<style type="text/css">
+html { height: 100%; }
+body {
+  height: 100%;
+  background-color: -moz-Dialog;
+  background-image: none;
+  background-repeat: no-repeat;
+  background-position: center center;
+  padding: 0;
+}
+#splash {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 390px;
+  height: 232px;
+  margin: auto;
+  opacity: 0;
+}
+#splash > a > img { border: none; }
+</style>
+<script type="text/javascript">
+var steps = 20;
+var seconds = 5;
+
+var runFade;
+var splash;
+var start;
+var cnt = 0;
+
+function setFade() {
+  splash = document.getElementById('splash');
+  if (splash.style.display == 'none') {
+    splash.style.opacity = 0;
+    cnt = 0;
+    splash.style.display = 'block';
+    start = new Date();
+    runFade = window.setInterval("fadeIn()", seconds*1000/steps);
+  }
+  else {
+    if (splash.style.display) {
+      start = new Date();
+      runFade = window.setInterval("fadeOut()", seconds*1000/steps);
+    }
+    else { splash.style.display = 'none'; }
+  }
+}
+
+function fadeIn() {
+  splash.style.opacity = cnt++/steps;
+  var now = new Date();
+  if ((splash.style.opacity >= 1) || (cnt > steps) || (now.getTime() > start.getTime() + 2*seconds*1000)) {
+    window.clearInterval(runFade);
+  }
+}
+
+function fadeOut() {
+  splash.style.opacity = cnt--/steps;
+  var now = new Date();
+  if ((splash.style.opacity <= 0) || (cnt < 0) || (now.getTime() > start.getTime() + 2*seconds*1000)) {
+    window.clearInterval(runFade);
+    splash.style.display = 'none';
+  }
+}
+</script>
+</head>
+<body onClick="setFade();">
+
+<div id="splash" style="display:none;">
+<a href="index.html" accesskey="n"><img src="seamonkey-splash.png" alt="start"></a>
+</div>
+
+</body>
+</html>