tiny changes to website

website/site.md

@@ -1,11 +1,17 @@
 ---
 title: Coding Art - Workshop für die KEW 2022
+include-in-header: <link rel="icon" type="image/x-icon" href="https://ag-link.xyz/assets/img/connection.png" />
 ---
 
+## Ergebnisse des Workshops
+
+*Hier ist noch nichts... wenn ihr mögt, können wir im Anschluss an den Workshop eure Ergebnisse hier "ausstellen"!*
+
 ## Links
 
  - [Interaktives Tutorial](https://openprocessing.org/sketch/1642700)
  - [p5-Editor](https://editor.p5js.org)
+ - [p5-Cheatsheet mit vielen wichtigen Kommandos auf einen Blick](https://bmoren.github.io/p5js-cheat-sheet/)
  - Code-Beispiele
    - Beispiel 1 (Shapes)
    - Beispiel 2 (Color)
@@ -18,7 +24,7 @@ title: Coding Art - Workshop für die KEW 2022
 <iframe id="p5.js web editor embed"
     title="p5.js web editor embed"
     width="100%"
-    height="800"
+    height="700"
     src="https://editor.p5js.org/">
 </iframe>
 
@@ -27,10 +33,13 @@ title: Coding Art - Workshop für die KEW 2022
 
 ## Weiterführende Links
 
- - [p5 Bibliotheksreferenz](https://p5js.org/reference/)
+ - [p5 Bibliotheksreferenz](https://p5js.org/reference/)  
+   Eine Übersicht und Erklärungen zu wirklich allen Kommandos die p5js bereitstellt.
  - [Interaktive Paramterübersicht](TODO)
- - [Daniel Shiffman - The Coding Train](https://thecodingtrain.com)
- - [OpenProcessing](openprocessing.org)
+ - [Daniel Shiffman - The Coding Train](https://thecodingtrain.com)  
+   Viele Tutorials und Beispielvideos zu p5js die auf eine sehr sympathische Art und Weise vorgestellt werden.
+ - [OpenProcessing](openprocessing.org)  
+   Erkundet Tausende Beispiele von p5js-Sketches
 
 <footer>
     [Impressum / Datenschutz](https://ag-link.xyz/impressum/)

website/style.css

@@ -17,7 +17,8 @@ body {
 
 footer {
     text-align: center;
-    margin-top: 3em;
+    margin-top: 4em;
+    padding-bottom: 1em;
 }
 
 
@@ -27,6 +28,10 @@ a {
     color: var(--link-color);
 }
 
+h2 {
+    margin-top: 1.5em;
+}
+
 h2:after {
     content: "";
     background-image: url("https://ag-link.xyz/assets/img/connection.png"); 
@@ -36,3 +41,11 @@ h2:after {
     display: inline-block;
     margin-left: .3em;
 }
+
+li {
+    padding:  0.5em 0 0 0;
+}
+
+li li {
+    padding: 0;
+}