Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- start [2026/02/21 21:33] – strangelove
+++ start [2026/02/26 08:50] (aktuell) – strangelove
@@ Zeile 1: / Zeile 1: @@
 ~~NOTOC~~
-{{ :logo.png?nolink&200 |}}
+{{ :logo.png?nolink&220 |}}
-<WRAP center round box 64%>
+<WRAP container my-4>
-===== ################ Willkommen im droste.wiki ################ =====
+<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 small text-white-50>
+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 center round info 80%>
+<WRAP round bg-black bg-opacity-25 p-3 mt-3>
-**Das offizielle Kurs- & Wissensportal von Olaf Droste.**
+💡 **Tipp:** Speichere dir diese Seite als Favorit – Updates und neue Inhalte erscheinen zuerst hier.
-Raspberry Pi · Heimserver · DokuWiki · HTML · KI & Automatisierung
-Praxisnah. Verständlich. Schritt für Schritt für Einsteiger & Macher.
 </WRAP>
+</WRAP>
-===== ⭐ Was dich hier erwartet =====
+<WRAP row g-3>
-<WRAP column 50%>
+<WRAP col-md-4>
-**🎓 Kurse & Mini-Projekte**
+<WRAP round shadow-sm p-3 bg-light border>
-Praxisorientiert, klar strukturiert und sofort umsetzbar.
+**🎓 Kurse**\\
-Perfekt für Einsteiger, die *wirklich* etwas aufbauen wollen.
+Strukturierte Lernpfade & Mini-Projekte.\\
+\\
+➡ [[kurse:start|Zur Kursübersicht]]
+</WRAP>
 </WRAP>
-<WRAP column 50%>
+<WRAP col-md-4>
-**📄 PDF-Unterlagen & Vorlagen**
+<WRAP round shadow-sm p-3 bg-light border>
-Alle Skripte, Checklisten und Kursmaterialien an einem zentralen Ort.
+**📥 Downloads**\\
-Ideal zum Ausdrucken, Nacharbeiten und Archivieren.
+PDFs, Checklisten, Cheat Sheets, Vorlagen.\\
+\\
+➡ [[downloads:pdf:start|Zum Download-Bereich]]
+</WRAP>
 </WRAP>
-<WRAP clear></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>
+----
+===== ⭐ Überblick =====
+<WRAP row g-3>
+<WRAP col-md-6>
+<WRAP round shadow p-3 bg-white border>
+**🎓 Kurse & Praxis-Projekte**\\
+Klare Schritte, echte Setups, nachvollziehbare Ergebnisse.\\
+Ideal, wenn du Systeme selbst aufbauen und verstehen willst.
+</WRAP>
+</WRAP>
+<WRAP col-md-6>
+<WRAP round shadow p-3 bg-white border>
+**📄 Wissensbasis & Materialien**\\
+Skripte, Vorlagen, PDF-Exports, Checklisten – zentral gesammelt.\\
+Perfekt für Nacharbeit, Dokumentation und Wiederverwendung.
+</WRAP>
+</WRAP>
+</WRAP>
+----
 ===== 🚀 Aktuelle Kurse =====
-^ 📘 Kurs ^ Kurzbeschreibung ^ Perfekt für… ^
+<WRAP row g-3>
-| [[kurse:youtube:digitalcraft_corestack:start|🐧 Raspberry-Pi-Heimserver & „Better-than-NAS“]] | Eigener Server mit SSD, File-Sharing & mehr. | Technik-Einsteiger & Heimanwender |
-| [[kurse:dokuwiki:start|📚 DokuWiki als Kurssystem & Wissensbasis]] | DokuWiki aufsetzen, strukturieren, PDF exportieren, Branding & Hosting. | Coaches, Creator, Dokumentierer |
-| [[kurse:pico_2w:webserver:start|🧪 Raspberry Pi Pico 2W – Webserver & MicroWebSrv für Einsteiger]] | Pico als Mini-Webserver mit MicroWebSrv, MicroPython & einfachen Weboberflächen. | Perfekt für Bastler, Einsteiger & IoT-Neulinge. |
-| [[kurse:html_einstieg:start|🌐 HTML für Einsteiger + Bootstrap Basics]] | Moderne Webseiten schnell verstehen & gestalten. | Anfänger ohne Webwissen |
-<WRAP tip center round 80%>
+<WRAP col-md-6>
-👉 **Alle Kurse findest du hier:** [[kurse:start|Zur Kursübersicht]]
+<WRAP round shadow-sm p-3 bg-light border>
+**🐧 Raspberry-Pi-Heimserver & „Better-than-NAS“**\\
+<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 center round tip 90%>
+👉 **Alle Kurse im Überblick:** [[kurse:start|Zur Kursübersicht]]
 </WRAP>
+----
 ===== 📥 Downloads & Materialien =====
-<WRAP round 80%>
+<WRAP row g-3>
-**📄 PDF-Center** – Sammelpunkt für alle 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>
-Alles sauber strukturiert — zum Mitmachen, Nachvollziehen und Nachbauen.
+<WRAP round info 90%>
+Alles sauber strukturiert – zum Mitmachen, Nachvollziehen und Nachbauen.
 </WRAP>
+----
 ===== 🛠 Projekte & Technik =====
-<WRAP indent>
+<WRAP round shadow p-3 bg-light border>
-Dieses Portal selbst 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.\\
+\\
-Damit bekommst du nicht nur Kurse –
+Du bekommst nicht nur Kurse – du siehst hier **live**, wie ein professionelles DokuWiki eingesetzt wird.
-du siehst **live**, wie ein professionelles DokuWiki eingesetzt wird.
 </WRAP>
-[[hosting:start|🌐 → Infos zu DokuWiki-Hosting & technischen Lösungen]]
+<WRAP center round tip 85%>
+➡ [[hosting:start|Infos zu DokuWiki-Hosting & technischen Lösungen]]
+</WRAP>
+----
 ===== 👤 Über mich =====
-<WRAP round 80%>
+<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>
-👉 [[about:start|Mehr über mich]] · [[kontakt:start|Kontakt]]
+<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>
-<WRAP center small>
+----
-droste.wiki · Ein Projekt von **Olaf Droste Products**
+<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>