joriszwart.nl

 (???) !doctype html>
 (???) html>
 (???)  <head>
 (???)    <meta charset="utf-8" />
 (???)    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 (???)    <title>Scratch</title>
 (???)    <link href="/slides.css" rel="stylesheet" />
 (???)    <script src="/slides.js" type="module"></script>
 (???)    <script src="/timer.js" type="module"></script>
 (???)  </head>
 (???)  <body>
 (???)    <main class="slides" tabindex="0" autofocus>
 (???)      <section class="paragraph" id="navigate-hint">
 (???)        <p>
 (???)          <kbd>←</kbd> prev<br />
 (???)          <kbd>→</kbd> next
 (???)        </p>
 (???)      </section>
 (???)      <section>Scratch</section>
 (???)      <section class="paragraph small" id="print-hint">
 (???)        Interactive version:<br /><br />
 (???)        <a href="https://joriszwart.nl/scratch" target="_blank">
 (???)          joriszwart.nl/scratch
 (???)        </a>
 (???)      </section>
 (???)      <section id="about-joris" class="about">
 (???)        <a href="https://joriszwart.nl" target="_blank">
 (???)          <img
 (???)            src="/joriszwart-logo-uluru.png"
 (???)            alt="Joris Zwart logo"
 (???)            width="1000"
 (???)            height="125"
 (???)          />
 (???)        </a>
 (???)      </section>
 (???)      <section class="paragraph">Drempelvrij programmeren</section>
 (???)      <section class="paragraph">
 (???)        <p>Geen code,<br />wél programmeren</p>
 (???)      </section>
 (???)      <!-- <section>Demo [demo, tetris en iets spectucalirs 3d ofzo]</section> -->
 (???)      <section>
 (???)        MIT
 (???)        <p class="small">Massachusetts Institute of Technology</p>
 (???)      </section>
 (???)      <section class="paragraph">
 (???)        Karakters
 (???)        <p class="small">(sprites)</p>
 (???)      </section>
 (???)      <section class="paragraph">Achtergronden</section>
 (???)      <section class="paragraph small">
 (???)        1. Karakters en achtergronden hebben gedrag
 (???)      </section>
 (???)      <section class="paragraph small">
 (???)        2. Karakters en achtergronden kennen iteractie
 (???)      </section>
 (???)      <!-- <section class="paragraph">
 (???)        Tussendoor oplossingen geven (link naar joriszwart.nl -> remix) om de
 (???)        vaart er in te houden.
 (???)      </section> -->
 (???)      <section>
 (???)        Doe-het-zelf
 (???)      </section>
 (???)      <section class="paragraph">
 (???)        <a href="http://scratch.mit.edu" target="_blank">scratch.mit.edu</a>
 (???)      </section>
 (???)      <section class="about">
 (???)        <a href="https://joriszwart.nl/scratch" target="_blank">
 (???)          joriszwart.nl/scratch
 (???)        </a>
 (???)      </section>
 (???)    </main>
 (???)    <aside class="timer" data-timer data-minutes="10"></aside>
 (???)  </body>
 (???) /html>