add initial version of FOSDEM2009 slides
authorrobert <robert>
Sat, 31 Jan 2009 19:12:18 +0000 (19:12 +0000)
committerrobert <robert>
Sat, 31 Jan 2009 19:12:18 +0000 (19:12 +0000)
21 files changed:
fosdem2009/book_of_mozilla_12_10.html [new file with mode: 0644]
fosdem2009/index.html [new file with mode: 0755]
fosdem2009/local.conf [new file with mode: 0644]
fosdem2009/slide_end.html [new file with mode: 0755]
fosdem2009/slide_expectations.html [new file with mode: 0755]
fosdem2009/slide_initial_goals.html [new file with mode: 0755]
fosdem2009/slide_introduction.html [new file with mode: 0644]
fosdem2009/slide_quovadis.html [new file with mode: 0755]
fosdem2009/slide_seamonkey1.html [new file with mode: 0755]
fosdem2009/slide_seamonkey2.html [new file with mode: 0755]
fosdem2009/slide_vision1_integration.html [new file with mode: 0755]
fosdem2009/slide_vision2_configurability.html [new file with mode: 0755]
fosdem2009/slide_vision3_innovation.html [new file with mode: 0755]
fosdem2009/slide_vision4_security.html [new file with mode: 0755]
fosdem2009/slide_vision5_stability.html [new file with mode: 0755]
fosdem2009/slides.css [new file with mode: 0644]
fosdem2009/slides.js [new file with mode: 0644]
fosdem2009/template/breadcrumbs-background.png [new file with mode: 0644]
fosdem2009/template/header-background.png [new file with mode: 0644]
fosdem2009/template/header-logo.png [new file with mode: 0644]
fosdem2009/toc.html [new file with mode: 0755]

