lukaszett/Coding_Art_KEW_22
1
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

tiny changes to website

Browse source
This commit is contained in:
Lukas Z 2022-10-07 13:54:45 +02:00
parent 3f53ff195d
commit 246caf7392
2 changed files with 27 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
website/site.md
View file

@ -1,11 +1,17 @@
--- ---
title: Coding Art - Workshop für die KEW 2022 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 ## Links
- [Interaktives Tutorial](https://openprocessing.org/sketch/1642700) - [Interaktives Tutorial](https://openprocessing.org/sketch/1642700)
- [p5-Editor](https://editor.p5js.org) - [p5-Editor](https://editor.p5js.org)
- [p5-Cheatsheet mit vielen wichtigen Kommandos auf einen Blick](https://bmoren.github.io/p5js-cheat-sheet/)
- Code-Beispiele - Code-Beispiele
- Beispiel 1 (Shapes) - Beispiel 1 (Shapes)
- Beispiel 2 (Color) - Beispiel 2 (Color)
@ -18,7 +24,7 @@ title: Coding Art - Workshop für die KEW 2022
<iframe id="p5.js web editor embed" <iframe id="p5.js web editor embed"
title="p5.js web editor embed" title="p5.js web editor embed"
width="100%" width="100%"
height="800" height="700"
src="https://editor.p5js.org/"> src="https://editor.p5js.org/">
</iframe> </iframe>
@ -28,9 +34,12 @@ title: Coding Art - Workshop für die KEW 2022
## Weiterführende Links ## 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) - [Interaktive Paramterübersicht](TODO)
- [Daniel Shiffman - The Coding Train](https://thecodingtrain.com) - [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) - [OpenProcessing](openprocessing.org)
Erkundet Tausende Beispiele von p5js-Sketches
<footer> <footer>
[Impressum / Datenschutz](https://ag-link.xyz/impressum/) [Impressum / Datenschutz](https://ag-link.xyz/impressum/)

15
website/style.css
View file

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