tiny changes to website
This commit is contained in:
parent
3f53ff195d
commit
246caf7392
2 changed files with 27 additions and 5 deletions
|
@ -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>
|
||||
|
||||
|
@ -28,9 +34,12 @@ title: Coding Art - Workshop für die KEW 2022
|
|||
## Weiterführende Links
|
||||
|
||||
- [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)
|
||||
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/)
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue