Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- start [2026/02/26 06:52] – strangelove
+++ start [2026/02/26 08:50] (aktuell) – strangelove
@@ Zeile 2: / Zeile 2: @@
 {{ :logo.png?nolink&220 |}}
-<WRAP center round 85%>
+<WRAP container my-4>
+<WRAP round shadow-lg p-4 mb-4 bg-dark text-white>
-<WRAP round box shadow p-4 mb-3 75%>
 ===== Willkommen im droste.wiki =====
-<WRAP center round info 90%>
-**Das offizielle Kurs- & Wissensportal von Olaf Droste.**\\
+<WRAP lead mb-2>
-Raspberry Pi · Heimserver · DokuWiki · HTML · KI & Automatisierung\\
+**Kurs- & Wissensportal von Olaf Droste**\\
-Praxisnah. Verständlich. Schritt für Schritt – für Einsteiger & Macher.
+Raspberry Pi · Heimserver · DokuWiki · HTML/Bootstrap · KI & Automatisierung
 </WRAP>
-<WRAP center round tip 85%>
+<WRAP small text-white-50>
-💡 **Tipp:** Speichere dir diese Seite als Favorit – hier findest du immer den aktuellen Stand.
+Praxisnah dokumentiert. Verständlich aufgebaut. Sofort umsetzbar – für Einsteiger & Macher.
 </WRAP>
+<WRAP mt-3>
+<wrap badge bg-primary me-1>Raspberry Pi</wrap>
+<wrap badge bg-success me-1>Self-Hosting</wrap>
+<wrap badge bg-info text-dark me-1>DokuWiki</wrap>
+<wrap badge bg-warning text-dark me-1>HTML/Bootstrap</wrap>
+<wrap badge bg-light text-dark me-1>Automation</wrap>
 </WRAP>
+<WRAP round bg-black bg-opacity-25 p-3 mt-3>
+💡 **Tipp:** Speichere dir diese Seite als Favorit – Updates und neue Inhalte erscheinen zuerst hier.
 </WRAP>
-----
+</WRAP>
-===== ⭐ Schnell-Navigation =====
-<WRAP group>
+<WRAP row g-3>
-<WRAP third column>
+<WRAP col-md-4>
-<WRAP round box shadow-sm p-3 100%>
+<WRAP round shadow-sm p-3 bg-light border>
-**🎓 Kursübersicht**\\
+**🎓 Kurse**\\
-Alle Kursprojekte auf einen Blick – sauber sortiert.
+Strukturierte Lernpfade & Mini-Projekte.\\
 \\
-[[kurse:start|➡ Zur Kursübersicht]]
+➡ [[kurse:start|Zur Kursübersicht]]
 </WRAP>
 </WRAP>
-<WRAP third column>
+<WRAP col-md-4>
-<WRAP round box shadow-sm p-3 100%>
+<WRAP round shadow-sm p-3 bg-light border>
 **📥 Downloads**\\
-PDFs, Cheat Sheets & Vorlagen zum Mitmachen.
+PDFs, Checklisten, Cheat Sheets, Vorlagen.\\
 \\
-[[downloads:pdf:start|➡ Zum Download-Bereich]]
+➡ [[downloads:pdf:start|Zum Download-Bereich]]
 </WRAP>
 </WRAP>
-<WRAP third column>
+<WRAP col-md-4>
-<WRAP round box shadow-sm p-3 100%>
+<WRAP round shadow-sm p-3 bg-light border>
-**✉️ Kontakt**\\
+**🧭 Orientierung**\\
-Fragen, Feedback oder Kooperation? Schreib mir direkt.
+Überblick, Updates und Kontaktmöglichkeiten.\\
 \\
-[[kontakt:start|➡ Kontakt öffnen]]
+➡ [[kontakt:start|Kontakt & Hilfe]]
 </WRAP>
 </WRAP>
@@ Zeile 56: / Zeile 64: @@
 ----
-===== ⭐ Was dich hier erwartet =====
+===== ⭐ Überblick =====
-<WRAP group>
+<WRAP row g-3>
-<WRAP half column>
+<WRAP col-md-6>
-<WRAP round box shadow p-3 100%>
+<WRAP round shadow p-3 bg-white border>
-**🎓 Kurse & Mini-Projekte**\\
+**🎓 Kurse & Praxis-Projekte**\\
-Praxisorientiert, klar strukturiert und sofort umsetzbar.\\
+Klare Schritte, echte Setups, nachvollziehbare Ergebnisse.\\
-Ideal, wenn du *wirklich* etwas aufbauen willst – statt nur zuzuschauen.
+Ideal, wenn du Systeme selbst aufbauen und verstehen willst.
 </WRAP>
 </WRAP>
