Compare commits
No commits in common. "e62dc62a42f80f3a3d75c56a4b9074abc9c3cb6e" and "7494d25e798ee9fce7fb289a0c92ead3428e1ee7" have entirely different histories.
e62dc62a42
...
7494d25e79
8 changed files with 9 additions and 112 deletions
12
Makefile
12
Makefile
|
@ -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
BIN
dist/slides.pdf
vendored
Binary file not shown.
26
dist/website/index.html
vendored
26
dist/website/index.html
vendored
|
@ -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>
|
BIN
imgs/menti.png
BIN
imgs/menti.png
Binary file not shown.
Before Width: | Height: | Size: 402 B |
7
slides.md
Normal file
7
slides.md
Normal file
|
@ -0,0 +1,7 @@
|
|||
% Coding Art
|
||||
% AG-Link: AG für kritische Informatik
|
||||
% DATUM
|
||||
|
||||
# Slide 1
|
||||
|
||||
- Lorem Ipsum
|
|
@ -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!*
|
|
@ -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>
|
|
@ -1,8 +0,0 @@
|
|||
html {
|
||||
background-color: #fdf6e3 !important;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
margin-top: 3em;
|
||||
}
|
Loading…
Reference in a new issue