complete the Linuxwochen 2018 talk in a first version

[slides.git] / linuxwochen2018 / index.html

diff --git a/linuxwochen2018/index.html b/linuxwochen2018/index.html
index e370b5576588bef87319cfcebd065ab39feded4c..dfea7a89c0d7e97bf80121b7df06ebb469fd8215 100755 (executable)
--- a/linuxwochen2018/index.html
+++ b/linuxwochen2018/index.html
@@ -158,40 +158,83 @@ Example:
 </article>
 
 <article id="rust" data-title="Rust">
 </article>
 
 <article id="rust" data-title="Rust">

-<h1><span>Programmiersprache - Rust</span></h1>
+<h1><span>Rust Language</span></h1>

 
 <div class="simplebox">
 
 <div class="simplebox">

+<img src="rust-logo.svg" class="slidepic" alt="Rust logo">
+<ul>
+  <li>Systems programming language</li>
+  <li>Focus on <mark>speed</mark>, <mark>memory safety</mark> and <mark>parallelism</mark></li>
+  <li>Low-level language but prevents segmentation faults and guarantees thread safety</li>
+  <li>Mozilla as founder and sponsor, active volunteer community</li>
+  <li>Used at Mozilla e.g. in Servo and Firefox Quantum</li>
+  <li><a href="https://www.rust-lang.org/">rust-lang.org</a></li>
+</ul>
+<p class="ensurepicinbox"></p>

 </div>
 </article>
 
 </div>
 </article>
 

-<article id="servo" data-title="Servo Web-Engine">
-<h1><span>Web-Engine - Servo</span></h1>
+<article id="servo" data-title="Servo">
+<h1><span>Servo Web Engine</span></h1>

 
 <div class="simplebox">
 
 <div class="simplebox">

+<img src="servo.png" class="slidepic" alt="Servo logo">
+<ul>
+  <li>Experimental web engine, <mark>written in Rust</mark></li>
+  <li>Modular architecture, embeddable</li>
+  <li><mark>Memory safe</mark>: more stability &amp; security</li>
+  <li><mark>Fast</mark>: parallelism + newer algorithms</li>
+  <li>Mature modules can be integrated into Gecko (Firefox Quantum)</li>
+  <li>Possible base for a WebVR/XR runtime, etc.</li>
+  <li><a href="https://servo.org/">servo.org</a>,
+    <a href="https://research.mozilla.org/servo-engines/">research.mozilla.org/servo-engines</a></li>
+</ul>
+<p class="ensurepicinbox"></p>

 </div>
 </article>
 
 <article id="wasm" data-title="WebAssembly">
 </div>
 </article>
 
 <article id="wasm" data-title="WebAssembly">

-<h1><span>WebAssembly</span></h1>
+<h1><span>WebAssembly (wasm)</span></h1>

 
 <div class="simplebox">
 
 <div class="simplebox">

+<img src="web-assembly-logo.svg" class="slidepic" alt="WebAssembly logo">
+<ul>
+  <li>New, low-level, assembly-like language to run in browsers</li>
+  <li>Backward-compatible with <a href="http://asmjs.org/">asm.js</a></li>
+  <li>Good target to <mark>compile C/C++ or Rust</mark> (via
+    <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Projects/Emscripten">Emscripten</a>)
+    <mark>for the browser</mark></li>
+  <li>Enables <mark>fast compute-intensive applications</mark> (games et al.) on the web</li>
+  <li>Already supported in Firefox, Chrome, Edge, Safari</li>
+  <li><a href="http://webassembly.org/">webassembly.org</a></li>

 </div>
 </article>
 
 </div>
 </article>
 

-<article id="iot" data-title="Web of Things">
-<h1><span>IoT - Things Gateway</span></h1>
+<article id="iot" data-title="Project Things">
+<h1><span>IoT - Project Things</span></h1>

 
 <div class="simplebox">
 
 <div class="simplebox">

+<img src="mozilla_iot_illustration.png" class="slidepic" alt="Project Things illustration">
+<ul>
+  <li>Experimental framework for connecting "things" to the web</li>
+  <li>Target: decentralized Internet of Things that is safe, open and interoperable</li>
+  <li><mark>Web Thing API: Proposed W3C standard</mark></li>
+  <li>Things Gateway connects existing things/protocols to the web</li>
+  <li>Cloud services are optional and configurable</li>
+  <li><mark>Giving control back to the user</mark></li>
+  <li><a href="https://iot.mozilla.org/">iot.mozilla.org</a></li>
+</ul>
+<p class="ensurepicinbox"></p>

 </div>
 </article>
 
 </div>
 </article>
 

-<article id="end" data-title="Ende">
+<article id="end" data-title="The End">

 
 

-<div class="simplebox">
-<h1 class="cent" style="position: relative; z-index: 3; color: #FFFFFF; font-size: 2.5em;">Fragen?</h1>
-<img src="mister_tricorder.jpg" class="sshot"
-     style="width: 100%; margin-top: -4.5em; position: relative; z-index: 1;"
-     alt="Data &amp; Mister Tricorder">
+<div class="simplebox endslidecontainer">
+<h1 class="cent endslidetext">Questions?</h1>
+<h2 class="cent endslidetext"><span><a href="https://www.mozilla.org/en-US/technology/">mozilla.org/technology</a></span></h2>
+<h3 class="cent endslidetext"><span>kairo@kairo.at</span></h3>
+<img src="mister_tricorder.jpg" class="sshot endslidepic" alt="Data &amp; Mister Tricorder">

 </div>
 </article>
 
 </div>
 </article>