[slides.git] / fosdem2006 / intro.html

<!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>
Commit	Line	Data
	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() + 2seconds1000)) {
	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() + 2seconds1000)) {
	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>