reorder content, add grid view

src/03_low_code/app_market_scraping/app_market_scraping.qmd

@@ -0,0 +1 @@
+# App Market Scraping

src/_quarto.yml

@@ -5,15 +5,15 @@ website:
   navbar:
     left:
       - href: agenda.qmd
-        text: "Agenda"
+        text: "📅 Agenda"
       - href: index.qmd
         text: "1️⃣ Start"
-      - href: tools.qmd
-        text: "2️⃣ No-Code"
-      - href: notebooks/bookstoscrape.qmd
-        text: "3️⃣ Low-Code"
-      - href: notebooks/Gesetze_im_Internet_Aktualitätendienst.ipynb
-        text: "4️⃣ Use-Case"
+      - href: basics.qmd
+        text: "2️⃣ No Code"
+      - href: low_code.qmd
+        text: "3️⃣ Low Code"
+      - href: use_case.qmd
+        text: "4️⃣ Anwendungsfall"
     tools:
       - icon: chat-dots
         href: https://huggingface.co/spaces/datenwerkzeuge/CDL-Webscraping-Workshop-2025/discussions
@@ -24,54 +24,82 @@ website:
       contents:
         - href: index.qmd
           text: "Willkommen"
-        - href: google-konto.qmd
-          text: "Google Konto erstellen"
-        - href: colab.qmd
-          text: "Colab nutzen"
-        - href: colab-github.qmd
-          text: "Colab nach GitHub speichern"
-        - href: huggingface.qmd
-          text: "Huggingface Ressourcen"
-        - href: quarto-lokal.qmd
-          text: "Quarto lokal"
-    - title: "No-Code"
+        - section: "Erforderlich"
+          contents:
+          - href: 01_setup/erforderlich/google-konto.qmd
+            text: "Google Konto erstellen"
+          - href: 01_setup/erforderlich/colab.qmd
+            text: "Colab nutzen"
+          - href: 01_setup/erforderlich/huggingface.qmd
+            text: "Huggingface Ressourcen"
+        - section: "Optional"
+          contents:
+          - href: 01_setup/optional/colab-github.qmd
+            text: "Colab nach GitHub speichern"
+          - href: 01_setup/optional/quarto-lokal.qmd
+            text: "Quarto lokal"
+    - title: "No Code"
       contents:
-        - href: tools.qmd
-          text: "Werkzeuge"
-        - href: pdf-link-extractor.qmd
-          text: "PDF Link Extractor"
-        - href: pdf-grouping.qmd
-          text: "PDF Grouping"
-        - href: google-play-search.qmd
-          text: "Google Play Search"
-        - href: website-url-extractor.qmd
-          text: "URL Extractor"
-        - href: webspider.qmd
-          text: "Webspider"
-    - title: "Low-Code"
+        - href: basics.qmd
+          text: "No Code Übersicht"
+        - section: "PDF"
+          contents:
+          - href: 02_basics/pdf/pdf-link-extractor.qmd
+            text: "PDF Link Extractor"
+          - href: 02_basics/pdf/pdf-grouping.qmd
+            text: "PDF Grouping"
+        - section: "App Marketplace"
+          contents:
+          - href: 02_basics/app_market/google-play-search.qmd
+            text: "Google Play Search"
+        - section: "Webspider"
+          contents:
+          - href: 02_basics/webspider/website-url-extractor.qmd
+            text: "URL Extractor"
+          - href: 02_basics/webspider/webspider.qmd
+            text: "Webspider"
+    - title: "Low Code"
       contents:
-      - section: "Scrapen einer Beispielseite"
-        contents:
-          - href: notebooks/bookstoscrape.qmd
-            text: "Bücherliste scrapen"
-          - href: notebooks/quotes_scraper.ipynb
-            text: "Zitate scrapen"
-      - section: "Soziale Medien"
-        contents:
-          - href: social-media.qmd
-            text: "Hinweise Scraping Social Media"
-          - href: notebooks/buergergeld_forum.ipynb
-            text: "Buergergeld Forum"
-          - href: notebooks/get_videos_for_youtube_channels.ipynb
-            text: "YouTube Channel Videos"
-          - href: notebooks/youtube-transcript-extraction.ipynb
-            text: "YouTube Video Transcripts"
+        - href: low_code.qmd
+          text: "Low Code Übersicht"
+        - section: "Katalog"
+          contents:
+            - href: 03_low_code/catalogue/bookstoscrape.qmd
+              text: "Bücherliste scrapen"
+            - href: 03_low_code/catalogue/quotes_scraper.ipynb
+              text: "Zitate scrapen"
+        - section: "App Markt"
+          contents:
+            - href: 03_low_code/app_market_scraping/app_market_scraping.qmd
+              text: "App Markt scrapen"
+        - section: "Video Transkripte"
+          contents:
+            - href: 03_low_code/video_transcripts/social-media.qmd
+              text: "Hinweise Scraping Social Media"
+            - href: 03_low_code/video_transcripts/get_videos_for_youtube_channels.ipynb
+              text: "YouTube Channel Videos"
+            - href: 03_low_code/video_transcripts/youtube-transcript-extraction.ipynb
+              text: "YouTube Video Transcripts"
     - title: "Use-Case"
       contents:
