Jonas
8ccc515a7b
Introduce reusable global CSS modules and apply them across routes to centralize layout/surface patterns. Added GUI/src/styles/global/page-layouts.css and GUI/src/styles/global/surface-patterns.css and imported both in GUI/src/main.ts. Updated Layout.vue, Home.vue, 404NotFound.vue, Impressum.vue and authentication/Login.vue to use hoard-* utility classes (hoard-page, hoard-shell-grid, hoard-kicker, hoard-action-row, hoard-panel-gradient, etc.) and removed duplicated scoped styles. Also updated codexInfo.md to document the new CSS modules and provide usage guidance. This reduces per-page CSS duplication and standardizes gradients, spacing and page-shell behavior.
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.