Jonas
36ba210323
Add comprehensive mobile-first adjustments across the UI: reorganize topbar actions and context in Layout.vue, make the navigation drawer mobile-friendly (new mobile class, bottom location, density and block-button behavior), and add many responsive CSS rules. Introduce safe-area variables and larger touch targets in global.css (44px buttons, icon sizes, nav item heights), plus additional responsive patterns in page-layouts.css and surface-patterns.css. Apply mobile breakpoints and spacing/stacking tweaks to Home, Login, Impressum and 404 pages to ensure CTAs, cards and forms behave well on <=960px and <=600px viewports. Document the responsive implementation standard in GUI/style.md and update codexInfo.md to note the mobile/usability changes. Changes are scoped to mobile breakpoints to avoid desktop regressions.
Hoard
Hoard ist eine einfache, selbst gehostete Web-App zur Verwaltung von Dateien und Ordnern – mit integrierter Markdown-Bearbeitung direkt im Browser.
Die Anwendung bewegt sich funktional zwischen Google Drive, Notion und Obsidian, bleibt dabei aber bewusst schlank und pragmatisch umgesetzt. Fokus liegt auf klarer Navigation, einfacher Bedienung und einem realistischen Umfang für ein Solo-Projekt.
Features
- 📁 Dateien und Ordner verwalten
- 🧭 Durch Ordnerstrukturen navigieren
- 📝 Markdown-Dateien direkt im Browser bearbeiten
- 🖼️ Vorschau für Bilder und PDFs
- 📦 Andere Dateien speichern und herunterladen
- 👥 Mehrbenutzerfähig (Accounts werden manuell erstellt)
- 🔐 Klassische Login-Session mit Cookies
Tech-Stack
- Frontend: Vue 3
- Markdown-Editor: md-editor-v3
- Backend: ASP.NET Core (C#)
- Datenbank: PostgreSQL
- Dateispeicher: MinIO (S3-kompatibel)
- Authentifizierung: Cookie-basiert
- Deployment: Self-hosted auf eigenem Server
Ziel
Ein bewusst einfach gehaltenes System, das sich wie eine klassische Dateiverwaltung im Browser anfühlt – ohne unnötige Komplexität, aber mit sauberer Grundlage für spätere Erweiterungen.