diff --git a/website/site.md b/website/site.md
index f643fbc..9a18404 100644
--- a/website/site.md
+++ b/website/site.md
@@ -1,32 +1,37 @@
---
-
+---
+title: Coding Art - Workshop für die KEW 2022
---
-# Links
+## Links
- - Einstieg
- - p5-Editor
+ - [Interaktives Tutorial](https://openprocessing.org/sketch/1642700)
+ - [p5-Editor](https://editor.p5js.org)
- Code-Beispiele
- Beispiel 1 (Shapes)
- Beispiel 2 (Color)
- Beispiel 3 (Interaktion)
+ - [Mehr Informationen über die AG Link](https://ag-link.xyz)
-## Weiterführende Links
- - p5 Bibliotheksreferenz
- - Interaktive Paramterübersicht
- - Daniel Shiffman
- - OpenProcessing
-
-# Editor
+## 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)
+
diff --git a/website/style.css b/website/style.css
index 31ad7f7..04fffb2 100644
--- a/website/style.css
+++ b/website/style.css
@@ -1,4 +1,17 @@
+: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;
}
@@ -6,3 +19,20 @@ 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;
+}