[slides.git] / fosdem2021 / index.html

<!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>
Commit	Line	Data
3ee1a79b RK	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>< back</a>
	22	<span id="nav-prev-nolink" class="nolink">< back</span> \|
	23	<a href="#" id="nav-next" id="goNext" accesskey="n" hidden>fwd ></a>
	24	<span id="nav-next-nolink" class="nolink">fwd ></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>