Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- start [2026/02/26 06:48] – strangelove
+++ start [2026/02/26 08:50] (aktuell) – strangelove
@@ Zeile 2: / Zeile 2: @@
 {{ :logo.png?nolink&220 |}}
-<WRAP center round box 70%>
+<WRAP container my-4>
+<WRAP round shadow-lg p-4 mb-4 bg-dark text-white>
 ===== Willkommen im droste.wiki =====
+<WRAP lead mb-2>
+**Kurs- & Wissensportal von Olaf Droste**\\
+Raspberry Pi · Heimserver · DokuWiki · HTML/Bootstrap · KI & Automatisierung
 </WRAP>
-<WRAP center round info 85%>
+<WRAP small text-white-50>
-**Das offizielle Kurs- & Wissensportal von Olaf Droste.**  \\
+Praxisnah dokumentiert. Verständlich aufgebaut. Sofort umsetzbar – für Einsteiger & Macher.
-Raspberry Pi · Heimserver · DokuWiki · HTML · KI & Automatisierung  \\
+</WRAP>
-Praxisnah. Verständlich. Schritt für Schritt – für Einsteiger & Macher.
+<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>
+<WRAP row g-3>
+<WRAP col-md-4>
+<WRAP round shadow-sm p-3 bg-light border>
+**🎓 Kurse**\\
+Strukturierte Lernpfade & Mini-Projekte.\\
+\\
+➡ [[kurse:start|Zur Kursübersicht]]
+</WRAP>
+</WRAP>
+<WRAP col-md-4>
+<WRAP round shadow-sm p-3 bg-light border>
+**📥 Downloads**\\
+PDFs, Checklisten, Cheat Sheets, Vorlagen.\\
+\\
+➡ [[downloads:pdf:start|Zum Download-Bereich]]
+</WRAP>
+</WRAP>
+<WRAP col-md-4>
+<WRAP round shadow-sm p-3 bg-light border>
+**🧭 Orientierung**\\
+Überblick, Updates und Kontaktmöglichkeiten.\\
+\\
+➡ [[kontakt:start|Kontakt & Hilfe]]
+</WRAP>
 </WRAP>
-<WRAP center round tip 80%>
-💡 **Tipp:** Speichere dir diese Seite als Favorit – hier findest du immer den aktuellen Stand.
 </WRAP>
 ----
-===== ⭐ Was dich hier erwartet =====
+===== ⭐ Überblick =====
-<WRAP group>
+<WRAP row g-3>
-<WRAP half column>
+<WRAP col-md-6>
-<WRAP round box 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 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 44: / Zeile 90: @@
 ===== 🚀 Aktuelle Kurse =====
-<WRAP round 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 85%>
+<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 60: / Zeile 142: @@
 ===== 📥 Downloads & Materialien =====
-<WRAP round info 85%>
+<WRAP row g-3>
-**📄 PDF-Center** – Sammelpunkt für Skripte, Arbeitsblätter & Vorlagen:
-  * [[downloads:pdf:start|📄 PDF-Unterlagen]]
+<WRAP col-md-4>
-  * [[downloads:cheatsheets:start|📝 Cheat Sheets]]
+<WRAP round shadow-sm p-3 bg-white border>
-  * [[downloads:projektvorlagen:start|📦 Projekt-Templates & Konfigurationen]]
+**📄 PDF-Unterlagen**\\
+Skripte & Arbeitsblätter.\\
+\\
+➡ [[downloads:pdf:start|Öffnen]]
+</WRAP>
+</WRAP>
+<WRAP col-md-4>
+<WRAP round shadow-sm p-3 bg-white border>
+**📝 Cheat Sheets**\\
+Kurzreferenzen für schnelle Praxis.\\
+\\
+➡ [[downloads:cheatsheets:start|Öffnen]]
+</WRAP>
+</WRAP>
+<WRAP col-md-4>
+<WRAP round shadow-sm p-3 bg-white border>
+**📦 Projekt-Templates**\\
+Konfigurationen, Starter-Pakete, Vorlagen.\\
+\\
+➡ [[downloads:projektvorlagen:start|Öffnen]]
+</WRAP>
+</WRAP>
+</WRAP>
+<WRAP round info 90%>
 Alles sauber strukturiert – zum Mitmachen, Nachvollziehen und Nachbauen.
 </WRAP>
@@ Zeile 74: / Zeile 181: @@
 ===== 🛠 Projekte & Technik =====
-<WRAP round 85%>
+<WRAP round shadow p-3 bg-light border>
-Dieses Portal läuft auf einem eigen konfigurierten **DokuWiki-System**  \\
+Dieses Portal läuft auf einem eigen konfigurierten **DokuWiki-System**\\
-mit automatischen Backups, PDF-Export, Strukturvorlagen, eigenem Hosting-Konzept  \\
+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 80%>
+<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 90: / Zeile 197: @@
 ===== 👤 Über mich =====
-<WRAP round 85%>
+<WRAP row g-3>
-Ich bin **Olaf Droste**:  \\
-Dozent · Autor · Entwickler · Raspberry-Pi-Fan · Automatisierer
-Ich helfe Einsteigern und Selbstständigen dabei, **Wissen sichtbar zu machen**,  \\
+<WRAP col-md-8>
-eigene Systeme aufzubauen und technische Hürden zu überwinden –  \\
+<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 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**  \\
+droste.wiki · Ein Projekt von **Olaf Droste Products**\\
 Umgesetzt mit [[https://www.dokuwiki.org/|DokuWiki]] – leicht, schnell, leistungsstark.
+</WRAP>
 </WRAP>