current dist state

dist/website/index.html

@@ -29,42 +29,61 @@ den Workshop eure Ergebnisse hier “ausstellen”!</em></p>
 <h2 id="links">Links</h2>
 <ul>
 <li><a href="https://openprocessing.org/sketch/1685741">Interaktives
-Tutorial</a></li>
+Tutorial</a> für Kleingruppen</li>
-<li><a href="https://editor.p5js.org">p5-Editor</a></li>
+<li><a href="https://openprocessing.org/sketch/create">p5-Editor auf
+OpenProcessing</a> <em>oder</em> auf <a
+href="https://editor.p5js.org">der Seite der
+Processing-Foundation.</a></li>
 <li><a href="https://bmoren.github.io/p5js-cheat-sheet/">p5-Cheatsheet
 mit vielen wichtigen Kommandos auf einen Blick</a></li>
-<li>Code-Beispiele
+<li>Code-Beispiele für das Plenum
 <ul>
-<li>Beispiel 1 (Shapes)</li>
+<li><a href="https://openprocessing.org/sketch/1686945">Farbkacheln -
-<li>Beispiel 2 (Color)</li>
+Unanimiert</a></li>
-<li>Beispiel 3 (Interaktion)</li>
+<li><a href="https://openprocessing.org/sketch/1687440">Noise
+Ellipse</a></li>
 </ul></li>
+<li><a href="https://openprocessing.org/curation/81145">Sammlung
+weiterer Beispiele für die Kleingruppenphase</a></li>
 <li><a href="https://ag-link.xyz">Mehr Informationen über die AG
 Link</a></li>
 </ul>
-<h2 id="editor">Editor</h2>
-<iframe id="p5.js web editor embed" title="p5.js web editor embed" width="100%" height="700" src="https://editor.p5js.org/">
-</iframe>
 <h2 id="downloads">Downloads</h2>
 <ul>
 <li><a href="slides.pdf">Vortragsslides</a></li>
 </ul>
-<h2 id="weiterführende-links">Weiterführende Links</h2>
+<h2 id="weiterführendes">Weiterführendes</h2>
+<p>Danke für eure Teilnahme am <strong>Coding Art</strong>-Workshop in
+der KEW 2022! Wenn euch die AG interessiert, schaut gerne bei einem
+unserer Plena vorbei. Schreibt uns dafür gerne eine Mail an <a
+href="mailto:ag-link@riseup.net">ag-link@riseup.net</a>.</p>
+<p>Am Donnerstag, dem 13.10.2022, findet um 19:00 Uhr im Hörsaal 17 des
+Hörsaalgebäudes noch die letzte Veranstaltung der AG Link in der KEW
+statt. Beim Vortrag “Toxischer Optimismus” erklärt uns <a
+href="http://www.2pir.de">Timo Daum</a>, wie Tech-Konzerne
+gesellschaftliche Probleme mit Technologie lösen möchten und wie das
+(nicht) möglich ist.<br />
+<a
+href="https://ag-link.xyz/event/2022/10/13/Toxischer-Optimismus.html">Mehr
+Informationen findet ihr hier.</a></p>
+<p>Zuletzt findet ihr hier noch eine Liste mit weiterführenden
+Links:</p>
 <ul>
-<li><a href="https://p5js.org/reference/">p5
+<li><p><a href="https://p5js.org/reference/">p5 Bibliotheksreferenz</a>
-Bibliotheksreferenz</a><br />
 Eine Übersicht und Erklärungen zu wirklich allen Kommandos die p5js
-bereitstellt.</li>
+bereitstellt.</p></li>
-<li><a href="TODO">Interaktive Paramterübersicht</a></li>
+<li><p><a href="https://thecodingtrain.com">Daniel Shiffman - The Coding
-<li><a href="https://thecodingtrain.com">Daniel Shiffman - The Coding
+Train</a> Viele Tutorials und Beispielvideos zu p5js die auf eine sehr
-Train</a><br />
+sympathische Art und Weise vorgestellt werden.</p></li>
-Viele Tutorials und Beispielvideos zu p5js die auf eine sehr
+<li><p><a href="openprocessing.org">OpenProcessing</a> Erkundet Tausende
-sympathische Art und Weise vorgestellt werden.</li>
+Beispiele von p5js-Sketches</p></li>
-<li><a href="openprocessing.org">OpenProcessing</a><br />
+<li><p><a
-Erkundet Tausende Beispiele von p5js-Sketches</li>
+href="https://git.ag-link.xyz/lukaszett/Coding_Art_KEW_22">Repository
-</ul>
+der Workshopslides und Website</a></p>
 <footer>
-<a href="https://ag-link.xyz/impressum/">Impressum / Datenschutz</a>
+<p><a href="https://ag-link.xyz/impressum/">Impressum /
-</footer>
+Datenschutz</a></p>
+</footer></li>
+</ul>
 </body>
 </html>

dist/website/style.css

@@ -10,7 +10,7 @@ html {
 
 body {
     width: 80%;
-    max-width: 1024px;
+    max-width: 800px;
     margin: auto;
     background-color: #fdf6e3 !important;
 }