diff --git a/website/app/assets/css/main.css b/website/app/assets/css/main.css index 49fe961..162e3dd 100644 --- a/website/app/assets/css/main.css +++ b/website/app/assets/css/main.css @@ -331,6 +331,45 @@ footer { margin: 0; } +.feature-grid details { + border-top: 1px solid rgba(23, 33, 31, 0.1); + margin-top: 1.1rem; + padding-top: 0.9rem; +} + +.feature-grid summary { + color: #17211f; + cursor: pointer; + font-size: 0.95rem; + font-weight: 800; + list-style: none; +} + +.feature-grid summary::-webkit-details-marker { + display: none; +} + +.feature-grid summary::after { + color: var(--accent-dark); + content: "+"; + float: right; + font-size: 1.1rem; + line-height: 1; +} + +.feature-grid details[open] summary::after { + content: "-"; +} + +.feature-grid ul { + color: #51605c; + display: grid; + gap: 0.55rem; + line-height: 1.55; + margin: 0.9rem 0 0; + padding-left: 1.1rem; +} + .section { padding-bottom: 5rem; padding-top: 1rem; diff --git a/website/app/pages/index.vue b/website/app/pages/index.vue index c053491..ae038e6 100644 --- a/website/app/pages/index.vue +++ b/website/app/pages/index.vue @@ -104,6 +104,12 @@ {{ feature.tag }}

{{ feature.title }}

{{ feature.description }}

+
+ Mehr Details + +
@@ -220,42 +226,82 @@ const features = [ { tag: 'Projekte', title: 'Projekte und Objekte', - description: 'Aufträge, Dokumentation und projektunabhängige Objektinformationen bleiben nachvollziehbar verbunden.' + description: 'Aufträge, Dokumentation und projektunabhängige Objektinformationen bleiben nachvollziehbar verbunden.', + details: [ + 'Projektakten mit Aufgaben, Dokumenten und Zeitbezug', + 'Objekte als dauerhafte Wissensbasis unabhängig vom einzelnen Auftrag', + 'Saubere Historie für wiederkehrende Arbeiten und Ansprechpartner' + ] }, { tag: 'Team', title: 'Plantafel und Zeiterfassung', - description: 'Mitarbeitende, Ressourcen, Fahrzeuge, Arbeitszeiten und Rapportzeiten lassen sich durchgängig planen und erfassen.' + description: 'Mitarbeitende, Ressourcen, Fahrzeuge, Arbeitszeiten und Rapportzeiten lassen sich durchgängig planen und erfassen.', + details: [ + 'Planung von Teams, Fahrzeugen und Ressourcen', + 'Arbeits- und Rapportzeiten direkt im Projektkontext', + 'Auswertbare Zeiten für Abrechnung, Nachkalkulation und Überblick' + ] }, { tag: 'Büro', title: 'Aufgaben und Kommunikation', - description: 'Aufgaben, interne Nachrichten und Matrix-Räume laufen dort zusammen, wo die Arbeit entsteht.' + description: 'Aufgaben, interne Nachrichten und Matrix-Räume laufen dort zusammen, wo die Arbeit entsteht.', + details: [ + 'Aufgaben mit Bezug zu Projekten, Vorgängen und Teams', + 'Matrix-Räume für projektnahe Abstimmung', + 'Benachrichtigungen und Lesestatus für laufende Arbeit' + ] }, { tag: 'Warenfluss', title: 'Lager und Inventar', - description: 'Bestände, Ein- und Ausgänge, Inventar und regelmäßige Überprüfungen bleiben im Blick.' + description: 'Bestände, Ein- und Ausgänge, Inventar und regelmäßige Überprüfungen bleiben im Blick.', + details: [ + 'Bestandsbewegungen für Material und Waren', + 'Inventar mit Zuordnung zu Standorten oder Projekten', + 'Überprüfungen und Nachweise für Geräte und Ausstattung' + ] }, { tag: 'Kaufmännisch', title: 'Buchhaltung und Bankportal', - description: 'Belege, offene Posten, Exporte und Bankabläufe unterstützen den kaufmännischen Alltag.' + description: 'Belege, offene Posten, Exporte und Bankabläufe unterstützen den kaufmännischen Alltag.', + details: [ + 'Belege und offene Posten im täglichen Überblick', + 'Bankportal für Zahlungseingänge und Zuordnung', + 'Exporte für Steuerberatung und nachgelagerte Systeme' + ] }, { tag: 'Geräte', title: 'Geräteintegration', - description: 'Bürogeräte, Drucker und angebundene Hardware werden in digitale Prozesse eingebunden.' + description: 'Bürogeräte, Drucker und angebundene Hardware werden in digitale Prozesse eingebunden.', + details: [ + 'Anbindung von Druckern, Etiketten und Spezialhardware', + 'Gerätebezogene Workflows direkt aus FEDEO heraus', + 'Grundlage für Automatisierung in Büro, Lager und Einsatzort' + ] }, { tag: 'Kontakte', title: 'Kunden und Lieferanten', - description: 'Kontakte, Ansprechpartner und Stammdaten sind zentral erreichbar und für Folgeprozesse nutzbar.' + description: 'Kontakte, Ansprechpartner und Stammdaten sind zentral erreichbar und für Folgeprozesse nutzbar.', + details: [ + 'Zentrale Stammdaten für Kunden, Lieferanten und Ansprechpartner', + 'Verknüpfung mit Projekten, Objekten und Belegen', + 'Weniger doppelte Pflege durch durchgängige Datennutzung' + ] }, { tag: 'Mobil', title: 'Web und App', - description: 'FEDEO ist für Arbeit am Schreibtisch und für mobile Abläufe im Einsatz vorbereitet.' + description: 'FEDEO ist für Arbeit am Schreibtisch und für mobile Abläufe im Einsatz vorbereitet.', + details: [ + 'Weboberfläche für Büro und Verwaltung', + 'Mobile App für Kommunikation und Arbeit unterwegs', + 'Selfhost- und Cloud-Betrieb mit gemeinsamen Prozessen' + ] } ]