diff --git a/.gitignore b/.gitignore index 36a416f..e43b0f9 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1 @@ .DS_Store -dist diff --git a/Makefile b/Makefile index 4f1c389..454f3fa 100644 --- a/Makefile +++ b/Makefile @@ -1,16 +1,10 @@ build: slides website -slides: dist +slides: pandoc slides/slides.md -o dist/slides.pdf -t beamer -V theme:DarkConsole -dist: - mkdir -p dist - mkdir -p dist/website - -website: dist - cp -f website/style.css dist/website/style.css - cp -f dist/slides.pdf dist/website/slides.pdf - pandoc website/site.md -o dist/website/index.html -c style.css -s +website: + pandoc website/site.md -o dist/website/index.html qrcode: qrencode -t PNG -s 5 -o imgs/menti.png https://www.menti.com/9w1aj8bb8o diff --git a/dist/slides.pdf b/dist/slides.pdf new file mode 100644 index 0000000..78e4415 Binary files /dev/null and b/dist/slides.pdf differ diff --git a/dist/website/index.html b/dist/website/index.html new file mode 100644 index 0000000..de0b60f --- /dev/null +++ b/dist/website/index.html @@ -0,0 +1,26 @@ +

+
+

Links

+ + + +

Editor

+ + diff --git a/slides/slides.md b/slides/slides.md index b87dd8d..22ff594 100644 --- a/slides/slides.md +++ b/slides/slides.md @@ -1,7 +1,7 @@ --- title: Coding Art! subtitle: Workshop für die kritischen Einführungswochen 2022 -author: AG Link für kritische Informatik, Marie und Lukas +author: AG Link für kritische Informatik date: "11. Oktober 2022" classoption: "aspectratio=169" header-includes: @@ -13,17 +13,7 @@ header-includes: ## Wer sind wir? - Marie und Lukas -- AG Link für kritische Informatik - - **[ag-link.xyz](https://ag-link.xyz)** - -## Ablauf - -1. -> Einstieg <- -2. Einführung p5js -3. Interaktives Tutorial in Kleingruppe -4. Beispiele generativer Kunst -5. Eigene Kunst in Kleingruppen -6. Abschluss +- AG Link für kritische Informatik ## Was haben wir heute vor? @@ -44,4 +34,4 @@ header-includes: ## P5.JS -- **Livedemo!** +- **Livedemo!* diff --git a/website/site.md b/website/site.md index 9a18404..f643fbc 100644 --- a/website/site.md +++ b/website/site.md @@ -1,37 +1,32 @@ ---- -title: Coding Art - Workshop für die KEW 2022 +-- + --- -## Links +# Links - - [Interaktives Tutorial](https://openprocessing.org/sketch/1642700) - - [p5-Editor](https://editor.p5js.org) + - Einstieg + - p5-Editor - Code-Beispiele - Beispiel 1 (Shapes) - Beispiel 2 (Color) - Beispiel 3 (Interaktion) - - [Mehr Informationen über die AG Link](https://ag-link.xyz) - - -## Editor - - - -## Downloads - - [Vortragsslides](slides.pdf) ## Weiterführende Links - - [p5 Bibliotheksreferenz](https://p5js.org/reference/) - - [Interaktive Paramterübersicht](TODO) - - [Daniel Shiffman - The Coding Train](https://thecodingtrain.com) - - [OpenProcessing](openprocessing.org) + - p5 Bibliotheksreferenz + - Interaktive Paramterübersicht + - Daniel Shiffman + - OpenProcessing + +# Editor + + diff --git a/website/style.css b/website/style.css index 04fffb2..31ad7f7 100644 --- a/website/style.css +++ b/website/style.css @@ -1,17 +1,4 @@ -:root { - --link-color: #00755e; - --visited-color: #00755e; -} - html { - font-family: sans-serif; - size: 12px; -} - -body { - width: 80%; - max-width: 1024px; - margin: auto; background-color: #fdf6e3 !important; } @@ -19,20 +6,3 @@ footer { text-align: center; margin-top: 3em; } - - -a { - text-decoration: none; - font-weight: bold; - color: var(--link-color); -} - -h2:after { - content: ""; - background-image: url("https://ag-link.xyz/assets/img/connection.png"); - background-size: contain; - width: .75em; - height: .75em; - display: inline-block; - margin-left: .3em; -}