From 9860d6db08e4b9b643012b1df2f0ffbaf7f8de9c Mon Sep 17 00:00:00 2001
From: Jannik Menzel <155886996+jannikmenzel@users.noreply.github.com>
Date: Mon, 19 May 2025 11:35:52 +0200
Subject: [PATCH] Update README.md

---
 README.md | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/README.md b/README.md
index b13d8ff..be8fec0 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,5 @@
+<img width="2140" alt="Homepage" src="https://github.com/user-attachments/assets/ffe7c42e-9345-467d-9fe9-852ea6818704" />
+
 # iFSR Website – TU Dresden
 
 Dies ist die offizielle Website des iFSR (Informatik-Fachschaftsrat) der Technischen Universität Dresden. Die Seite wurde mit dem statischen Website-Generator [Hugo](https://gohugo.io/) erstellt und dient als zentrale Informationsplattform für Studierende der Fakultät Informatik.
@@ -94,6 +96,42 @@ Anschließend kannst du die Website im Browser unter [http://localhost:1313](htt
 2. Bearbeite den Inhalt im Markdown-Format.
 3. Änderungen werden beim Speichern durch `hugodev` automatisch neu geladen.
 
+---
+
+### Shortcode Snippets
+
+Du kannst Code Snippets in deine Markdown Files integrieren, um die Website interaktiver zu gestalten. Nachfolgend findest du hierfür eine Anleitung.
+
+#### Details
+
+<img width="2140" alt="Details" src="https://github.com/user-attachments/assets/bb87179d-2ac8-4079-a6f5-4067cf9efee6" />
+
+```
+{{< details
+title="Headline"
+number="01" >}}
+
+{{ content }}
+
+{{< /details >}}
+```
+
+#### Profile
+
+<img width="2070" alt="Profile" src="https://github.com/user-attachments/assets/e5966de3-7542-49dd-acd3-9d245a9ef358" />
+
+```
+{{< profile
+name="Name"
+image="/images/mitglieder/vorname-nachname.jpg"
+studiengang="BA Informatik, 1. Semester"
+email="vorname.nachname@ifsr.de" >}}
+
+{{ content }}
+
+{{< /profile >}}
+```
+
 ## 📬 Kontakt
 
 Bei Fragen oder Vorschlägen zur Website kontaktiere uns gerne: