add base of slide sets for both Linuxwochen 2013 talks, translating the new mozilla...
[slides.git] / linuxwochen2013-makey / index.html
CommitLineData
c598296b
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>MaKey MaKey - "Tastatur"-Kreativität</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="Inhalt">
11 <link rel="start" id="link-start" href="#index" title="Start">
12</head>
13<body onload="docLoaded();">
14<header id="header"><div id="header-text">MaKey MaKey</div>
15 <div id="subheader-text"></div>
16 <a id="headerlogo" href="#index" title="Startseite">KaiRo.at</a>
17</header>
18<nav id="slidenav">
19 <a href="#toc" id="nav-toc" accesskey="t">Inhalt</a> ||
20 <a href="#index" id="nav-start" accesskey="s">Start</a> ||
21 <a href="#" id="nav-prev" accesskey="p" hidden>&lt; zurück</a>
22 <span id="nav-prev-nolink" class="nolink">&lt; zurück</span> |
23 <a href="#" id="nav-next" id="goNext" accesskey="n" hidden>weiter &gt;</a>
24 <span id="nav-next-nolink" class="nolink">weiter &gt;</span>
25</nav>
26
27<article id="toc" title="Inhalt">
28<h1>Inhalt</h1>
29<h2>MaKey MaKey - "Tastatur"-Kreativität</h2>
30
31<div class="captionedbox">
32<p class="captionedbox-caption">Folgende Folien sind in dieser Präsentation enthalten:</p>
33<div class="captionedbox-content">
34<ul id="toc-list">
35</ul>
36</article>
37
38<article id="index" title="Startseite">
39<h1>MaKey MaKey - "Tastatur"-Kreativität</h1>
40<h2>Ein Erfindungs-Bausatz für Jedermann</h2>
41
42<div class="simplebox">
43<mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>,
44"KaiRo" &lt;kairo@kairo.at&gt;
45<br><small>Mozilla-Stabilitäts-Manager</small>
46</div>
47
48<div class="captionedbox">
49<p class="captionedbox-caption">Folien:
50 <a href="http://slides.kairo.at/linuxwochen2013-makey/">http://slides.kairo.at/linuxwochen2013-makey/</a></p>
51<div class="captionedbox-content small">
52<ul class="small">
53 <li>Erstellt für
54 <a href="https://cfp.linuxwochen.at/de/lww2013/public/events/22">Vortrag</a>
55 auf den <a href="http://www.linuxwochen.at/">Linuxwochen 2013</a> in Wien.</li>
56 <li>Geschrieben in HTML 5 mit CSS 3 und JavaScript.</li>
57 <li>Navigation mit Links auf allen Folien, mit Accesskeys
58 (e.g. "n"/Alt+Shift+N für "next"/weiter) oder vor/zurück-Pfeilasten</li>
59 <li><a href="#toc">Inhalt</a></li>
60 <li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/at/"><img
61 alt="Lizenziert unter CC-BY-SA," style="border-width:0;vertical-align:bottom;"
62 src="cc-by-sa-80x15.png"></a> 04/2013 Robert Kaiser</li>
63</ul>
64</div>
65</div>
66</article>
67
68<article id="makeymakey" title="MaKey MaKey">
69<h1>Was ist "MaKey MaKey"?</h1>
70
71<div class="simplebox">
72<ul>
73 <li>Entwicklung von 2 MIT-Studenten</li>
74 <li></li>
75 <li></li>
76</ul>
77</div>
78</article>
79
80<article id="demo" title="Demo">
81<h1>Demo</h1>
82
83<div class="simplebox">
84<ul>
85 <li>Piano: <a href="http://piano.kairo.at/">piano.kairo.at</a></li>
86 <li>Fotoautomat: <a href="https://github.com/codepo8/interaction-cam">github.com/codepo8/interaction-cam</a></li>
87 <li>Lantea Maps: <a href="http://lantea.kairo.at/">lantea.kairo.at</a></li>
88 <li>BananaBread: <a href="https://developer.mozilla.org/en-US/demos/detail/bananabread">mzl.la/O6LKMP</a></li>
89</ul>
90</div>
91</article>
92
93</body>
94</html>