Compare commits

..

No commits in common. "e62dc62a42f80f3a3d75c56a4b9074abc9c3cb6e" and "7494d25e798ee9fce7fb289a0c92ead3428e1ee7" have entirely different histories.

8 changed files with 9 additions and 112 deletions

View file

@ -1,10 +1,2 @@
build: slides website
slides:
pandoc slides/slides.md -o dist/slides.pdf -t beamer -V theme:DarkConsole
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
build:
pandoc slides.md -o dist/slides.pdf -t beamer -V theme:DarkConsole

BIN
dist/slides.pdf vendored

Binary file not shown.

View file

@ -1,26 +0,0 @@
<p></p>
<hr />
<h1 id="links">Links</h1>
<ul>
<li>Einstieg</li>
<li>p5-Editor</li>
<li>Code-Beispiele
<ul>
<li>Beispiel 1 (Shapes)</li>
<li>Beispiel 2 (Color)</li>
<li>Beispiel 3 (Interaktion)</li>
</ul></li>
</ul>
<h2 id="weiterführende-links">Weiterführende Links</h2>
<ul>
<li>p5 Bibliotheksreferenz</li>
<li>Interaktive Paramterübersicht</li>
<li>Daniel Shiffman</li>
<li>OpenProcessing</li>
</ul>
<h1 id="editor">Editor</h1>
<iframe id="p5.js web editor embed" title="p5.js web editor embed" width="800" height="600" src="https://editor.p5js.org/">
</iframe>
<footer>
<a href="ag-link.xyz/impressum">Impressum / Datenschutz</a>
</footer>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 402 B

7
slides.md Normal file
View file

@ -0,0 +1,7 @@
% Coding Art
% AG-Link: AG für kritische Informatik
% DATUM
# Slide 1
- Lorem Ipsum

View file

@ -1,36 +0,0 @@
---
title: Coding Art!
subtitle: Workshop für die kritischen Einführungswochen 2022
author: AG Link für kritische Informatik
date: "11. Oktober 2022"
classoption: "aspectratio=169"
header-includes:
- \usepackage[labelformat=empty]{caption}
---
# Hallo Welt!
## Wer sind wir?
- Marie und Lukas
- AG Link für kritische Informatik
## Was haben wir heute vor?
- KUNST!
- Erste Erfahrungen mit **p5.js** machen
- Nicht: Programmierprofis werden
## Und wer seid ihr?
![Menti](imgs/menti.png)
## Wie wir heute vorgehen
- Javascript
- p5.js
- Alle Links und Ressourcen findet ihr unter **art.ag-link.xyz**
## P5.JS
- **Livedemo!*

View file

@ -1,32 +0,0 @@
--
---
# Links
- Einstieg
- p5-Editor
- Code-Beispiele
- Beispiel 1 (Shapes)
- Beispiel 2 (Color)
- Beispiel 3 (Interaktion)
## Weiterführende Links
- p5 Bibliotheksreferenz
- Interaktive Paramterübersicht
- Daniel Shiffman
- OpenProcessing
# Editor
<iframe id="p5.js web editor embed"
title="p5.js web editor embed"
width="800"
height="600"
src="https://editor.p5js.org/">
</iframe>
<footer>
<a href="ag-link.xyz/impressum">Impressum / Datenschutz</a>
</footer>

View file

@ -1,8 +0,0 @@
html {
background-color: #fdf6e3 !important;
}
footer {
text-align: center;
margin-top: 3em;
}