fosdem2021/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   5   <meta name="Author" content="KaiRo - Robert Kaiser">
   6   <title>Mozilla History: 20+ Years And Counting</title>
   7   <link rel="stylesheet" type="text/css" href="slides.css">
   8   <script type="text/javascript" src="slides.js"></script>
   9   <link rel="contents" href="#index" title="Overview">
  10   <link rel="index" id="link-toc" href="#toc" title="Contents">
  11   <link rel="start" id="link-start" href="#index" title="Start">
  12 </head>
  13 <body>
  14 <header id="header"><div id="header-text">Mozilla History</div>
  15   <div id="subheader-text"></div>
  16   <a id="headerlogo" href="#index" title="Start page">Mozilla</a>
  17 </header>
  18 <nav id="slidenav">
  19   <a href="#toc" id="nav-toc" accesskey="t">toc</a> ||
  20   <a href="#index" id="nav-start" accesskey="s">start</a> ||
  21   <a href="#" id="nav-prev" accesskey="p" hidden>&lt; back</a>
  22   <span id="nav-prev-nolink" class="nolink">&lt; back</span> |
  23   <a href="#" id="nav-next" id="goNext" accesskey="n" hidden>fwd &gt;</a>
  24   <span id="nav-next-nolink" class="nolink">fwd &gt;</span>
  25 </nav>
  26
  27 <article id="toc" data-title="Contents">
  28 <h1><span>Contents</span></h1>
  29 <h2>Mozilla History: 20+ Years And Counting</h2>
  30
  31 <div class="captionedbox">
  32 <p class="captionedbox-caption">The following slides are available in this presentation:</p>
  33 <div class="captionedbox-content">
  34 <ul id="toc-list">
  35 </ul>
  36 </article>
  37
  38 <article id="index" data-title="Start Page" data-seconds="600">
  39 <h1><span>Mozilla History: 20+ Years And Counting</span></h1>
  40 <h2>An overview a decades-old project</h2>
  41
  42 <div class="simplebox decofont">
  43 <mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>
  44 </div>
  45
  46 <div class="captionedbox">
  47 <p class="captionedbox-caption decofont"><span id="hidesdesc" class="noadvance">Slides:</span>
  48   <a href="https://slides.kairo.at/fosdem2021/">https://slides.kairo.at/fosdem2021/</a></p>
  49 <div class="captionedbox-content small">
  50 <ul class="small" id="slidesdesc">
  51   <li>Created for a presentation in the <a href="http://fosdem.org/2021/schedule/track/mozilla/">Mozilla
  52     Developer Room</a> at <a href="http://www.fosdem.org/">FOSDEM 2021</a> in
  53     Brussels.</li>
  54   <li>Written in HTML 5 (with modern CSS and JS).</li>
  55   <li>Navigation via links on all slides, via access keys
  56    (e.g. "n"/Alt+Shift+N for "next") or back/forward arrow keys</li>
  57   <li><a href="#toc">Contents</a></li>
  58   <li><a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img
  59       alt="Lizenziert unter CC-BY-SA," class="ccinline" src="cc-by-sa.svg"></a>
  60     01/2020 Robert Kaiser -
  61     "Mozilla", "Firefox" and related marks/logos are
  62     <a href="http://www.mozilla.org/foundation/trademarks/list.html">trademarks
  63     of Mozilla Foundation</a>.</li>
  64 </ul>
  65 </div>
  66 </div>
  67 </article>
  68
  69 <article id="introduction" data-title="Introduction - KaiRo">
  70 <h1><span>Robert Kaiser - KaiRo</span></h1>
  71
  72 <div class="simplebox">
  73 <img src="kairo.jpg" class="slidepic"
  74  alt="Robert Kaiser">
  75 <ul>
  76   <li>kairo@kairo.at / <a href="https://home.kairo.at/">home.kairo.at</a></li>
  77   <li><mark><a href="https://community.mozilla.org/en/groups/mozilla-reps/">Mozilla Rep</a></mark>,
  78       <mark><a href="https://community.mozilla.org/en/groups/tech-speakers/">Tech Speaker</a></mark></li>
  79   <li>Based in Vienna, Austria</li>
  80   <li>Not on most major social networks</li>
  81   <li>But on <a href="https://matrix.to/#/@kairo:mozilla.org">Matrix</a>,
  82       <a href="https://joindiaspora.com/people/eb2e0ec0ec0d04bc">Diaspora*</a>,
  83       <a href="https://community.mozilla.org/en/people/kairo/">Mozilla Community</a>,
  84       <a href="https://telegram.me/KaiRo_at">Telegram</a>,
  85       <a href="https://www.linkedin.com/in/robert-kaiser-kairo-at">LinkedIn</a>,
  86       <a href="https://github.com/KaiRo-at">KaiRo-at at GitHub</a></li>
  87 </ul>
  88 <p class="ensurepicinbox"></p>
  89 </div>
  90 </article>
  91
  92 <article id="origin" data-title="Mozilla Name Origin">
  93 <h1><span>Origin of the Name "Mozilla"</span></h1>
  94
  95 <div class="simplebox">
  96 <img src="mozdino-green.jpg" class="slidepic"
  97  alt="Mozilla dino - © Dave Titus">
  98 <ul>
  99   <li>1993: Marc Andreessen, co-writer of
 100     <abbr title="National Center for Supercomputing Applications at the University of Illinois">NCSA</abbr>
 101     <a href="https://en.wikipedia.org/wiki/Mosaic_(web_browser)">Mosaic</a>,
 102     co-founds company for commercial web browser</li>
 103   <li>"Mosaic killer" app, reminding of "Godzilla" --> code-name <mark>"Mozilla"</mark></li>
 104   <li>Used as internal name, user agent "Mozilla/..."</li>
 105   <li>Green dino mascot (© Dave Titus)</li>
 106   <li>Public/commercial name <mark><a href="https://en.wikipedia.org/wiki/Netscape">Netscape</a></mark> later in 1994</li>
 107 </ul>
 108 <p class="ensurepicinbox"></p>
 109 </div>
 110 </article>
 111
 112 <article id="launchh" data-title="Mozilla Project Launch">
 113 <h1><span>Mozilla Project Launch</span></h1>
 114
 115 <div class="simplebox">
 116 <img src="hack.png" class="slidepic"
 117  alt="mozilla.org: hack - this technology could fall into the right hands">
 118 <ul>
 119   <li>Jan 1998: Netscape announces <mark>open-sourcing</mark> of code</li>
 120   <li>Using <mark>Mozilla</mark> project name, <a href="https://mozilla.org/">mozilla.org</a></li>
 121   <li>Red dino <a href="https://en.wikipedia.org/wiki/Mozilla_%28mascot%29">mascot</a> (by Shepard Fairy)</li>
 122   <li>tag line "hack - this technology could fall into the right hands"</li>
 123   <li>Target: Internet Application Suite code as base for Netscape 5+</li>
 124   <li>Open-source code launch on <mark>March 31, 1998</mark></li>
 125   <li><mark><a href="http://archive.org/details/CodeRush_616">Code Rush</a></mark> documentary</li>
 126 </ul>
 127 <p class="ensurepicinbox"></p>
 128 </div>
 129 </article>
 130
 131
 132 <article id="end" data-title="The End">
 133
 134 <div class="simplebox endslidecontainer">
 135 <h1 class="cent endslidetext"><span>Questions?</span></h1>
 136 <img src="mozgear.jpg" class="sshot endslidepic" alt="Various Mozilla gear (T-shirts, stickers, etc.)">
 137 </div>
 138 </article>
 139
 140 </body>
 141 </html>