-        - href: notebooks/Gesetze_im_Internet_Aktualitätendienst.ipynb
-          text: "Aktualitätendienst Gesetze"
-        - href: notebooks/Jobboerse_API.ipynb
-          text: "Jobbörse"
+        - href: use_case.qmd
+          text: "Anwendungsfall Übersicht"
+        - section: "Gesetze"
+          contents:
+          - href: 04_use_case/laws/Gesetze_im_Internet_Aktualitätendienst.ipynb
+            text: "Aktualitätendienst Gesetze"
+        - section: "Jobs"
+          contents:
+          - href: 04_use_case/jobs/Jobboerse_API.ipynb
+            text: "Jobbörse"
+        - section: "Forum"
+          contents:
+            - href: 04_use_case/forum/buergergeld_forum.ipynb
+              text: "Buergergeld Forum"
+    - title: "Blog"
+      contents:
+        - href: blog.qmd
+          text: "Blog"
 
 format:
   html:

src/{tools.qmd → basics.qmd}

@@ -1,4 +1,27 @@
-Eine Sammlung interaktiver **Spaces**, die praktische Anwendungen rund um **Webscraping** und **lokale Datensammlung** demonstrieren. Ziel ist es, die Möglichkeiten der Datenerfassung zu illustrieren.  
+---
+title: "No Code Übersicht"
+listing:
+  - id: pdf
+    contents: "02_basics/pdf"
+    type: grid
+  - id: app_market
+    contents: "02_basics/app_market"
+    type: grid
+  - id: webspider
+    contents: "02_basics/webspider"
+    type: grid
+---
+
+Eine Sammlung interaktiver **Spaces**, die praktische Anwendungen rund um **Webscraping** und **lokale Datensammlung** demonstrieren. Ziel ist es, die Möglichkeiten der Datenerfassung zu illustrieren.
+
+::: {#pdf}
+:::
+
+::: {#app_market}
+:::
+
+::: {#webspider}
+:::
 
 ### **Bereits verfügbares Werkzeug:**  
 - **[Webspider](https://huggingface.co/spaces/datenwerkzeuge/webspider)**:

src/index.qmd

@@ -1,9 +1,22 @@
 ---
 title: "Willkommen"
+listing:
+  - id: erforderlich
+    contents: "01_setup/erforderlich"
+    type: grid
+  - id: optional
+    contents: "01_setup/optional"
+    type: grid
 ---
 
 Herzlich willkommen zum Webscraping Workshop! In diesem Workshop lernen Sie, wie Sie Daten aus dem Web extrahieren und analysieren können. Egal, ob Sie Anfänger oder Fortgeschrittener sind, dieser Workshop bietet Ihnen wertvolle Einblicke und praktische Erfahrungen.
 
+::: {#erforderlich}
+:::
+
+::: {#optional}
+:::
+
 ## Navigation auf der Quarto-Webseite 🧭
 
 Unsere Quarto-Webseite ist so strukturiert, dass Sie sich leicht zurechtfinden und dem Workshop effizient folgen können.

src/low_code.qmd

@@ -0,0 +1,22 @@
+---
+title: "Low Code Übersicht"
+listing:
+  - id: catalogue
+    contents: "03_low_code/catalogue"
+    type: grid
+  - id: app_market_scraping
+    contents: "03_low_code/app_market_scraping"
+    type: grid
+  - id: video_transcripts
+    contents: "03_low_code/video_transcripts"
+    type: grid
+---
+
+::: {#catalogue}
+:::
+
+::: {#app_market_scraping}
+:::
+
+::: {#video_transcripts}
+:::

src/use_case.qmd

@@ -0,0 +1,22 @@
+---
+title: "Anwendungsfall Übersicht"
+listing:
+  - id: laws
+    contents: "04_use_case/laws"
+    type: grid
+  - id: jobs
+    contents: "04_use_case/jobs"
+    type: grid
+  - id: forum
+    contents: "04_use_case/forum"
+    type: grid
+---
+
+::: {#laws}
+:::
+
+::: {#jobs}
+:::
+
+::: {#forum}
+:::