fix some image sizes, add marks where needed
[slides.git] / fosdem2022 / 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>Suggestions for a Stronger Mozilla Community</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">Community Suggestions</div>
15   <div id="subheader-text"></div>
16   <a id="headerlogo" href="#index" title="Start page">://comm</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>Suggestions for a Stronger Mozilla Community</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>Suggestions for a Stronger Mozilla Community</span></h1>
40 <h2>Personal Thoughts and Ideas for Possible Improvements</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/fosdem2022/">https://slides.kairo.at/fosdem2022/</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/2022/schedule/track/mozilla/">Mozilla
52     Developer Room</a> at <a href="http://www.fosdem.org/">FOSDEM 2022</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/2022 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>Based in Vienna, Austria</li>
78   <li><mark><a href="https://community.mozilla.org/en/groups/mozilla-reps/">Mozilla Rep</a></mark>,
79       <mark><a href="https://community.mozilla.org/en/groups/tech-speakers/">Tech Speaker</a></mark></li>
80   <li>20+ years in the Mozilla community</li>
81   <li>Not very active on social networks</li>
82   <li>But on <a href="https://matrix.to/#/@kairo:mozilla.org">Matrix</a>,
83       <a href="https://telegram.me/KaiRo_at">Telegram</a>,
84       <a href="https://community.mozilla.org/en/people/kairo/">Mozilla Community</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 </div>
89 </article>
90
91 <article id="disclaimer" data-title="Disclaimer">
92 <h1><span>This is Personal</span></h1>
93
94 <div class="mainbox">
95 <div class="disclaimer">
96   <mark>Disclaimer</mark>:
97   <ul>
98   <li>This talk consists mostly of <mark>personal opinions, suggestions and
99     ideas</mark>.</li>
100   <li>Those are not coordinated or endorsed by Mozilla Foundation, any of its
101     subsidiaries, or their staff.</li>
102   <li>Discussions and comments are encouraged, but <mark>keep it civil</mark>
103     and follow the
104     <a href="https://www.mozilla.org/en-US/about/governance/policies/participation/">Mozilla
105     Community Participation Guidelines</a>.</li>
106   </ul>
107 </div>
108 <img src="kairo_heat.jpg" class="slidepic" alt="Robert Kaiser">
109 </div>
110 </article>
111
112 <article id="definition" data-title="Mozilla Community">
113 <h1><span>Mozilla Community</span></h1>
114
115 <div class="mainbox">
116 <ul>
117   <li>Centered around the
118     <mark><a href="https://www.mozilla.org/en-US/about/manifesto/">Mozilla Manifesto</a></mark>
119     and the Open Web</li>
120   <li><mark>Including the official organizations</mark> and supportive of them</li>
121   <li><mark>Larger</mark> than official projects and products</li>
122   <li>Powered and driven by <mark>volunteers</mark></li>
123 </ul>
124 <img src="mozcomm_people.jpg" class="slidepic" alt="Mozilla community">
125 </div>
126 </article>
127
128 <article id="history" data-title="History">
129 <h1><span>Then and Now</span></h1>
130
131 <div class="mainbox">
132 <ul>
133   <li><mark>One of the earliest</mark> large FLOSS projects</li>
134   <li>Strong, growing group, many spawned side projects</li>
135   <li>With time, <mark>many competing projects</mark></li>
136   <li><mark>Tightening up</mark> Firefox development</li>
137   <li>Many technology <mark>experiments</mark> over time, most stopped again</li>
138   <li>Now, good groups in some areas (SUMO, MDN, L10n, ...)</li>
139   <li>Feels very <mark>splittered, unconnected</mark></li>
140   <li>Hard to motivate people to enage</li>
141 </ul>
142 <img src="rebelalliance.png" class="slidepic" alt="The Rebel Alliance">
143 </div>
144 </article>
145
146 <article id="suggestions" data-title="Let's Get To It">
147 <h1><span>What Now?</span></h1>
148
149 <div class="mainbox">
150 <ul>
151   <li>Again, <mark>personal suggestions</mark> and ideas following</li>
152   <li>Not endorsed by anyone else</li>
153   <li><mark>Food for thought</mark>, not fully planned out</li>
154   <li>Civil discussions welcome, <mark>respect CPG</mark></li>
155   <li>So, let's get to it...</li>
156 </ul>
157 <img src="into_unknown.jpg" class="slidepic" alt="into the unknown">
158 </div>
159 </article>
160
161 <article id="independence" data-title="Independence">
162 <h1><span>Independence</span></h1>
163
164 <div class="mainbox">
165 <ul>
166   <li><mark>Don't depend or rely</mark> on Mozilla support or official programs</li>
167   <li>Engage in activites you find interesting</li>
168   <li>Still <mark>support Manifesto</mark> and Open Web</li>
169   <li><mark>No contradiction</mark> to official activities</li>
170   <li>Engage others around you</li>
171 </ul>
172 <img src="windmill.jpg" class="slidepic" alt="wind mill">
173 </div>
174 </article>
175
176 <article id="webxr" data-title="Mixed Reality">
177 <h1><span>Mixed Reality - WebXR</span></h1>
178
179 <div class="mainbox">
180 <ul>
181   <li><mark>Stay on the ball</mark> on WebXR projects</li>
182   <li><a href="https://mixedreality.mozilla.org/firefox-reality/">Firefox Reality</a>
183     headsets</li>
184   <li><mark>Multi-device</mark> web experiences</li>
185   <li><a href="https://hubs.mozilla.com/">Hubs</a> and other Metaverse
186     <mark>meetings</mark></li>
187   <li>XR <mark>beyond hype cycle</mark>, establishing as major tech</li>
188 </ul>
189 <img src="vrusermoz.jpg" class="slidepic" alt="VR user">
190 </div>
191 </article>
192
193 <article id="spinoffs" data-title="Support Spin-Offs">
194 <h1><span>Support Spin-Offs</span></h1>
195
196 <div class="mainbox">
197 <ul>
198   <li><a href="https://webthings.io/">WebThings</a>,
199     <a href="https://coqui.ai/">Coqui</a>,
200     <a href="https://developer.kaiostech.com/">KaiOS</a>,
201     etc. are <mark>still around</mark></li>
202   <li>Recognize as still <mark>part of the community</mark></li>
203   <li><mark>Stay connected</mark>, work with them</li>
204   <li>Keep Mozilla and FLOSS <mark>spirit</mark> alive</li>
205 </ul>
206 <img src="railroad3way.jpg" class="slidepic" alt="railroad 3-way switch">
207 </div>
208 </article>
209
210 <article id="new-tech" data-title="New Technologies">
211 <h1><span>Investigate New Technologies</span></h1>
212
213 <div class="mainbox">
214 <ul>
215   <li>Be <mark>eyes and ears</mark> of the movement</li>
216   <li>Learn interesting new tech <mark>before the hype</mark></li>
217   <li>Community <mark>can act faster</mark> than product organization</li>
218   <li>Look <mark>behind the hype</mark> at the actual tech</li>
219   <li><mark>Don't pre-judge</mark> from conservative POV</li>
220 </ul>
221 <img src="atomium.jpg" class="slidepic" alt="Atomium">
222 </div>
223 </article>
224
225 <article id="decentralization" data-title="Decentralization">
226 <h1><span>Foster Decentralization</span></h1>
227
228 <div class="mainbox">
229 <ul>
230   <li>Move <mark>out of centralized silos</mark></li>
231   <li>Lobby for <mark>interoperability and Open Standards</mark></li>
232   <li>Push <mark>Matrix and similar systems</mark> where possible</li>
233   <li>Avoid centralized services, demand alternatives</li>
234 </ul>
235 <img src="streetnetwork.jpg" class="slidepic" alt="street network">
236 </div>
237 </article>
238
239 <article id="blockchain" data-title="Blockchain and Web3">
240 <h1><span>Community Blockchains and "Web3"</span></h1>
241
242 <div class="mainbox">
243 <ul>
244   <li>Look beyond hype, <mark>openly approach and learn</mark></li>
245   <li>Many <mark>honest and open-minded</mark> players in that space</li>
246   <li><a href="https://ethereum.org/">Ethereum</a> community
247     <mark>shares a lot of values</mark> with Mozilla</li>
248   <li>E.g. Public-key-based login for websites</li>
249   <li>Big ecosystem, <mark>financial but also non-financial</mark> use cases</li>
250   <li>Side note:
251     "<a href="https://ethereum.org/en/energy-consumption/">Carbon/Energy problem</a>"
252     <a href="https://ethereum.org/en/eth2/merge/">gone soon</a></li>
253 </ul>
254 <img src="ethereum.png" class="slidepic" alt="Ethereum">
255 </div>
256 </article>
257
258 <article id="communication" data-title="Communication">
259 <h1><span>Communication Channel(s)</span></h1>
260
261 <div class="mainbox">
262 <ul>
263   <li>Many <mark>splittered project-specific channels</mark></li>
264   <li>Need a <mark>common beacon</mark> and connector</li>
265   <li>Weekly <mark>condensed news</mark> from all over the community?</li>
266   <li>Maybe in a <mark>podcast</mark> form?</li>
267   <li>Happy to be involved, there, <mark>let's connect!</mark></li>
268 </ul>
269 <img src="missioncontrol.jpg" class="slidepic" alt="NASA Mission Control">
270 </div>
271 </article>
272
273 <article id="outreach" data-title="Outreach">
274 <h1><span>Outreach</span></h1>
275
276 <div class="mainbox">
277 <ul>
278   <li>Go to events and <mark>talk about it!</mark></li>
279   <li>Everything around Open Web and Manifesto</li>
280   <li><mark>Offline or online</mark></li>
281   <li>Tie it back to the Mozilla core</li>
282   <li><mark>Stand proud</mark> with Mozilla and community</li>
283   <li><mark>Spread the word!</mark></li>
284 </ul>
285 <img src="mozillatalks.jpg" class="slidepic" alt="Mozilla talks">
286 </div>
287 </article>
288
289 <article id="end" data-title="The End">
290
291 <div class="simplebox endslidecontainer">
292 <h1 class="cent endslidetext"><span>Thank You.</span></h1>
293 <h2 class="cent endslidetext"><span><a href="https://home.kairo.at/">https://home.kairo.at/</a></span></h2>
294 <h3 class="cent endslidetext"><span><a href="https://mozilla.org/">https://mozilla.org/</a></span></h2>
295 <img src="mozgroup.jpg" class="sshot endslidepic" alt="A big group of Mozillians">
296 </div>
297 </article>
298
299 </body>
300 </html>