-<WRAP half column>
+<WRAP col-md-6>
-<WRAP round box shadow p-3 100%>
+<WRAP round shadow p-3 bg-white border>
-**📄 PDF-Unterlagen & Vorlagen**\\
+**📄 Wissensbasis & Materialien**\\
-Alle Skripte, Checklisten und Kursmaterialien an einem Ort.\\
+Skripte, Vorlagen, PDF-Exports, Checklisten – zentral gesammelt.\\
-Perfekt zum Ausdrucken, Nacharbeiten und Archivieren.
+Perfekt für Nacharbeit, Dokumentation und Wiederverwendung.
 </WRAP>
 </WRAP>
@@ Zeile 82: / Zeile 90: @@
 ===== 🚀 Aktuelle Kurse =====
-<WRAP round box shadow p-3 100%>
+<WRAP row g-3>
-^ 📘 Kurs ^ Kurzbeschreibung ^ Perfekt für… ^
-| [[kurse:youtube:digitalcraft_corestack:start|🐧 Raspberry-Pi-Heimserver & „Better-than-NAS“]] | Eigener Server mit SSD, File-Sharing & mehr. | Technik-Einsteiger & Heimanwender |
+<WRAP col-md-6>
-| [[kurse:dokuwiki:start|📚 DokuWiki als Kurssystem & Wissensbasis]] | DokuWiki aufsetzen, strukturieren, PDF exportieren, Branding & Hosting. | Coaches, Creator, Dokumentierer |
+<WRAP round shadow-sm p-3 bg-light border>
-| [[kurse:pico_2w:webserver:start|🧪 Raspberry Pi Pico 2W – Webserver & MicroWebSrv]] | Pico als Mini-Webserver mit MicroPython, MicroWebSrv & modernen Weboberflächen. | Bastler, Einsteiger & IoT-Neulinge |
+**🐧 Raspberry-Pi-Heimserver & „Better-than-NAS“**\\
-| [[kurse:html_einstieg:start|🌐 HTML für Einsteiger + Bootstrap Basics]] | Moderne Webseiten verstehen & gestalten – ohne Vorwissen. | Anfänger ohne Webwissen |
+<wrap badge bg-secondary me-1>Heimserver</wrap><wrap badge bg-secondary me-1>SSD</wrap><wrap badge bg-secondary me-1>Files</wrap><wrap badge bg-secondary me-1>Security</wrap>\\
+Eigener Server mit SSD, File-Sharing, Netzwerktools & mehr.\\
+\\
+➡ [[kurse:youtube:digitalcraft_corestack:start|Kurs öffnen]]
+</WRAP>
+</WRAP>
+<WRAP col-md-6>
+<WRAP round shadow-sm p-3 bg-light border>
+**📚 DokuWiki als Kurssystem & Wissensbasis**\\
+<wrap badge bg-secondary me-1>Wissen</wrap><wrap badge bg-secondary me-1>PDF</wrap><wrap badge bg-secondary me-1>Templates</wrap><wrap badge bg-secondary me-1>Hosting</wrap>\\
+DokuWiki installieren, strukturieren, exportieren und professionell betreiben.\\
+\\
+➡ [[kurse:dokuwiki:start|Kurs öffnen]]
+</WRAP>
+</WRAP>
+<WRAP col-md-6>
+<WRAP round shadow-sm p-3 bg-light border>
+**🧪 Raspberry Pi Pico 2W – Webserver & MicroWebSrv**\\
+<wrap badge bg-secondary me-1>MicroPython</wrap><wrap badge bg-secondary me-1>WLAN</wrap><wrap badge bg-secondary me-1>Webserver</wrap><wrap badge bg-secondary me-1>Dashboard</wrap>\\
+Mini-Webserver im WLAN – moderne Oberflächen, schnelle Erfolgserlebnisse.\\
+\\
+➡ [[kurse:pico_2w:webserver:start|Kurs öffnen]]
+</WRAP>
+</WRAP>
+<WRAP col-md-6>
+<WRAP round shadow-sm p-3 bg-light border>
+**🌐 HTML für Einsteiger + Bootstrap Basics**\\
+<wrap badge bg-secondary me-1>HTML</wrap><wrap badge bg-secondary me-1>Bootstrap</wrap><wrap badge bg-secondary me-1>Layout</wrap><wrap badge bg-secondary me-1>Webdesign</wrap>\\
+Webseiten verstehen, gestalten und sauber strukturieren – ohne Vorwissen.\\
+\\
+➡ [[kurse:html_einstieg:start|Kurs öffnen]]
+</WRAP>
+</WRAP>
 </WRAP>