diff --git a/fosdem2009/book_of_mozilla_12_10.html b/fosdem2009/book_of_mozilla_12_10.html
new file mode 100644 (file)
index 0000000..549ce94
--- /dev/null
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <!--
+    updated to HTML 4.01 by KaiRo, original file is
+    http://bonsai.mozilla.org/cvsblame.cgi?file=mozilla/l10n/us/xp/mozilla.html&rev=1.1&root=/cvsroot
+  -->
+  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
+  <title>The Book of Mozilla, 12:10</title>
+  <!-- link rel="stylesheet" type="text/css" href="slides.css" -->
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="index" href="toc.html" title="Overview">
+  <link rel="start" href="index.html" title="Start">
+  <link rel="next" href="index.html" title="Next page">
+<style type="text/css">
+body {
+  background-color: #800000;
+  color: #ffffff;
+  font-size: 1.75em;
+  font-family: serif;
+  font-style: italic;
+  text-align: center;
+  line-height: 1.5;
+  padding: 5em;
+}
+.big {
+  font-size: 1.5em;
+}
+p {
+  margin: 2em 0;
+}
+</style>
+</head>
+<body onClick="location.href='index.html';">
+<p>
+And the beast shall come forth surrounded by a roiling
+<span class="big">cloud</span> of <span class="big">vengeance.</span>
+The house of the unbelievers shall be <span class="big">razed</span>
+and they shall be <span class="big">scorched</span> to the earth.
+Their tags shall <span class="big">blink</span> until
+the end of <span class="big">days.</span>
+</p>
+
+<p class="big">from <strong>The Book of Mozilla, 12:10</strong></p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/fosdem2009/index.html b/fosdem2009/index.html
new file mode 100755 (executable)
index 0000000..38d93e1
--- /dev/null
@@ -0,0 +1,59 @@
+<!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>SeaMonkey 2 &amp; The Vision Beyond</title>
+  <link rel="stylesheet" type="text/css" href="slides.css">
+  <script type="text/javascript" src="slides.js"></script>
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="index" href="toc.html" title="Overview">
+  <link rel="start" href="index.html" title="Start">
+<!--  <link rel="first" href="slide_introduction.html" title="First page">
+  <link rel="previous" href="slide_xxx.html" title="Previous page"> -->
+  <link rel="next" href="slide_introduction.html" title="Next page">
+  <link rel="last" href="slide_end.html" title="Last page">
+</head>
+<body onLoad="document.body.onclick = docClicked;">
+<div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
+  <img src="template/header-logo.png" height="38" width="260" alt="">
+</div>
+<div id="slidenav"><div id="subheader-text">Presentation Start</div>
+  <a href="toc.html" accesskey="t">toc</a> ||
+  <a href="index.html" accesskey="s">start</a> ||
+  <span class="nolink">&lt; prev</span> |
+  <a href="slide_introduction.html" id="goNext" accesskey="n">next &gt;</a>
+</div>
+
+<h1>SeaMonkey 2 &amp; The Vision Beyond</h1>
+
+<div class="simplebox">
+~45 min talk, ~10 min discussion
+</div>
+
+<div class="simplebox">
+Speaker: Robert Kaiser, "KaiRo" &lt;kairo@kairo.at&gt;
+</div>
+
+<div class="captionedbox">
+<p class="captionedbox-caption">The slides -
+  <a href="http://kairo.mozdev.org/slides/fosdem2009/">http://kairo.mozdev.org/slides/fosdem2009/</a></p>
+<div class="captionedbox-content small">
+<ul class="small">
+  <li>Created for
+    <a href="http://www.fosdem.org/2008/schedule/tracks/mozilla">Mozilla
+    Developer Room</a> at <a href="http://www.fosdem.org/">FOSDEM 2009</a> in
+    Brussels.</li>
+  <li>Written in HTML 4.01 Strict and CSS.</li>
+  <li>Best navigated with SeaMonkey's "Site Navigation Bar" (all pages
+   linked via [HTML 2.0] &lt;link&gt; tags)</li>
+  <li>For others: nav links on all slides, with accesskeys
+   (e.g. "n"/Alt+Shift+N for "next")</li>
+  <li><a href="toc.html">Table of Contents</a></li>
+  <li>&copy; 01-02/2009 Robert Kaiser and The SeaMonkey Project</li>
+</ul>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/fosdem2009/local.conf b/fosdem2009/local.conf
new file mode 100644 (file)
index 0000000..0996d80
--- /dev/null
@@ -0,0 +1,6 @@
+<?php
+// site branding
+$local_conf_no_wrap=ON;
+// serve it as it is
+$local_conf_serve_as_is=ON;
+?>
diff --git a/fosdem2009/slide_end.html b/fosdem2009/slide_end.html
new file mode 100755 (executable)
index 0000000..f8a6a8a
--- /dev/null
@@ -0,0 +1,48 @@
+<!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>SeaMonkey 2 &amp; The Vision Beyond - Open Discussion</title>
+  <link rel="stylesheet" type="text/css" href="slides.css">
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="index" href="toc.html" title="Overview">
+  <link rel="start" href="index.html" title="Start">
+  <link rel="first" href="slide_introduction.html" title="First page">
+  <link rel="previous" href="slide_expectations.html" title="Previous page">
+  <!-- link rel="next" href="slide_xxx.html" title="Next page" -->
+  <link rel="last" href="slide_end.html" title="Last page">
+</head>
+<body>
+<div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
+  <img src="template/header-logo.png" height="38" width="260" alt="">
+</div>
+<div id="slidenav"><div id="subheader-text">Open Discussion</div>
+  <a href="toc.html" accesskey="t">toc</a> ||
+  <a href="index.html" accesskey="s">start</a> ||
+  <a href="slide_expectations.html" accesskey="p">&lt; prev</a> |
+  <span class="nolink">next &gt;</span>
+</div>
+
+<h1>Open Discussion</h1>
+
+<div class="captionedbox">
+<p class="captionedbox-caption">Thanks for your attention!</p>
+<div class="captionedbox-content">
+We should have some time for discussion now.
+<ul>
+ <li>Any open questions?</li>
+ <li>Any unmentioned issues?</li>
+ <li>Anyone wanting to help us?</li>
+ <li>Anything I forgot to mention?</li>
+</ul>
+</div>
+</div>
+
+<div class="simplebox">
+Please spread the word about SeaMonkey!
+<br><span class="hilite"><a href="http://www.seamonkey-project.org/">www.seamonkey-project.org</a></span>
+</div>
+
+</body>
+</html>
diff --git a/fosdem2009/slide_expectations.html b/fosdem2009/slide_expectations.html
new file mode 100755 (executable)
index 0000000..688b3c2
--- /dev/null
@@ -0,0 +1,50 @@
+<!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>SeaMonkey 2 &amp; The Vision Beyond - Expectations</title>
+  <link rel="stylesheet" type="text/css" href="slides.css">
+  <script type="text/javascript" src="slides.js"></script>
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="index" href="toc.html" title="Overview">
+  <link rel="start" href="index.html" title="Start">
+  <link rel="first" href="slide_introduction.html" title="First page">
+  <link rel="previous" href="slide_vision5_stability.html" title="Previous page">
+  <link rel="next" href="slide_end.html" title="Next page">
+  <link rel="last" href="slide_end.html" title="Last page">
+</head>
+<body onLoad="document.body.onclick = docClicked;">
+<div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
+  <img src="template/header-logo.png" height="38" width="260" alt="">
+</div>
+<div id="slidenav"><div id="subheader-text">Expectations</div>
+  <a href="toc.html" accesskey="t">toc</a> ||
+  <a href="index.html" accesskey="s">start</a> ||
+  <a href="slide_vision5_stability.html" accesskey="p">&lt; prev</a> |
+  <a href="slide_end.html" id="goNext" accesskey="n">next &gt;</a>
+</div>
+
+<h1>Expectations For The Future</h1>
+
+<div class="simplebox">
+<ul>
+  <li>What can be <span class="hilite">expected</span> to happen now?
+    <ul>
+      <li><span class="hilite">SeaMonkey 2</span>: Alpha 3 in February, one
+        beta to follow, final targeted for Q2/2009</li>
+      <li>Upcoming development series <span class="hilite">more
+        evolutionary</span></li>
+      <li>Adoption of FF/TB features with <span class="hilite">own SeaMonkey
+        twist</span></li>
+      <li>More <span class="hilite">advanced UI</span> built in (form manager,
+        etc.?)</li>
+      <li>Investigation of <span class="hilite">"everything is a tab"
+        approach</span> (web, mail, calendar, dialogs?, other windows?)</li>
+    </ul>
+  </li>
+</ul>
+</div>
+
+</body>
+</html>
diff --git a/fosdem2009/slide_initial_goals.html b/fosdem2009/slide_initial_goals.html
new file mode 100755 (executable)
index 0000000..dc6dae0
--- /dev/null
@@ -0,0 +1,44 @@
+<!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>SeaMonkey 2 &amp; The Vision Beyond - Inital Goals</title>
+  <link rel="stylesheet" type="text/css" href="slides.css">
+  <script type="text/javascript" src="slides.js"></script>
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="index" href="toc.html" title="Overview">
+  <link rel="start" href="index.html" title="Start">
+  <link rel="first" href="slide_introduction.html" title="First page">
+  <link rel="previous" href="slide_introduction.html" title="Previous page">
+  <link rel="next" href="slide_seamonkey1.html" title="Next page">
+  <link rel="last" href="slide_end.html" title="Last page">
+</head>
+<body onLoad="document.body.onclick = docClicked;">
+<div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
+  <img src="template/header-logo.png" height="38" width="260" alt="">
+</div>
+<div id="slidenav"><div id="subheader-text">Initial Goals</div>
+  <a href="toc.html" accesskey="t">toc</a> ||
+  <a href="index.html" accesskey="s">start</a> ||
+  <a href="slide_introduction.html" accesskey="p">&lt; prev</a> |
+  <a href="slide_seamonkey1.html" id="goNext" accesskey="n">next &gt;</a>
+</div>
+
+<h1>Inital Goals Of The SeaMonkey Project</h1>
+
+<div class="simplebox">
+<ul>
+  <li>When launched 4 years ago, the project had <span class="hilite">2 major
+    goals</span>:
+    <ul>
+      <li>Keep the suite <span class="hilite">alive</span></li>
+      <li>Eventually port it to the "<span class="hilite">new
+        toolkit</span>"</li>
+    </ul>
+  </li>
+</ul>
+</div>
+
+</body>
+</html>
diff --git a/fosdem2009/slide_introduction.html b/fosdem2009/slide_introduction.html
new file mode 100644 (file)
index 0000000..d2eb274
--- /dev/null
@@ -0,0 +1,53 @@
+<!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>SeaMonkey 2 &amp; The Vision Beyond - Introduction</title>
+  <link rel="stylesheet" type="text/css" href="slides.css">
+  <script type="text/javascript" src="slides.js"></script>
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="index" href="toc.html" title="Overview">
+  <link rel="start" href="index.html" title="Start">
+  <link rel="first" href="slide_introduction.html" title="First page">
+  <link rel="previous" href="index.html" title="Previous page">
+  <link rel="next" href="slide_initial_goals.html" title="Next page">
+  <link rel="last" href="slide_end.html" title="Last page">
+</head>
+<body onLoad="document.body.onclick = docClicked;">
+<div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
+  <img src="template/header-logo.png" height="38" width="260" alt="">
+</div>
+<div id="slidenav"><div id="subheader-text">Introduction</div>
+  <a href="toc.html" accesskey="t">toc</a> ||
+  <a href="index.html" accesskey="s">start</a> ||
+  <a href="index.html" accesskey="p">&lt; prev</a> |
+  <a href="slide_initial_goals.html" id="goNext" accesskey="n">next &gt;</a>
+</div>
+
+<h1>Introduction</h1>
+
+<div class="captionedbox">
+<p class="captionedbox-caption">Robert Kaiser, "KaiRo" &lt;kairo@kairo.at&gt;</p>
+<div class="captionedbox-content">
+<ul>
+  <li>Member of the <a href="http://www.seamonkey-project.org/">SeaMonkey</a> project management team
+    (&quot;<a href="http://www.seamonkey-project.org/about#council">SeaMonkey Council</a>&quot;),
+    acting as project coordinator and build engineer</li>
+  <li>German SeaMonkey/Mozilla suite localizer
+   (<a href="http://www.seamonkey.at/">seamonkey.at</a>) since late 1999</li>
+  <li>SeaMonkey/Mozilla suite theme creator
+    (<a href="http://www.kairo.at/download/mozskins">EarlyBlue, LCARStrek</a>)</li>
+  <li>mozilla.org code contributor, mostly in UI, L10n and SeaMonkey areas</li>
+  <li>Founded his own one-man-business in 2006
+    ("<a href="http://www.kairo.at/">KaiRo.at</a> Robert Kaiser IT-Services"),
+    centered around his own php-based community system and SeaMonkey</li>
+  <li>In 2007/08, took part in Committee to determine new Mozilla ED</li>
+  <li>Living in Steyr, Upper Austria, and attending Vienna University to
+    become a Chemistry and Physics teacher</li>
+</ul>
+</div>
+</div>
+
+</body>
+</html>
diff --git a/fosdem2009/slide_quovadis.html b/fosdem2009/slide_quovadis.html
new file mode 100755 (executable)
index 0000000..d503ae4
--- /dev/null
@@ -0,0 +1,45 @@
+<!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>SeaMonkey 2 &amp; The Vision Beyond - The Next Step</title>
+  <link rel="stylesheet" type="text/css" href="slides.css">
+  <script type="text/javascript" src="slides.js"></script>
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="index" href="toc.html" title="Overview">
+  <link rel="start" href="index.html" title="Start">
+  <link rel="first" href="slide_introduction.html" title="First page">
+  <link rel="previous" href="slide_seamonkey2.html" title="Previous page">
+  <link rel="next" href="slide_vision1_integration.html" title="Next page">
+  <link rel="last" href="slide_end.html" title="Last page">
+</head>
+<body onLoad="document.body.onclick = docClicked;">
+<div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
+  <img src="template/header-logo.png" height="38" width="260" alt="">
+</div>
+<div id="slidenav"><div id="subheader-text">Quo Vadis</div>
+  <a href="toc.html" accesskey="t">toc</a> ||
+  <a href="index.html" accesskey="s">start</a> ||
+  <a href="slide_seamonkey2.html" accesskey="p">&lt; prev</a> |
+  <a href="slide_vision1_integration.html" id="goNext" accesskey="n">next &gt;</a>
+</div>
+
+<h1>The Next Step: A New Vision</h1>
+
+<div class="simplebox">
+<ul>
+  <li>When previous goals are reached, a <span class="hilite">new vision</span>
+    is needed:
+    <ul>
+      <li>Build upon <span class="hilite">established base</span></li>
+      <li>Create <span class="hilite">guidelines</span> for the future</li>
+      <li>Leave room and need for <span class="hilite">Council or module owner
+        decisions</span></li>
+    </ul>
+  </li>
+</ul>
+</div>
+
+</body>
+</html>
diff --git a/fosdem2009/slide_seamonkey1.html b/fosdem2009/slide_seamonkey1.html
new file mode 100755 (executable)
index 0000000..6c0b2a5
--- /dev/null
@@ -0,0 +1,46 @@
+<!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>SeaMonkey 2 &amp; The Vision Beyond - Survival</title>
+  <link rel="stylesheet" type="text/css" href="slides.css">
+  <script type="text/javascript" src="slides.js"></script>
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="index" href="toc.html" title="Overview">
+  <link rel="start" href="index.html" title="Start">
+  <link rel="first" href="slide_introduction.html" title="First page">
+  <link rel="previous" href="slide_initial_goals.html" title="Previous page">
+  <link rel="next" href="slide_seamonkey2.html" title="Next page">
+  <link rel="last" href="slide_end.html" title="Last page">
+</head>
+<body onLoad="document.body.onclick = docClicked;">
+<div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
+  <img src="template/header-logo.png" height="38" width="260" alt="">
+</div>
+<div id="slidenav"><div id="subheader-text">Survival: SeaMonkey 1.x</div>
+  <a href="toc.html" accesskey="t">toc</a> ||
+  <a href="index.html" accesskey="s">start</a> ||
+  <a href="slide_initial_goals.html" accesskey="p">&lt; prev</a> |
+  <a href="slide_seamonkey2.html" id="goNext" accesskey="n">next &gt;</a>
+</div>
+
+<h1>Survival: SeaMonkey 1.x</h1>
+
+<div class="simplebox">
+<ul>
+  <li>First goal achieved with <span class="hilite">SeaMonkey 1.x</span> series:
+    <ul>
+      <li>Stable <span class="hilite">suite releases</span> on 1.8.x core</li>
+      <li>Built core <span class="hilite">development community</span></li>
+      <li>Got many Mozilla and Netscape suite users
+        <span class="hilite">migrated to the new brand</span> and to secure
+        code</li>
+      <li>Stable <span class="hilite">download numbers</span></li>
+    </ul>
+  </li>
+</ul>
+</div>
+
+</body>
+</html>
diff --git a/fosdem2009/slide_seamonkey2.html b/fosdem2009/slide_seamonkey2.html
new file mode 100755 (executable)
index 0000000..a1243ed
--- /dev/null
@@ -0,0 +1,48 @@
+<!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>SeaMonkey 2 &amp; The Vision Beyond - Toolkit Port</title>
+  <link rel="stylesheet" type="text/css" href="slides.css">
+  <script type="text/javascript" src="slides.js"></script>
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="index" href="toc.html" title="Overview">
+  <link rel="start" href="index.html" title="Start">
+  <link rel="first" href="slide_introduction.html" title="First page">
+  <link rel="previous" href="slide_seamonkey1.html" title="Previous page">
+  <link rel="next" href="slide_quovadis.html" title="Next page">
+  <link rel="last" href="slide_end.html" title="Last page">
+</head>
+<body onLoad="document.body.onclick = docClicked;">
+<div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
+  <img src="template/header-logo.png" height="38" width="260" alt="">
+</div>
+<div id="slidenav"><div id="subheader-text">Toolkit Port: SeaMonkey 2</div>
+  <a href="toc.html" accesskey="t">toc</a> ||
+  <a href="index.html" accesskey="s">start</a> ||
+  <a href="slide_seamonkey1.html" accesskey="p">&lt; prev</a> |
+  <a href="slide_quovadis.html" id="goNext" accesskey="n">next &gt;</a>
+</div>
+
+<h1>Toolkit Port: SeaMonkey 2</h1>
+
+<div class="simplebox">
+<ul>
+  <li>Second target is being reached with <span class="hilite">SeaMonkey 2</span>:
+    <ul>
+      <li>Gecko and <span class="hilite">XUL toolkit 1.9.1</span>
+        core/backend</li>
+      <li>Many <span class="hilite">feature updates</span> to make the suite
+        competitive</li>
+      <li>Add-Ons manager, customizeable toolbars, session restore, places
+        history and smart location bar, improved download and password
+        management, tabbed mail, ...</li>
+      <li><span class="hilite">Demonstration</span></li>
+    </ul>
+  </li>
+</ul>
+</div>
+
+</body>
+</html>
diff --git a/fosdem2009/slide_vision1_integration.html b/fosdem2009/slide_vision1_integration.html
new file mode 100755 (executable)
index 0000000..455afb0
--- /dev/null
@@ -0,0 +1,58 @@
+<!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>SeaMonkey 2 &amp; The Vision Beyond - Vision: Integration</title>
+  <link rel="stylesheet" type="text/css" href="slides.css">
+  <script type="text/javascript" src="slides.js"></script>
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="index" href="toc.html" title="Overview">
+  <link rel="start" href="index.html" title="Start">
+  <link rel="first" href="slide_introduction.html" title="First page">
+  <link rel="previous" href="slide_quovadis.html" title="Previous page">
+  <link rel="next" href="slide_vision2_configurability.html" title="Next page">
+  <link rel="last" href="slide_end.html" title="Last page">
+</head>
+<body onLoad="document.body.onclick = docClicked;">
+<div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
+  <img src="template/header-logo.png" height="38" width="260" alt="">
+</div>
+<div id="slidenav"><div id="subheader-text">Vision: Integration</div>
+  <a href="toc.html" accesskey="t">toc</a> ||
+  <a href="index.html" accesskey="s">start</a> ||
+  <a href="slide_quovadis.html" accesskey="p">&lt; prev</a> |
+  <a href="slide_vision2_configurability.html" id="goNext" accesskey="n">next &gt;</a>
+</div>
+
+<h1>SeaMonkey Vision: Integration</h1>
+
+<div class="simplebox">
+<ul>
+  <li>Strengthen and <span class="hilite">improve integration</span> of the
+    core SeaMonkey components with each other, as well as with optional
+    components and add-ons
+    <ul>
+      <li>Despite the software having a technical split into components,
+        SeaMonkey should feel as a <span class="hilite">single
+        application</span> with tightly connected features.</li>
+      <li>Browsing and messaging are the primary parts that need to be tightly
+        connected, but optional components/add-ons like web tools, calendaring
+        and others should also feel like they are an
+        <span class="hilite">integral part</span> of the application once they
+        are installed.</li>
+      <li>We should investigate a <span class="hilite">"everything can be a
+        tab" metaphor</span> that spans not just websites in the browser, but
+        messages/conversations, application parts (preferences?) and anything
+        else that sounds reasonable, possibly all running within a single
+        SeaMonkey window.</li>
+      <li>The user experience should be <span class="hilite">consistent</span>
+        in all parts of the SeaMonkey application, including a set of
+        preferences that affects all those components at once.</li>
+    </ul>
+  </li>
+</ul>
+</div>
+
+</body>
+</html>
diff --git a/fosdem2009/slide_vision2_configurability.html b/fosdem2009/slide_vision2_configurability.html
new file mode 100755 (executable)
index 0000000..852aa70
--- /dev/null
@@ -0,0 +1,58 @@
+<!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>SeaMonkey 2 &amp; The Vision Beyond - Vision: Configurability</title>
+  <link rel="stylesheet" type="text/css" href="slides.css">
+  <script type="text/javascript" src="slides.js"></script>
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="index" href="toc.html" title="Overview">
+  <link rel="start" href="index.html" title="Start">
+  <link rel="first" href="slide_introduction.html" title="First page">
+  <link rel="previous" href="slide_vision1_integration.html" title="Previous page">
+  <link rel="next" href="slide_vision3_innovation.html" title="Next page">
+  <link rel="last" href="slide_end.html" title="Last page">
+</head>
+<body onLoad="document.body.onclick = docClicked;">
+<div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
+  <img src="template/header-logo.png" height="38" width="260" alt="">
+</div>
+<div id="slidenav"><div id="subheader-text">Vision: Configurability</div>
+  <a href="toc.html" accesskey="t">toc</a> ||
+  <a href="index.html" accesskey="s">start</a> ||
+  <a href="slide_vision1_integration.html" accesskey="p">&lt; prev</a> |
+  <a href="slide_vision3_innovation.html" id="goNext" accesskey="n">next &gt;</a>
+</div>
+
+<h1>SeaMonkey Vision: Configurability</h1>
+
+<div class="simplebox">
+<ul>
+  <li>Provide choice to power users through a reasonable set of
+    <span class="hilite">configurable and customizable</span> features paired
+    with extensibility through add-ons
+    <ul>
+      <li>Power users, being one of the main target groups of SeaMonkey, should
+        be able to <span class="hilite">choose what functionality</span> they
+        want to use in what way.</li>
+      <li>At the same time, the amount of options must be kept
+        <span class="hilite">comprehensible</span> for users that not yet
+        accustomed to everything SeaMonkey has to offer and managable for the
+        team writing and maintaining the code.</li>
+      <li>Development of SeaMonkey <span class="hilite">add-ons</span> should
+        be made as easy as possible, for example through providing similar or
+        the same APIs as Firefox and Thunderbird for add-on developers.</li>
+      <li>Everything normal SeaMonkey users need to tweak should be available
+        in <span class="hilite">UI preferences</span>, things only a small
+        minority of very advanced users want to change should not be in
+        standard preferences UI.</li>
+      <li>Add-ons should be able to <span class="hilite">easily extend,
+        configure and customize</span> functionality.</li>
+    </ul>
+  </li>
+</ul>
+</div>
+
+</body>
+</html>
diff --git a/fosdem2009/slide_vision3_innovation.html b/fosdem2009/slide_vision3_innovation.html
new file mode 100755 (executable)
index 0000000..c81feff
--- /dev/null
@@ -0,0 +1,53 @@
+<!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>SeaMonkey 2 &amp; The Vision Beyond - Vision: Innovation</title>
+  <link rel="stylesheet" type="text/css" href="slides.css">
+  <script type="text/javascript" src="slides.js"></script>
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="index" href="toc.html" title="Overview">
+  <link rel="start" href="index.html" title="Start">
+  <link rel="first" href="slide_introduction.html" title="First page">
+  <link rel="previous" href="slide_vision2_configurability.html" title="Previous page">
+  <link rel="next" href="slide_vision4_security.html" title="Next page">
+  <link rel="last" href="slide_end.html" title="Last page">
+</head>
+<body onLoad="document.body.onclick = docClicked;">
+<div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
+  <img src="template/header-logo.png" height="38" width="260" alt="">
+</div>
+<div id="slidenav"><div id="subheader-text">Vision: Innovation</div>
+  <a href="toc.html" accesskey="t">toc</a> ||
+  <a href="index.html" accesskey="s">start</a> ||
+  <a href="slide_vision2_configurability.html" accesskey="p">&lt; prev</a> |
+  <a href="slide_vision4_security.html" id="goNext" accesskey="n">next &gt;</a>
+</div>
+
+<h1>SeaMonkey Vision: Innovation</h1>
+
+<div class="simplebox">
+<ul>
+  <li><span class="hilite">Continually evolve</span> SeaMonkey and both foster
+    and integrate <span class="hilite">innovation</span> on the Internet
+    <ul>
+      <li>The distinctions and strengths of the SeaMonkey suite need to be
+        deepened and made to <span class="hilite">stand out more</span> to make
+        the suite a compelling offer for people.</li>
+      <li>SeaMonkey needs to keep up with changes in how the Internet is used
+        and should also <span class="hilite">innovate new ways</span> of using
+        it.</li>
+      <li>The user interface should <span class="hilite">evolve gently but
+        steadily</span> to feel familiar to both long-time suite users and
+        people switching from other application to SeaMonkey.</li>
+      <li>SeaMonkey needs to <span class="hilite">master the challenge</span>
+        of combining new uses and workflows with accustomed user
+        experiences.</li>
+    </ul>
+  </li>
+</ul>
+</div>
+
+</body>
+</html>
diff --git a/fosdem2009/slide_vision4_security.html b/fosdem2009/slide_vision4_security.html
new file mode 100755 (executable)
index 0000000..7b83cdc
--- /dev/null
@@ -0,0 +1,55 @@
+<!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>SeaMonkey 2 &amp; The Vision Beyond - Vision: Security</title>
+  <link rel="stylesheet" type="text/css" href="slides.css">
+  <script type="text/javascript" src="slides.js"></script>
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="index" href="toc.html" title="Overview">
+  <link rel="start" href="index.html" title="Start">
+  <link rel="first" href="slide_introduction.html" title="First page">
+  <link rel="previous" href="slide_vision3_innovation.html" title="Previous page">
+  <link rel="next" href="slide_vision5_stability.html" title="Next page">
+  <link rel="last" href="slide_end.html" title="Last page">
+</head>
+<body onLoad="document.body.onclick = docClicked;">
+<div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
+  <img src="template/header-logo.png" height="38" width="260" alt="">
+</div>
+<div id="slidenav"><div id="subheader-text">Vision: Security</div>
+  <a href="toc.html" accesskey="t">toc</a> ||
+  <a href="index.html" accesskey="s">start</a> ||
+  <a href="slide_vision3_innovation.html" accesskey="p">&lt; prev</a> |
+  <a href="slide_vision5_stability.html" id="goNext" accesskey="n">next &gt;</a>
+</div>
+
+<h1>SeaMonkey Vision: Security</h1>
+
+<div class="simplebox">
+<ul>
+  <li>Protect and enhance <span class="hilite">security and privacy</span> of
+    SeaMonkey users as far as possible.
+    <ul>
+      <li><span class="hilite">Individuals' security</span> on the Internet is
+        fundamental and cannot be treated as optional. (see The Mozilla
+        Manifesto)</li>
+      <li>The suite needs to offer its users realistic options for
+        understanding, managing, combining, sharing and moving
+        <span class="hilite">data created by or about them</span>.</li>
+      <li>SeaMonkey needs to provide its users the ability to understand,
+        access, manage, combine, share, and move their data.</li>
+      <li>When a feature that provides more <span class="hilite">security
+        threatens to invade privacy</span> (e.g. sending some of the user's
+        data to a server to check for possible security risks), this effect
+        needs to be minimized, both weighted against each other for default
+        settings, and an option to disable this feature must be provided in
+        some way.</li>
+    </ul>
+  </li>
+</ul>
+</div>
+
+</body>
+</html>
diff --git a/fosdem2009/slide_vision5_stability.html b/fosdem2009/slide_vision5_stability.html
new file mode 100755 (executable)
index 0000000..c47adcb
--- /dev/null
@@ -0,0 +1,52 @@
+<!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>SeaMonkey 2 &amp; The Vision Beyond - Vision: Stability</title>
+  <link rel="stylesheet" type="text/css" href="slides.css">
+  <script type="text/javascript" src="slides.js"></script>
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="index" href="toc.html" title="Overview">
+  <link rel="start" href="index.html" title="Start">
+  <link rel="first" href="slide_introduction.html" title="First page">
+  <link rel="previous" href="slide_vision4_security.html" title="Previous page">
+  <link rel="next" href="slide_expectations.html" title="Next page">
+  <link rel="last" href="slide_end.html" title="Last page">
+</head>
+<body onLoad="document.body.onclick = docClicked;">
+<div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
+  <img src="template/header-logo.png" height="38" width="260" alt="">
+</div>
+<div id="slidenav"><div id="subheader-text">Vision: Stability</div>
+  <a href="toc.html" accesskey="t">toc</a> ||
+  <a href="index.html" accesskey="s">start</a> ||
+  <a href="slide_vision4_security.html" accesskey="p">&lt; prev</a> |
+  <a href="slide_expectations.html" id="goNext" accesskey="n">next &gt;</a>
+</div>
+
+<h1>SeaMonkey Vision: Stability</h1>
+
+<div class="simplebox">
+<ul>
+  <li>Keep the SeaMonkey user experience <span class="hilite">stable and
+    mature</span>
+    <ul>
+      <li>The SeaMonkey user interface should be <span class="hilite">kept
+        familiar</span> to former users of the integrated Internet suite.</li>
+      <li>Apply <span class="hilite">"constructive conservatism"</span> to the
+        user experience - don't revolutionize and don't deny change but evolve
+        it in a controlled way.</li>
+      <li>SeaMonkey should be <span class="hilite">practical and simple
+        enough</span> for beginners as well as able to adapt/adjust for more
+        experienced users.</li>
+      <li>"Stable" SeaMonkey releases should be tested well enough by the
+        community that we can trust they <span class="hilite">feel
+        mature</span> enough for production use.</li>
+    </ul>
+  </li>
+</ul>
+</div>
+
+</body>
+</html>
diff --git a/fosdem2009/slides.css b/fosdem2009/slides.css
new file mode 100644 (file)
index 0000000..be40cbd
--- /dev/null
@@ -0,0 +1,204 @@
+/**************************
+ * styles for talk slides *
+ *    by Robert Kaiser    *
+ *    <kairo@kairo.at>    *
+ *   (for FOSDEM 2008)    *
+ **************************/
+
+
+/***** base style *****/
+
+body {
+  margin: 0px;
+  padding: 0px;
+  border: 0px;
+  font-family: Arial,Helvetica,sans-serif;
+  font-size: 1.75em;
+  color: black;
+  background-color: #FFFFFF;
+}
+
+ul {
+  padding-left: 1.2em;
+  margin-bottom: 0.5em;
+}
+
+ul:first-child {
+  margin-top: 0;
+}
+
+ul:last-child {
+  margin-top: 0;
+}
+
+#header {
+  height: 38px;
+  position: relative;
+  border-bottom: 1px solid #9FCBF7;
+  background: #F6FAFE url("template/header-background.png") top left repeat-x;
+  padding: 0 15px 0 0;
+  z-index: 1;
+}
+
+#header-text {
+  float: right;
+  padding: 7px 20px;
+  font-size: 24px;
+  font-weight: bold;
+  color: #7f7c45;
+}
+
+#header-text.neartime {
+  color: #000080;
+}
+
+#header-text.ontime {
+  color: #008000;
+}
+
+#header-text.overtime {
+  color: #800000;
+}
+
+#slidenav {
+  background: #000089 url("template/breadcrumbs-background.png") bottom repeat-x;
+  padding: 4px 15px 30px 55px;
+  padding-top: 4px;
+  font-size: 10px;
+  color: #C8E0FA;
+}
+
+#slidenav a:link,
+#slidenav a:visited {
+  color: #B7D8F9;
+}
+
+#slidenav a:hover,
+#slidenav a:active {
+  color: #F2F8FE;
+}
+
+#slidenav .nolink {
+  color: #7f7c45;
+}
+
+#subheader-text {
+  float: right;
+  padding: 0 20px;
+}
+
+/***** headers *****/
+
+h1 {
+  margin: 0 0 0.5em 0;
+  font-size: 1.7em;
+  font-weight: bold;
+  text-align: center;
+  text-shadow: #b7d8f9 3px 3px 5px;
+}
+
+h2 {
+  margin: 0.5em 0;
+  font-size: 1.3em;
+  font-weight: bold;
+  text-align: center;
+  text-shadow: #b7d8f9 2px 2px 3px;
+}
+
+h3 {
+  margin: 0.5em 0;
+  font-size: 1.1em;
+  font-weight: bold;
+  text-align: center;
+}
+
+h4 {
+  margin: 0.5em 0;
+  font-size: 1em;
+  font-weight: bold;
+  text-align: left;
+}
+
+/***** boxes *****/
+
+.simplebox {
+  margin: 1em;
+  padding: 0.5em;
+  border: 1px solid #0060C0;
+  background-color: #E0E9E9;
+  -moz-border-radius: .5em;
+  -moz-box-shadow: #b7d8f9 2px 2px 3px;
+}
+
+.captionedbox {
+  margin: 1em;
+  padding: 0px;
+  border: 1px solid #0060C0;
+  background-color: #E0E9E9;
+  -moz-border-radius: .5em;
+  -moz-box-shadow: #b7d8f9 1px 1px 3px 2px;
+}
+
+.captionedbox-content {
+  margin: 0px;
+  padding: 0.5em;
+  border: 0px;
+  border-top: 2px solid #9FCBF7;
+  -moz-border-top-colors: #FFFFFF #0060C0;
+  -moz-border-radius: 0 0 .5em .5em;
+}
+
+.captionedbox-caption {
+  margin: 0.5em;
+  font-weight: bold;
+  text-shadow: #60afff 1px 1px 2px;
+}
+
+/***** misc formatting *****/
+
+.hilite {
+  font-weight: bold;
+  color: #0060C0;
+}
+
+.border {
+  border: 1px solid #FF8080;
+  padding: 0.5em;
+}
+
+ul > li {
+  margin: 0.5em 0;
+}
+
+.cent {
+  text-align: center;
+}
+
+.akey {
+  text-decoration: underline;
+}
+
+a:link { color: #000080; text-decoration: none; }
+a:visited { color: #400080; text-decoration: none; }
+a:hover, a:active { color: #800000; text-decoration: underline; }
+
+/***** small stuff *****/
+
+.small {
+  font-size: 0.75em;
+}
+
+ul.small,
+.small ul {
+  margin: 0px;
+  padding: 0px;
+  border: 0px;
+  margin: 0px 0px 0px 1em;
+}
+
+ul.small > li
+.small ul > li {
+  margin: 0px;
+  padding: 0px;
+  border: 0px;
+}
\ No newline at end of file
diff --git a/fosdem2009/slides.js b/fosdem2009/slides.js
new file mode 100644 (file)
index 0000000..134b3f4
--- /dev/null
@@ -0,0 +1,38 @@
+/******************************
+ * JavaScript for talk slides *
+ *      by Robert Kaiser      *
+ *      <kairo@kairo.at>      *
+ *     (for FOSDEM 2007)      *
+ ******************************/
+
+function docClicked(event) {
+  if (event.target.nodeName != "A") {
+    location.href = document.getElementById('goNext').href;
+  }
+}
+
+// do timed color variantion on slides
+var slide_seconds = 3*60;
+var slide_start = new Date();
+
+function timerFired() {
+  var slide_current = new Date();
+  var seconds_diff = Math.round((slide_current.getTime() - slide_start.getTime()) / 1000);
+  if (seconds_diff >= slide_seconds) {
+    document.getElementById("header-text").className = "overtime";
+  }
+  else if (seconds_diff >= Math.round(2*slide_seconds/3)) {
+    document.getElementById("header-text").className = "ontime";
+    setTimeout("timerFired()", 1000*(slide_seconds/3));
+  }
+  else if (seconds_diff >= Math.round(slide_seconds/3)) {
+    document.getElementById("header-text").className = "neartime";
+    setTimeout("timerFired()", 1000*(slide_seconds/3));
+  }
+  else {
+    // we should never come here, but if we do, go into a 1s loop until we get over the upcoming step
+    setTimeout("timerFired()", 1000);
+  }
+}
+
+setTimeout("timerFired()", 1000*(slide_seconds/3));
diff --git a/fosdem2009/template/breadcrumbs-background.png b/fosdem2009/template/breadcrumbs-background.png
new file mode 100644 (file)
index 0000000..48e602f
Binary files /dev/null and b/fosdem2009/template/breadcrumbs-background.png differ
diff --git a/fosdem2009/template/header-background.png b/fosdem2009/template/header-background.png
new file mode 100644 (file)
index 0000000..7fe88c0
Binary files /dev/null and b/fosdem2009/template/header-background.png differ
diff --git a/fosdem2009/template/header-logo.png b/fosdem2009/template/header-logo.png
new file mode 100644 (file)
index 0000000..3cf02a3
Binary files /dev/null and b/fosdem2009/template/header-logo.png differ
diff --git a/fosdem2009/toc.html b/fosdem2009/toc.html
new file mode 100755 (executable)
index 0000000..87e6d49
--- /dev/null
@@ -0,0 +1,52 @@
+<!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>SeaMonkey 2 &amp; The Vision Beyond - Table of Contents</title>
+  <link rel="stylesheet" type="text/css" href="slides.css">
+  <link rel="contents" href="index.html" title="Contents">
+  <link rel="index" href="toc.html" title="Overview">
+  <link rel="start" href="index.html" title="Start">
+  <link rel="first" href="slide_introduction.html" title="First page">
+  <!-- link rel="previous" href="slide_xxx.html" title="Previous page" -->
+  <link rel="next" href="index.html" title="Next page">
+  <link rel="last" href="slide_end.html" title="Last page">
+</head>
+<body>
+<div id="header"><div id="header-text">SeaMonkey 2 &amp; The Vision Beyond</div>
+  <img src="template/header-logo.png" height="38" width="260" alt="">
+</div>
+<div id="slidenav"><div id="subheader-text">Table Of Contents</div>
+  <a href="toc.html" accesskey="t">toc</a> ||
+  <a href="index.html" accesskey="s">start</a> ||
+  <span class="nolink">&lt; prev</span> |
+  <a href="index.html" accesskey="n">next &gt;</a>
+</div>
+
+<h1>Table of Contents</h1>
+<h2>SeaMonkey 2 &amp; The Vision Beyond</h2>
+
+<div class="captionedbox">
+<p class="captionedbox-caption">The following slides can be found in this presentation:</p>
+<div class="captionedbox-content">
+<ul>
+ <li><a href="index.html">Start Page</a></li>
+ <li><a href="slide_introduction.html">Introduction</a></li>
+ <li><a href="slide_initial_goals.html">Initial Goals</a></li>
+ <li><a href="slide_seamonkey1.html">Survival: SeaMonkey 1.x</a></li>
+ <li><a href="slide_seamonkey2.html">Toolkit Port: SeaMonkey 2</a></li>
+ <li><a href="slide_quovadis.html">Ready For The Next Step</a></li>
+ <li><a href="slide_vision1_integration.html">Vision: Integration</a></li>
+ <li><a href="slide_vision2_configurability.html">Vision: Configurabity</a></li>
+ <li><a href="slide_vision3_innovation.html">Vision: Innovation</a></li>
+ <li><a href="slide_vision4_security.html">Vision: Security</a></li>
+ <li><a href="slide_vision5_stability.html">Vision: Stability</a></li>
+ <li><a href="slide_expectations.html">Expectations For The Immediate Future</a></li>
+ <li><a href="slide_end.html">Open Discussion</a></li>
+</ul>
+</div>
+</div>
+
+</body>
+</html>