add new slides for FOSDEm 2021
[slides.git] / fosdem2021 / index.html
diff --git a/fosdem2021/index.html b/fosdem2021/index.html
new file mode 100755 (executable)
index 0000000..dc74d24
--- /dev/null
@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta name="Author" content="KaiRo - Robert Kaiser">
+  <title>Mozilla History: 20+ Years And Counting</title>
+  <link rel="stylesheet" type="text/css" href="slides.css">
+  <script type="text/javascript" src="slides.js"></script>
+  <link rel="contents" href="#index" title="Overview">
+  <link rel="index" id="link-toc" href="#toc" title="Contents">
+  <link rel="start" id="link-start" href="#index" title="Start">
+</head>
+<body>
+<header id="header"><div id="header-text">Mozilla History</div>
+  <div id="subheader-text"></div>
+  <a id="headerlogo" href="#index" title="Start page">Mozilla</a>
+</header>
+<nav id="slidenav">
+  <a href="#toc" id="nav-toc" accesskey="t">toc</a> ||
+  <a href="#index" id="nav-start" accesskey="s">start</a> ||
+  <a href="#" id="nav-prev" accesskey="p" hidden>&lt; back</a>
+  <span id="nav-prev-nolink" class="nolink">&lt; back</span> |
+  <a href="#" id="nav-next" id="goNext" accesskey="n" hidden>fwd &gt;</a>
+  <span id="nav-next-nolink" class="nolink">fwd &gt;</span>
+</nav>
+
+<article id="toc" data-title="Contents">
+<h1><span>Contents</span></h1>
+<h2>Mozilla History: 20+ Years And Counting</h2>
+
+<div class="captionedbox">
+<p class="captionedbox-caption">The following slides are available in this presentation:</p>
+<div class="captionedbox-content">
+<ul id="toc-list">
+</ul>
+</article>
+
+<article id="index" data-title="Start Page" data-seconds="600">
+<h1><span>Mozilla History: 20+ Years And Counting</span></h1>
+<h2>An overview a decades-old project</h2>
+
+<div class="simplebox decofont">
+<mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>
+</div>
+
+<div class="captionedbox">
+<p class="captionedbox-caption decofont"><span id="hidesdesc" class="noadvance">Slides:</span>
+  <a href="https://slides.kairo.at/fosdem2021/">https://slides.kairo.at/fosdem2021/</a></p>
+<div class="captionedbox-content small">
+<ul class="small" id="slidesdesc">
+  <li>Created for a presentation in the <a href="http://fosdem.org/2021/schedule/track/mozilla/">Mozilla
+    Developer Room</a> at <a href="http://www.fosdem.org/">FOSDEM 2021</a> in
+    Brussels.</li>
+  <li>Written in HTML 5 (with modern CSS and JS).</li>
+  <li>Navigation via links on all slides, via access keys
+   (e.g. "n"/Alt+Shift+N for "next") or back/forward arrow keys</li>
+  <li><a href="#toc">Contents</a></li>
+  <li><a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img
+      alt="Lizenziert unter CC-BY-SA," class="ccinline" src="cc-by-sa.svg"></a>
+    01/2020 Robert Kaiser -
+    "Mozilla", "Firefox" and related marks/logos are
+    <a href="http://www.mozilla.org/foundation/trademarks/list.html">trademarks
+    of Mozilla Foundation</a>.</li>
+</ul>
+</div>
+</div>
+</article>
+
+<article id="introduction" data-title="Introduction - KaiRo">
+<h1><span>Robert Kaiser - KaiRo</span></h1>
+
+<div class="simplebox">
+<img src="kairo.jpg" class="slidepic"
+ alt="Robert Kaiser">
+<ul>
+  <li>kairo@kairo.at / <a href="https://home.kairo.at/">home.kairo.at</a></li>
+  <li><mark><a href="https://community.mozilla.org/en/groups/mozilla-reps/">Mozilla Rep</a></mark>,
+      <mark><a href="https://community.mozilla.org/en/groups/tech-speakers/">Tech Speaker</a></mark></li>
+  <li>Based in Vienna, Austria</li>
+  <li>Not on most major social networks</li>
+  <li>But on <a href="https://matrix.to/#/@kairo:mozilla.org">Matrix</a>,
+      <a href="https://joindiaspora.com/people/eb2e0ec0ec0d04bc">Diaspora*</a>,
+      <a href="https://community.mozilla.org/en/people/kairo/">Mozilla Community</a>,
+      <a href="https://telegram.me/KaiRo_at">Telegram</a>,
+      <a href="https://www.linkedin.com/in/robert-kaiser-kairo-at">LinkedIn</a>,
+      <a href="https://github.com/KaiRo-at">KaiRo-at at GitHub</a></li>
+</ul>
+<p class="ensurepicinbox"></p>
+</div>
+</article>
+
+<article id="origin" data-title="Mozilla Name Origin">
+<h1><span>Origin of the Name "Mozilla"</span></h1>
+
+<div class="simplebox">
+<img src="mozdino-green.jpg" class="slidepic"
+ alt="Mozilla dino - © Dave Titus">
+<ul>
+  <li>1993: Marc Andreessen, co-writer of
+    <abbr title="National Center for Supercomputing Applications at the University of Illinois">NCSA</abbr>
+    <a href="https://en.wikipedia.org/wiki/Mosaic_(web_browser)">Mosaic</a>,
+    co-founds company for commercial web browser</li>
+  <li>"Mosaic killer" app, reminding of "Godzilla" --> code-name <mark>"Mozilla"</mark></li>
+  <li>Used as internal name, user agent "Mozilla/..."</li>
+  <li>Green dino mascot (© Dave Titus)</li>
+  <li>Public/commercial name <mark><a href="https://en.wikipedia.org/wiki/Netscape">Netscape</a></mark> later in 1994</li>
+</ul>
+<p class="ensurepicinbox"></p>
+</div>
+</article>
+
+<article id="launchh" data-title="Mozilla Project Launch">
+<h1><span>Mozilla Project Launch</span></h1>
+
+<div class="simplebox">
+<img src="hack.png" class="slidepic"
+ alt="mozilla.org: hack - this technology could fall into the right hands">
+<ul>
+  <li>Jan 1998: Netscape announces <mark>open-sourcing</mark> of code</li>
+  <li>Using <mark>Mozilla</mark> project name, <a href="https://mozilla.org/">mozilla.org</a></li>
+  <li>Red dino <a href="https://en.wikipedia.org/wiki/Mozilla_%28mascot%29">mascot</a> (by Shepard Fairy)</li>
+  <li>tag line "hack - this technology could fall into the right hands"</li>
+  <li>Target: Internet Application Suite code as base for Netscape 5+</li>
+  <li>Open-source code launch on <mark>March 31, 1998</mark></li>
+  <li><mark><a href="http://archive.org/details/CodeRush_616">Code Rush</a></mark> documentary</li>
+</ul>
+<p class="ensurepicinbox"></p>
+</div>
+</article>
+
+
+<article id="end" data-title="The End">
+
+<div class="simplebox endslidecontainer">
+<h1 class="cent endslidetext"><span>Questions?</span></h1>
+<img src="mozgear.jpg" class="sshot endslidepic" alt="Various Mozilla gear (T-shirts, stickers, etc.)">
+</div>
+</article>
+
+</body>
+</html>