-<WRAP tip center round 90%>
+<WRAP center round tip 90%>
-👉 **Alle Kurse findest du hier:** [[kurse:start|Zur Kursübersicht]]
+👉 **Alle Kurse im Überblick:** [[kurse:start|Zur Kursübersicht]]
 </WRAP>
@@ Zeile 98: / Zeile 142: @@
 ===== 📥 Downloads & Materialien =====
-<WRAP group>
+<WRAP row g-3>
-<WRAP third column>
+<WRAP col-md-4>
-<WRAP round box shadow-sm p-3 100%>
+<WRAP round shadow-sm p-3 bg-white border>
 **📄 PDF-Unterlagen**\\
-Skripte & Arbeitsblätter – ideal zum Ausdrucken.
+Skripte & Arbeitsblätter.\\
 \\
-[[downloads:pdf:start|➡ Öffnen]]
+➡ [[downloads:pdf:start|Öffnen]]
 </WRAP>
 </WRAP>
-<WRAP third column>
+<WRAP col-md-4>
-<WRAP round box shadow-sm p-3 100%>
+<WRAP round shadow-sm p-3 bg-white border>
 **📝 Cheat Sheets**\\
-Spickzettel für schnelle Erfolgserlebnisse.
+Kurzreferenzen für schnelle Praxis.\\
 \\
-[[downloads:cheatsheets:start|➡ Öffnen]]
+➡ [[downloads:cheatsheets:start|Öffnen]]
 </WRAP>
 </WRAP>
-<WRAP third column>
+<WRAP col-md-4>
-<WRAP round box shadow-sm p-3 100%>
+<WRAP round shadow-sm p-3 bg-white border>
 **📦 Projekt-Templates**\\
-Konfigurationen, Vorlagen & Starter-Pakete.
+Konfigurationen, Starter-Pakete, Vorlagen.\\
 \\
-[[downloads:projektvorlagen:start|➡ Öffnen]]
+➡ [[downloads:projektvorlagen:start|Öffnen]]
 </WRAP>
 </WRAP>
@@ Zeile 137: / Zeile 181: @@
 ===== 🛠 Projekte & Technik =====
-<WRAP round box shadow p-3 100%>
+<WRAP round shadow p-3 bg-light border>
 Dieses Portal läuft auf einem eigen konfigurierten **DokuWiki-System**\\
 mit automatischen Backups, PDF-Export, Strukturvorlagen, eigenem Hosting-Konzept\\
-und optimierten Templates.
+und optimierten Templates.\\
+\\
 Du bekommst nicht nur Kurse – du siehst hier **live**, wie ein professionelles DokuWiki eingesetzt wird.
 </WRAP>
 <WRAP center round tip 85%>
-[[hosting:start|🌐 Infos zu DokuWiki-Hosting & technischen Lösungen]]
+➡ [[hosting:start|Infos zu DokuWiki-Hosting & technischen Lösungen]]
 </WRAP>
@@ Zeile 153: / Zeile 197: @@
 ===== 👤 Über mich =====
-<WRAP round box shadow p-3 100%>
+<WRAP row g-3>
-Ich bin **Olaf Droste**:\\
-Dozent · Autor · Entwickler · Raspberry-Pi-Fan · Automatisierer
+<WRAP col-md-8>
+<WRAP round shadow-sm p-3 bg-white border>
+**Olaf Droste**\\
+Dozent · Autor · Entwickler · Raspberry-Pi-Fan · Automatisierer\\
+\\
 Ich helfe Einsteigern und Selbstständigen dabei, **Wissen sichtbar zu machen**,\\
 eigene Systeme aufzubauen und technische Hürden zu überwinden –\\
 mit klaren Schritten und praxiserprobten Konzepten.
+</WRAP>
+</WRAP>
+<WRAP col-md-4>
+<WRAP round shadow-sm p-3 bg-white border>
+**Links**\\
+➡ [[about:start|Mehr über mich]]\\
+➡ [[kontakt:start|Kontakt]]\\
+\\
+<WRAP round tip 100%>
+Updates, neue Kurse oder Bonusmaterial?\\
+Trage dich in meinen Newsletter ein.
+</WRAP>
+</WRAP>
 </WRAP>
-<WRAP center round info 85%>
-👉 [[about:start|Mehr über mich]] · [[kontakt:start|Kontakt]]
 </WRAP>
 ----
-<WRAP center small>
+<WRAP center small text-muted>
 droste.wiki · Ein Projekt von **Olaf Droste Products**\\
 Umgesetzt mit [[https://www.dokuwiki.org/|DokuWiki]] – leicht, schnell, leistungsstark.
+</WRAP>
 </WRAP>