improve my 7th grade linked-information slides

* Use more icons
* Add more explanations to the slides
* Separate some repetition slides, to reuse them more easily

5 files changed, 49 insertions, 29 deletions

diff --git a/Info/7/1/Verweise/.gitignore b/Info/7/1/Verweise/.gitignore
index 975c912e..2093f74a 100644
--- a/Info/7/1/Verweise/.gitignore
+++ b/Info/7/1/Verweise/.gitignore
@@ -1,2 +1,5 @@
 slides-kompozer.pdf
+slides-kompozer.pptx
+slides-wiederholung.pdf
+slides-wiederholung.pptx
 hefteintrag.png
diff --git a/Info/7/1/Verweise/img/name-dropdown.png b/Info/7/1/Verweise/img/name-dropdown.png
new file mode 100644
index 00000000..5708ad72
--- /dev/null
+++ b/Info/7/1/Verweise/img/name-dropdown.png
diff --git a/Info/7/1/Verweise/img/steckbrief-url.png b/Info/7/1/Verweise/img/steckbrief-url.png
new file mode 100644
index 00000000..1509aca2
--- /dev/null
+++ b/Info/7/1/Verweise/img/steckbrief-url.png
diff --git a/Info/7/1/Verweise/slides-wiederholung.md b/Info/7/1/Verweise/slides-wiederholung.md
new file mode 120000
index 00000000..d61dd5df
--- /dev/null
+++ b/Info/7/1/Verweise/slides-wiederholung.md
@@ -0,0 +1 @@
+../HTML/slides-wiederholung.md
\ No newline at end of file
diff --git a/Info/7/1/Verweise/slides.md b/Info/7/1/Verweise/slides.md
index 5d738190..6983fa1b 100644
--- a/Info/7/1/Verweise/slides.md
+++ b/Info/7/1/Verweise/slides.md
@@ -14,32 +14,15 @@ Du kannst dich schon anmelden
 
 und den Bildschirm ausschalten.
 
-## Wiederholung
+```{.include}
+slides-wiederholung.md
+```
 
-::: {.columns align=center}
-:::: {.column width=50%}
-In welcher Sprache wurden nochmal Webseiten geschrieben?
-::::
-
-:::: {.column width=50%}
-\pause
-![](img/html_human.png){.center height=90%}
-::::
-:::
-
-## Wiederholung - HTML
-
-An welche HTML-Elemente (*tags* \faIcon{tag}) kannst du dich erinnern?
-
-### Mebis Quiz
-
-![](img/html_tags_mebis.png)
-
-## \faIcon{desktop} Arbeitsauftrag - 5 min
+## \faIcon{desktop} Arbeitsauftrag: Steckbrief \hfill 5 min
 
 ::: {.columns align=center}
 :::: {.column width=50%}
-Öffne deinen Steckbrief von letzter Stunde im ![](logos/wiki.svg) **Steckbriefe** Wiki in der \textit{Quellcode}-Ansicht.
+Öffne deinen Steckbrief von letzter Stunde im ![](logos/wiki.svg) **Steckbriefe**-Wiki in der \textit{Quellcode}-Ansicht.
 ::::
 
 :::: {.column width=50%}
@@ -63,7 +46,7 @@ Vergiss nicht deine Änderungen zu speichern.
 
 ![](img/edge_surf.png){.center width=80%}
 
-## Verweis und Verweisziel \pause ("\textit{Links}")
+## \faIcon{chalkboard-teacher} Verweis und Verweisziel \pause ("\textit{Links}")
 
 ::: columns
 :::: {.column width=40%}
@@ -80,7 +63,7 @@ Das **Gymnasium München Riem** ist eine weiterführende Schule im Stadtviertel
 ::::
 :::
 
-## \faIcon{pencil-alt} Die Klasse VERWEIS
+## \faIcon{lightbulb} Die Klasse VERWEIS
 
 \begin{center}
 \begin{tikzpicture}[font=\Large]
@@ -124,6 +107,7 @@ Unter einem \textcolor{red}{Verweis} (Link) versteht man einen Hinweis auf ein a
 \pause
 Wo diese zu finden ist, muss in der \textcolor{red}{Zieladresse} angegeben werden.
 
+<!--
 ## Hefteintrag - Bild einfügen
 
 ![](../HTML/img/editor.png)
@@ -146,6 +130,31 @@ Klicke auf das Bildsymbol und gib die Adresse ins **URL**-Feld ein:
 ![](img/verweis.png){.center}
 ::::
 :::
+-->
+
+## Hefteintrag - Bild einfügen
+
+Lade die Klassenkarte unter \link{https://bycs.link/cdYzqu} herunter.  
+
+![](../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 wähle das eben runtergeladene Bild aus.
+
+::: {.columns align=center}
+:::: {.column width=70%}
+![](img/add_image.png){.center height=60%}
+
+::::
+
+:::: {.column width=35%}
+![](img/verweis.png){.center}
+::::
+:::
 
 ## Links einfügen
 
@@ -155,17 +164,24 @@ Klicke auf das Bildsymbol und gib die Adresse ins **URL**-Feld ein:
 \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.
+Mit deinem \boldred{WYSIWIG}-Editor kannst du Links einfügen.
 
 ### Richtig programmieren
 
 In der _Quellcode_-Ansicht kannst du Verweise als `<a href="Zieladresse">Beschreibung</a>`{.html} anlegen.
 
-## \faIcon{desktop} Arbeitsauftrag - 10min
+## \faIcon{desktop} Arbeitsauftrag: Steckbriefe verlinken \hfill 10min
 
-<!-- TODO: Praesentiere wie -->
+1. Öffne das ![](logos/wiki.svg) **Steckbriefe-Wiki**
+2. Suche in der *rechten* Auswahl die Steckbriefe deiner Sitznachbarn ![](img/name-dropdown.png){height=10%}
+3. Kopiere die angezeigte **Adresse** aus der Adresszeile deines Browsers  
+   ![](img/steckbrief-url.png){.center}
+4. Verlinke \faIcon{link} in deinem Steckbrief die Namen deiner Sitznachbarn mit deren Steckbriefen.
 
-Verlinke \faIcon{link} in deinem Steckbrief die Namen deiner Sitznachbarn mit deren Steckbriefen.
+\begin{tikzpicture}[overlay, remember picture]
+\node[draw=red, line width=0.75pt, minimum width=11cm, minimum height=0.6cm, anchor=west, xshift=3.7cm, yshift=4.1cm] at (current page.south west) {};
+\end{tikzpicture}
 
-\underline{Für Schnelle:}  
+\vspace{-0.75cm}
+\faIcon{earlybirds} \underline{Für Schnelle:}  
 Verlinke zusätzlich deine Hobbys mit den Seiten deiner Lieblingsvereine oder dein Lieblingsessen mit einem Rezept aus dem Internet.