make index page useful and somewhat decent to view and link FOSDEM 2013
authorRobert Kaiser <kairo@kairo.at>
Sat, 20 Apr 2013 12:43:54 +0000 (14:43 +0200)
committerRobert Kaiser <kairo@kairo.at>
Sat, 20 Apr 2013 12:43:54 +0000 (14:43 +0200)
index.html
kairo.css [new file with mode: 0755]

index 77000606d8d84b924432fc08df457b9ced2f2d8b..8c1a7d6e2062aefa93977d3c047fa528da495fe2 100644 (file)
@@ -1,57 +1,89 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<meta name="viewport" content="width=device-width, height=device-height">
+<meta name="description" content="Slides for different talks given over the years by Robert Kaiser / KaiRo">
+<meta name="keywords" content="KaiRo,slides">
+<meta name="Content-Language" content="en">
+<meta name="revisit-after" content="7 days">
+<meta name="robots" content="index,follow">
 
+<link rel="stylesheet" href="kairo.css">
+<link rel="icon" href="http://home.kairo.at/site-icon.png" type="image/png">
+
+<title>Home of KaiRo: Home of KaiRo</title>
+</head>
+
+<body>
+<div class="KaiRoLogo">
+<a href="http://www.kairo.at/"><img src="http://home.kairo.at/kairolog_kl.gif" alt="www.KaiRo.at" title="www.KaiRo.at" class="KaiRoLogo"></a>
+</div>
 
 <!-- MAIN CONTENT -->
 <h1>KaiRo's Slides</h1>
-<p>I've been giving a few talks on Mozilla topics, the slides I used there are
-  available here.</p>
+<p id="intro"><a href="http://home.kairo.at/">Robert Kaiser</a> has been giving a few
+  talks on Mozilla and similar topics, the slides used there are available
+  from this page in reverse chronological order. All those slides are written
+  in HTML and should be visible and usable in a browser, but have only been
+  tested in Firefox / SeaMonkey browsers.
+</p>
 
 <ul>
- <li>Mozilla Brown Bag, 2012: <a href="/slides/brownbag-crashlife-2012/">The
+ <li>FOSDEM 2013: <a href="fosdem2013/">Improving Stability of Mozilla Products</a></li>
+ <li>Mozilla Brown Bag, 2012: <a href="brownbag-crashlife-2012/">The
    Life Cycle of a Firefox Crash</a></li>
- <li>FOSDEM 2012: <a href="/slides/fosdem2012/">CSI:Mozilla - Crash Scene
+ <li>FOSDEM 2012: <a href="fosdem2012/">CSI:Mozilla - Crash Scene
    Investigations</a></li>
- <li>EU MozCamp 2011, Berlin: <a href="/slides/eumozcamp-berlin2011/">CSI:Mozilla
+ <li>EU MozCamp 2011, Berlin: <a href="eumozcamp-berlin2011/">CSI:Mozilla
    - Crash Scene Investigations</a></li>
- <li>Linuxwochen 2011: <a href="/slides/linuxwochen2011/">CSI:Mozilla - Den
+ <li>Linuxwochen 2011: <a href="linuxwochen2011/">CSI:Mozilla - Den
    Bugs auf der Spur</a> (German/Deutsch)</li>
- <li>FOSDEM 2011: <a href="/slides/fosdem2011/">In-Tab UI</a></li>
+ <li>FOSDEM 2011: <a href="fosdem2011/">In-Tab UI</a></li>
  <li>SeaMonkey Developer Meeting 2010:
-   <a href="/slides/sm-dev-mtg-2010/">SeaMonkey Future</a></li>
+   <a href="sm-dev-mtg-2010/">SeaMonkey Future</a></li>
  <li>German Community Meeting 2010:
-   <a href="/slides/de-community-2010/">SeaMonkey 2.1 und DACH</a>
+   <a href="de-community-2010/">SeaMonkey 2.1 und DACH</a>
    (German/Deutsch)</li>
- <li>Linuxwochen 2010: <a href="/slides/linuxwochen2010/">Mozilla ist mehr
+ <li>Linuxwochen 2010: <a href="linuxwochen2010/">Mozilla ist mehr
    als Firefox</a> (German/Deutsch)</li>
- <li>EU MozCamp 2009, Prague: <a href="/slides/eumozcamp-prague2009/">SeaMonkey
+ <li>EU MozCamp 2009, Prague: <a href="eumozcamp-prague2009/">SeaMonkey
    2.0 &ndash; A Show-Off</a></li>
  <li>UBIT Wien - IT Extrazimmer, 01.07.2009:
-   <a href="/slides/ubit-wien-2009/">Open-Source-Projektmanagement</a>
+   <a href="ubit-wien-2009/">Open-Source-Projektmanagement</a>
    (German/Deutsch)</li>
- <li>Linuxwochen 2009: <a href="/slides/linuxwochen2009/">Das offene Internet
+ <li>Linuxwochen 2009: <a href="linuxwochen2009/">Das offene Internet
    und Mozilla</a> (German/Deutsch)</li>
- <li style="padding-bottom: 0; margin-bottom: 0;">MAOW Berlin 2009:
-  <ul style="margin: 2em 2em 0em;">
-   <li><a href="/slides/maow-berlin2009-build/">Das Mozilla-Build-System</a>
+ <li>MAOW Berlin 2009:
+  <ul>
+   <li><a href="maow-berlin2009-build/">Das Mozilla-Build-System</a>
     (German/Deutsch)</li>
