</div>
</article>
+<article id="whowhy" title="Wer und Warum">
+<h1>Wer und Warum?</h1>
+
+<div class="simplebox">
+<ul>
+ <li>Entwicklung von 2 MIT-Studenten</li>
+ <li>Jay Silver und Eric Rosenbaum (JoyLabz)</li>
+ <li>Forschung im Rahmen von Erfinder-Sets</li>
+</ul>
+</div>
+</article>
+
<article id="makeymakey" title="MaKey MaKey">
<h1>Was ist "MaKey MaKey"?</h1>
<div class="simplebox">
<ul>
- <li>Entwicklung von 2 MIT-Studenten</li>
- <li></li>
- <li></li>
+ <li>Kleine Platine mit Steckern und Kroko-Verbindern</li>
+ <li>Wird als USB-Tastatur (+Maus) erkannt</li>
+ <li>Tastenereignisse auch bei Kontaktschluss durch Mensch, usw.</li>
+</ul>
+</div>
+</article>
+
+<article id="open" title="Open Hardware">
+<h1>Open Hardware</h1>
+
+<div class="simplebox">
+<ul>
+ <li>Arduino-basierte Platine</li>
+ <li>Entwickelt in Kooperation mit SparkFun</li>
+ <li><a href="https://github.com/sparkfun/makeymakey">github.com/sparkfun/makeymakey</a></li>
+</ul>
+</div>
+</article>
+
+<article id="materials" title="Materialien">
+<h1>Materialien</h1>
+
+<div class="simplebox">
+<ul>
+ <li>Alles, was auch nur kleine Mengen Strom leitet</li>
+ <li>Menschen, Pflanzen, Bananen, andere Früchte, Bleistift,
+ (Graphitzeichnungen mit weicher Mine), Spiel-Knetmasse,
+ Besteck, Haustiere, Alufolie, Wasser bzw. jegliche nasse
+ Gegenstände, Münzen, ...</li>
</ul>
</div>
</article>
+<article id="video" title="Video">
+<h1>Video</h1>
+
+<div class="simplebox">
+<iframe src="http://player.vimeo.com/video/60307041?title=0&byline=0&portrait=0"
+ webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""
+ frameborder="0" height="281" width="500"></iframe>
+</div>
+</article>
+
<article id="demo" title="Demo">
<h1>Demo</h1>
</div>
</article>
+<article id="foundation" title="Foundation">
+<h1>Mozilla Foundation</h1>
+
+<div class="simplebox">
+<ul>
+ <li>Mission, Manifesto</li>
+ <li>Webmaker (Popcorn, Thimble)</li>
+ <li>Open Badges</li>
+</ul>
+</div>
+</article>
+
+<article id="desktop" title="Firefox für Desktop">
+<h1>Aktuelles: Firefox für Desktop</h1>
+
+<div class="simplebox">
+<ul>
+ <li>Social: Multi-Provider-Unterstützung</li>
+ <li>Australis-Design</li>
+ <li>Neue Windows-8-Oberfläche ("Metro")</li>
+</ul>
+</div>
+</article>
+
+<article id="devtools" title="Werkzeuge">
+<h1>Entwickler-Werkzeuge</h1>
+
+<div class="simplebox">
+<ul>
+ <li>Inspektor, Style-Editor</li>
+ <li>Debugger, Profiler</li>
+ <li>Netzwerk-Panel</li>
+</ul>
+</div>
+</article>
+
+<article id="backend" title="Hintergrund">
+<h1>Hintergrundarbeiten, Medien-APIs</h1>
+
+<div class="simplebox">
+<ul>
+ <li>Performance, MemShrink</li>
+ <li>WebRTC (Audio, Video, Daten)</li>
+ <li>WebAudio</li>
+</ul>
+</div>
+</article>
+
+<article id="mobile" title="Mobilgeräte">
+<h1>Mobilgeräte</h1>
+
+<div class="simplebox">
+<ul>
+ <li>Firefox für Android</li>
+ <li>Web Apps für Android (Aurora)</li>
+ <li>Firefox OS</li>
+</ul>
+</div>
+</article>
+
+<article id="webapi1" title="WebAPI: Apps">
+<h1>WebAPI: Web Apps</h1>
+
+<div class="simplebox">
+<ul>
+ <li>Open Web Apps</li>
+ <li>WebActivities</li>
+ <li>WebPayment</li>
+</ul>
+</div>
+</article>
+
+<article id="webapi2" title="WebAPI: Mobil">
+<h1>WebAPI: Mobil</h1>
+
+<div class="simplebox">
+<ul>
+ <li>Verbindungen: Telefon, SMS, Bluetooth, WLAN, USB, ...</li>
+ <li>Batterie, Vibration</li>
+ <li>Ausrichtung, Beschleunigung</li>
+</ul>
+</div>
+</article>
+
+<article id="webapi3" title="WebAPI: Noch mehr">
+<h1>WebAPI: Noch mehr!</h1>
+
+<div class="simplebox">
+<ul>
+ <li>Geolocation</li>
+ <li>Kontakte</li>
+ <li>Mouse-Lock, Vollbild</li>
+</ul>
+</div>
+</article>
+
+<article id="persona" title="Persona">
+<h1>Mozilla Persona</h1>
+
+<div class="simplebox">
+<ul>
+ <li>Dezentralisierter Login</li>
+ <li>Identitätsprovider (IdP)</li>
+ <li>"Profile In The Cloud" (PiCl)</li>
+</ul>
+</div>
+</article>
+
+<article id="fastjs" title="JS-Beschleunigung">
+<h1>JavaScript-Beschleunigung</h1>
+
+<div class="simplebox">
+<ul>
+ <li>Baseline JIT</li>
+ <li>ASM.js + OdinMonkey</li>
+ <li>ParallelJS</li>
+ <li>EmScripten</li>
+</ul>
+</div>
+</article>
+
+<article id="plugins" title="Plugins">
+<h1>Plugins?</h1>
+
+<div class="simplebox">
+<ul>
+ <li>Click-To-Play für unsichere Plugins</li>
+ <li>PDF.js: Eingebaut, HTML+JS</li>
+ <li>Shumway: SWF-Player in HTML+JS</li>
+</ul>
+</div>
+</article>
+
+<article id="research" title="Forschung">
+<h1>Weitere Forschung</h1>
+
+<div class="simplebox">
+<ul>
+ <li>Servo: Web-Engine - Parallelität und Speichersicherheit</li>
+ <li>Rust: Programmiersprache - Gleichzeitigkeit und Integrität</li>
+</ul>
+</div>
+</article>
+
<article id="links" title="Links">
<h1>Weitere Infos</h1>
<li>Mozilla Hacks: <a href="https://hacks.mozilla.org/">hacks.mozilla.org</a></li>
<li>Mozilla Research: <a href="http://www.mozilla.org/research/">mozilla.org/research</a></li>
<li>Firefox Aurora: <a href="http://www.mozilla.org/firefox/aurora/">mozilla.org/firefox/aurora</a></li>
+ <li><a href="https://wiki.mozilla.org/WebAPI">wiki.mozilla.org/WebAPI</a>,
+ <a href="https://www.persona.org/">persona.org</a>,
+ <a href="https://webmaker.org/">webmaker.org</a>,
+ <a href="http://openbadges.org/">openbadges.org</a>,
+ <a href="https://developer.mozilla.org/">developer.mozilla.org</a></li>
</ul>
</div>
</article>