improve 7th grade link slides and add TODO

3 files changed, 50 insertions, 11 deletions

diff --git a/Info/7/1/Verweise/img/add_image.png b/Info/7/1/Verweise/img/add_image.png
new file mode 100644
index 00000000..8c3bbe98
--- /dev/null
+++ b/Info/7/1/Verweise/img/add_image.png
diff --git a/Info/7/1/Verweise/img/verweis.png b/Info/7/1/Verweise/img/verweis.png
new file mode 100644
index 00000000..2010c331
--- /dev/null
+++ b/Info/7/1/Verweise/img/verweis.png
diff --git a/Info/7/1/Verweise/slides.md b/Info/7/1/Verweise/slides.md
index 270d27af..d27d93d5 100644
--- a/Info/7/1/Verweise/slides.md
+++ b/Info/7/1/Verweise/slides.md
@@ -4,6 +4,16 @@ theme: metropolis
 aspectratio: 169
 ---
 
+## {.standout}
+
+Herzlich Willkommen!
+
+Du kannst dich schon anmelden
+
+\texttt{[v]orname.nachname}
+
+und den Bildschirm ausschalten.
+
 ## Wiederholung
 
 ::: {.columns align=center}
@@ -29,7 +39,7 @@ An welche HTML-Elemente (*tags* \faIcon{tag}) kannst du dich erinnern?
 
 ::: {.columns align=center}
 :::: {.column width=50%}
-Öffne deinen Steckbrief von letzter Stunde im deinem ![](logos/wiki.svg) **Netz des Wissens** in der _Quellcode_-Ansicht.
+Öffne deinen Steckbrief von letzter Stunde im ![](logos/wiki.svg) **Steckbriefe** Wiki in der \textit{Quellcode}-Ansicht.
 ::::
 
 :::: {.column width=50%}
@@ -53,7 +63,7 @@ Vergiss nicht deine Änderungen zu speichern.
 
 ![](img/edge_surf.png){.center width=80%}
 
-## Verweis und Verweisziel
+## Verweis und Verweisziel \pause ("\textit{Links}")
 
 ::: columns
 :::: {.column width=40%}
@@ -75,24 +85,27 @@ Das **Gymnasium München Riem** ist eine weiterführende Schule im Stadtviertel
 \begin{center}
 \begin{tikzpicture}[font=\Large]
 \begin{class}[text width=4.5cm]{VERWEIS}{-2,0}
-\attribute{Beschreibung}
-\attribute{Zieladresse}
-\operation{öffneZieldokument()}
+\only<1>{\attribute{\phantom{Beschreibung}}}
+\only<2->{\attribute{Beschreibung}}
+\only<-2>{\attribute{\phantom{Zieladresse}}}
+\only<3->{\attribute{Zieladresse}}
+\only<-3>{\operation{\phantom{öffneZieldokument()}}}
+\only<4->{\operation{öffneZieldokument()}}
 \end{class}
 
 \begin{object}[text width=7.5cm]{v1}{5.5,0}
 \instanceOf{VERWEIS}
-\only<1> {
+\only<-4> {
 \attribute{\phantom{"Bg}}
 \attribute{\phantom{"Z}}
 }
-\only<2-> {
+\only<5-> {
 \attribute{Beschreibung="Messestadt Riem"}
 }
-\only<2> {
+\only<5> {
 \attribute{\phantom{"Z}}
 }
-\only<3-> {
+\only<6-> {
 \attribute{Zieladresse="..."}
 }
 \end{object}
@@ -106,17 +119,40 @@ Das **Gymnasium München Riem** ist eine weiterführende Schule im Stadtviertel
 
 \pause
 
-Unter einem \textcolor{red}{Verweis} versteht man einen Hinweis auf ein anderes Dokument, eine Grafik oder eine Textstelle. 
+Unter einem \textcolor{red}{Verweis} (Link) versteht man einen Hinweis auf ein anderes Dokument, eine Grafik oder eine Textstelle. 
 
 \pause
 Wo diese zu finden ist, muss in der \textcolor{red}{Zieladresse} angegeben werden.
 
+## Hefteintrag - Bild einfügen
+
+![](../HTML/img/editor.png)
+
+\begin{tikzpicture}[overlay, remember picture]
+\node[draw=red, line width=1pt, minimum width=0.5cm, minimum height=0.5cm] at (5.52cm, 1.3cm) {};
+\end{tikzpicture}
+
+\vspace{-1cm}
+Klicke auf das Bildsymbol und gib die Adresse in **URL**-Feld ein:  
+**https://schule.muhq.space/klasse7/verweis.png**
+
+::: {.columns align=center}
+:::: {.column width=70%}
+![](img/add_image.png){.center height=60%}
+
+::::
+
+:::: {.column width=35%}
+![](img/verweis.png){.center}
+::::
+:::
+
 ## Links einfügen
 
 ![](../HTML/img/editor.png)
 
 \begin{tikzpicture}[overlay, remember picture]
-\node[red, minimum width=1cm, minimum height=0.5cm] at (5cm, 1cm) {};
+\node[draw=red, line width=1pt, minimum width=1.25cm, minimum height=0.5cm] at (10.65cm, 1.3cm) {};
 \end{tikzpicture}
 
 Mit deinem \boldred{WYSIWIG} Editor kannst du Links einfügen.
@@ -126,6 +162,9 @@ Mit deinem \boldred{WYSIWIG} Editor kannst du Links einfügen.
 In der _Quellcode_-Ansicht kannst du Verweise als `<a href="Zieladresse">Beschreibung</a>`{.html} anlegen.
 
 ## \faIcon{desktop} Arbeitsauftrag - 10min
+
+<!-- TODO: Praesentiere wie -->
+
 Verlinke \faIcon{link} in deinem Steckbrief die Namen deiner Sitznachbarn mit deren Steckbriefen.
 
 \underline{Für Schnelle:}