linuxwochen2013-makey/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>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>