-   <li><a href="/slides/maow-berlin2009-sm2/">Firefox- und
+   <li><a href="maow-berlin2009-sm2/">Firefox- und
     Thunderbird-Erweiterungen in SeaMonkey 2 funktionsf&auml;hig machen</a>
     (German/Deutsch)</li>
   </ul>
  </li>
- <li>FOSDEM 2009: <a href="/slides/fosdem2009/">SeaMonkey 2 &amp; The Vision
+ <li>FOSDEM 2009: <a href="fosdem2009/">SeaMonkey 2 &amp; The Vision
    Beyond</a></li>
- <li>FOSDEM 2008: <a href="/slides/fosdem2008/">And the beast shall come
+ <li>FOSDEM 2008: <a href="fosdem2008/">And the beast shall come
    forth... - Community Project Organization and SeaMonkey 2</a></li>
- <li>FOSDEM 2007: <a href="/slides/fosdem2007/">SeaMonkey - Reviving the
+ <li>FOSDEM 2007: <a href="fosdem2007/">SeaMonkey - Reviving the
    Suite</a></li>
- <li>FOSDEM 2006: <a href="/slides/fosdem2006/">The SeaMonkey Project</a></li>
- <li>FOSDEM 2005: <a href="/slides/fosdem2005/">Mozilla Localization (L10n) -
+ <li>FOSDEM 2006: <a href="fosdem2006/">The SeaMonkey Project</a></li>
+ <li>FOSDEM 2005: <a href="fosdem2005/">Mozilla Localization (L10n) -
    A Year Of Change</a></li>
- <li>FOSDEM 2004: <a href="/slides/fosdem2004/">Mozilla Localization (L10n)
+ <li>FOSDEM 2004: <a href="fosdem2004/">Mozilla Localization (L10n)
    Status Update</a></li>
- <li>FOSDEM 2003: <a href="/slides/fosdem2003/">Localization (L10n):
+ <li>FOSDEM 2003: <a href="fosdem2003/">Localization (L10n):
    Achievements and Future Directions</a></li>
- <li>FOSDEM 2002: <a href="/slides/fosdem2002/ChromeTalk-outliner.html">Outliner
+ <li>FOSDEM 2002: <a href="fosdem2002/ChromeTalk-outliner.html">Outliner
    of the &quot;chrome&quot; talk</a></li>
 
-</ul>
\ No newline at end of file
+</ul>
+
+<div id="footer">
+Copyright © 2005-2013 <a href="http://www.kairo.at/">KaiRo.at</a>.
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/kairo.css b/kairo.css
new file mode 100755 (executable)
index 0000000..2f78518
--- /dev/null
+++ b/kairo.css
@@ -0,0 +1,108 @@
+/* from CBSM / Home of KaiRo (with modifications) */
+
+html {
+ background-color: #FFFFEE;
+}
+body {
+ margin: 3px;
+ background-color: #FFFFEE;
+ color: #336699;
+ font-family: Arial,Helvetica,sans-serif;
+ font-size: 16px;
+}
+
+a:link { color: #669999; }
+a:visited { color: #003366; }
+a:hover, a:active { color: #88BBBB; }
+
+img.KaiRoLogo { border: 0px; height: 62px; width: 100px; }
+div.KaiRoLogo { float: left; margin-right: 5px; }
+
+#intro {
+ clear: both;
+}
+
+#footer {
+ margin-top: 1em;
+ border-top: 1px solid #336699;
+ color: #336699;
+ font-size: 0.75em;
+ text-align: right;
+}
+
+@media screen and (max-width: 550px) {
+ h1 {
+  clear: both;
+ }
+}
+h1 {
+ font-size: 2em;
+ font-weight: bold;
+ text-align: center;
+ margin: 0.5em 0em;
+ color: #003366;
+}
+
+em, .em {
+ font-weight: bold;
+ color: #003366;
+}
+.dis {
+ color: #666699;
+ font-size: 0.85em;
+}
+th {
+ font-weight: bold;
+ font-size: 0.75em;
+ color: #003366;
+}
+table.border {
+ border-spacing: 0px;
+ border-collapse: collapse;
+ empty-cells: show;
+ border-left: 1px solid #336699;
+ border-top: 1px solid #336699;
+}
+table.widetbl {
+ width: 100%;
+ border-spacing: 0px;
+ border-collapse: collapse;
+ empty-cells: show;
+ border-left: 1px solid #336699;
+ border-top: 1px solid #336699;
+}
+table.widetbl th, table.widetbl td, table.border th, table.border td {
+ border-bottom: 1px solid #336699;
+ border-right: 1px solid #336699;
+}
+table.border td {
+ padding-left: 3px;
+ padding-right: 3px;
+}
+table.formula td {
+ vertical-align: middle;
+}
+img { border: 0px; }
+img.icon {
+ border: 0px;
+ vertical-align: bottom;
+}
+ul, ol { padding-left: 2em; }
+ul li, ol li {  margin: 0 0 0.2em 0; }
+ul.flatlist {
+ list-style-type: none;
+ margin: 0em;
+ padding: 0px;
+}
+ul.flatlist li {
+ margin: 0 0 0.2em 0;
+ padding: 0px;
+}
+.small { font-size: 0.75em; }
+.warn { color: red; }
+
+p.float { text-align: justify; padding: 0px; margin: 0em 0em 1em 0em; }
+p.help { font-size: 0.75em; font-style: italic; }
+p.flat { border: 0px; margin: 0px; padding: 0px; }
+sub { font-size: 57%; vertical-align: text-bottom; }
+sup { font-size: 57%; vertical-align: text-top; }