diff --git a/VERSION b/VERSION index 31e5c84..d0149fe 100644 --- a/VERSION +++ b/VERSION @@ -1 +1 @@ -1.3.3 +1.3.4 diff --git a/resources/css/app.css b/resources/css/app.css index c670c8b..69d613a 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -82,6 +82,43 @@ } } +/* ── The public website ─────────────────────────────────────────────────── + * The marketing page draws from the same tokens as the portal and the console + * and differs only in rhythm. These four rules are what Tailwind cannot say: + * a state class toggled by an observer, and the disclosure marker. + */ +.rv { + opacity: 0; + transform: translateY(16px); + transition: opacity 0.55s var(--ease), transform 0.55s var(--ease); +} +.rv.in { opacity: 1; transform: none; } +/* Staggered siblings — the delay belongs to the element, not to the observer, + so a card that scrolls in alone still arrives on its own schedule. Kept + short: a row of three cards that takes a second to finish assembling reads + as a slow page, not as a considered one. */ +.rv.d1 { transition-delay: 0.07s; } +.rv.d2 { transition-delay: 0.14s; } + +/* The section rule draws across as its heading arrives. Slower than the + heading it belongs to, so it reads as a consequence rather than as a second + thing happening at the same time. */ +.rv .fill { transform: scaleX(0); transform-origin: left; transition: transform 1s var(--ease) 0.1s; } +.rv.in .fill { transform: scaleX(1); } + +.logline { opacity: 0; transform: translateX(-10px); transition: opacity 0.45s var(--ease), transform 0.45s var(--ease); } +.logline.in { opacity: 1; transform: none; } + +/* The FAQ disclosure. Safari needs the -webkit- selector as well, and without + `list-style: none` Firefox keeps drawing its own triangle beside ours. */ +.faq summary { list-style: none; cursor: pointer; } +.faq summary::-webkit-details-marker { display: none; } + +@media (prefers-reduced-motion: reduce) { + .rv, .logline { opacity: 1 !important; transform: none !important; } + .rv .fill { transform: scaleX(1) !important; } +} + /* ── Metric visuals ─────────────────────────────────────────────────────── * The ring and the sparkline from the approved template. They live here * rather than as utilities because both need keyframes and a per-element diff --git a/resources/css/portal-tokens.css b/resources/css/portal-tokens.css index a20dafa..1ee9957 100644 --- a/resources/css/portal-tokens.css +++ b/resources/css/portal-tokens.css @@ -115,5 +115,10 @@ font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.07em; - color: var(--muted); + /* --text-muted, not --muted: the latter is not a token and never was. An + undefined var() in `color` does not make the browser skip the + declaration, it computes to `unset` — which for an inherited property + means "take the parent's colour". Every label on every surface was + therefore whatever its container happened to be. */ + color: var(--text-muted); } diff --git a/resources/views/components/layouts/site.blade.php b/resources/views/components/layouts/site.blade.php new file mode 100644 index 0000000..1f7ada6 --- /dev/null +++ b/resources/views/components/layouts/site.blade.php @@ -0,0 +1,168 @@ +@props([ + 'title' => null, + 'description' => null, + 'robots' => null, +]) + + +
+ @if ($description)@endif + @if ($robots)@endif +Betriebene Private Cloud · Österreich
-- Eine eigene, isolierte Instanz für Ihr Unternehmen — eingerichtet, täglich gesichert und - laufend überwacht. Was wir tun, können Sie nachweisen: mit Protokoll, Prüfbericht und AV-Vertrag. -
- -- Wir liefern nicht einen leeren Baukasten, sondern eine Ablage, die zu Ihrem Fach passt — - Ordnerstruktur, Zugriffsrechte und Aufbewahrung nach Branchenvorlage, ab dem ersten Tag. -
+{{-- ── §01 Für wen ───────────────────────────────────────────────────── --}} +Mandantentrennung mit sauberen Rechten, Jahresordner, Belegeingang.
Mandanten / Jahresabschluss / Belege
Akten pro Verfahren, strikte Vertraulichkeit, nachvollziehbare Zugriffe.
Akten / Schriftsätze / Fristen
Getrennte Ablage für Verwaltung und Befunde, klar geregelte Rechte.
Verwaltung / Befunde / Abrechnung
Projektordner mit Plandateien, Versionen und Freigaben an Externe.
Projekte / Pläne / Freigaben
Baustellen mit Fotos vom Handy, Aufmaß und Abnahmeprotokollen.
Baustellen / Aufmaß / Abnahme
Objekte und Einheiten, Verträge, Abrechnungen, Freigaben an Eigentümer.
Objekte / Verträge / Abrechnung
+ Wir liefern nicht einen leeren Baukasten, sondern eine Ablage, die zu Ihrem Fach passt — + Ordnerstruktur, Zugriffsrechte und Aufbewahrung nach Branchenvorlage, ab dem ersten Tag. +
-- Für Ihr Team sieht es aus wie firmeneigene Software — weil es das ist. Wir betreiben sie nur. -
- -- Zubuchbare Module: Vaultwarden — Team-Passwörter · Paperless-ngx — digitales Dokumentenarchiv · - digitale Signatur (in Vorbereitung). Preise auf Anfrage oder im Kundenbereich. -
-Zwei Minuten online. Ihre Instanz wird unmittelbar danach automatisch erstellt und ist wenige Minuten später erreichbar.
-Benutzer und Rechte, Ordnerstruktur nach Branchenvorlage, Ihr Logo und Ihre Domain. Auf Wunsch übernehmen wir Bestandsdaten aus Dropbox, OneDrive oder vom alten Server — mit schriftlichem Übernahmeprotokoll.
-45 Minuten für Ihr Team per Videokonferenz, Kurzanleitung als PDF mit Ihren eigenen Screenshots. Danach läuft es — bei Fragen rufen Sie an.
-- Jede Maßnahme hat einen Rhythmus und einen Nachweis. Beides bekommen Sie schriftlich — - für Ihre eigene Dokumentation, Ihre Prüfung, Ihre Versicherung. -
- -| Maßnahme | Rhythmus | Nachweis |
|---|---|---|
| Eigene isolierte InstanzEine virtuelle Maschine je Kunde, strikt getrennt von allen anderen. | -dauerhaft | -Instanzkennung im Kundenbereich | -
| Verschlüsselte SicherungClientseitig verschlüsselt, getrennt vom Produktivsystem gelagert. | -täglich | -Sicherungsprotokoll mit Zeitstempel | -
| WiederherstellungstestEine Sicherung wird tatsächlich zurückgespielt — nicht nur geprüft. | -monatlich | -Testbericht mit Ergebnis | -
| SicherheitsupdatesBetriebssystem und Anwendung, eingespielt außerhalb Ihrer Arbeitszeit. | -laufend | -Wartungsprotokoll | -
| ÜberwachungErreichbarkeit, Speicher und Dienste — Alarm, bevor Sie es merken. | -rund um die Uhr | -Verfügbarkeitsbericht | -
| Serverstandort EUKein Transfer in Drittländer, keine Abhängigkeit von US-Anbietern. | -vertraglich | -AV-Vertrag & TOM-Dokumentation | -
Berechtigte Frage. Hier die Antwort ohne Marketing-Nebel — samt der Punkte, die gegen uns sprechen.
- - @php - $no = ''; - $yes = ''; - @endphp - -Alle Preise netto pro Monat. Keine Staffelung nach Benutzern, keine Nachverrechnung bei Zuwachs.
- - @if (empty($plans)) - {{-- The catalogue could not be read. Showing a number we might not honour - would be worse than showing none. --}} -Die Paketübersicht steht gerade nicht zur Verfügung. Wir nennen Ihnen die aktuellen Konditionen gerne direkt.
- Preise anfragen -| Merkmal | - @foreach ($plans as $plan) -- @if ($plan['recommended'])Empfohlen@endif - {{ $plan['name'] }} - {{ $plan['audience'] }} - | - @endforeach -
|---|---|
| Preis | - @foreach ($plans as $plan) -
- {{ $plan['price'] }}/Monat
- zzgl. einmaliger Einrichtung
- |
- @endforeach
-
| Speicher | - @foreach ($plans as $plan) -{{ $plan['storage'] }} | - @endforeach -
| Datenvolumen | - @foreach ($plans as $plan) -{{ $plan['traffic'] }}/Monat | - @endforeach -
| Benutzer | - @foreach ($plans as $plan) -bis {{ $plan['seats'] }} | - @endforeach -
| {{ $feature }} | - @foreach ($plans as $plan) - @php $has = in_array($feature, $plan['features'], true); @endphp -- @if ($has) - - @else - — - @endif - | - @endforeach -
| - @foreach ($plans as $plan) - | - {{ $plan['name'] }} anfragen - | - @endforeach -
→ Tabelle seitlich scrollen
- -
- In jedem Paket enthalten: tägliche verschlüsselte Sicherung mit monatlichem Wiederherstellungstest ·
- Updates, Wartung und Überwachung · AV-Vertrag und TOM-Dokumentation · persönlicher Support auf Deutsch am selben Werktag.
- Zusatzspeicher und Module sind jederzeit zubuchbar. Die einmalige Einrichtung richtet sich nach Umfang und Datenübernahme.
-
Sie erhalten vor Vertragsende einen vollständigen Export in offenen Standardformaten. Ihre Cloud basiert auf Open-Source-Software — Sie sind nie eingesperrt. Nach der Übergabe löschen wir Instanz und Sicherungen und bestätigen das schriftlich.
-Es ersetzt den Dateiteil. Viele Kunden behalten Microsoft für E-Mail und nutzen die Cloud als zentrale, sichere Ablage statt OneDrive oder Dropbox — zum fixen Firmenpreis statt pro Benutzer.
-Die Instanz läuft wenige Minuten nach der Bestellung. Die vollständige Einrichtung — Benutzer und Rechte, Ordnerstruktur nach Branchenvorlage, Ihr Logo, Ihre Domain und die Einschulung — ist in drei bis sieben Werktagen abgeschlossen. Die Übernahme Ihrer Bestandsdaten aus Dropbox, OneDrive oder vom alten Server bieten wir gesondert an, inklusive schriftlichem Übernahmeprotokoll.
-Papierkorb und Versionierung fangen den Alltag ab. Darüber hinaus gibt es tägliche Sicherungen mit 30 Tagen Aufbewahrung: Ein Anruf genügt, wir stellen den gewünschten Stand wieder her.
-Nein. Bedienen kann es jeder, der mit Ordnern und Dateien umgeht — dafür gibt es die Einschulung. Alles Technische übernehmen wir dauerhaft.
-Direkt mit uns, per E-Mail oder Telefon, auf Deutsch, mit Antwort am selben Werktag. Kein Callcenter, keine Warteschleife.
-In Rechenzentren innerhalb der EU, in Österreich und Deutschland. Es findet kein Transfer in Drittländer statt. Den konkreten Standort Ihrer Instanz nennen wir Ihnen vor Vertragsabschluss und halten ihn im AV-Vertrag fest.
-+ Für Ihr Team sieht es aus wie firmeneigene Software — weil es das ist. Wir betreiben sie nur. +
+ + {{-- The product frame. A window chrome around a real-looking panel says + "this is what you get" faster than a paragraph does. --}} +Instanz
+Heute erledigt
++ Zubuchbare Module: Vaultwarden — Team-Passwörter · + Paperless-ngx — digitales Dokumentenarchiv · + digitale Signatur (in Vorbereitung). + Preise auf Anfrage oder im Kundenbereich. +
- Genau dafür gibt es uns. Ein unverbindliches Erstgespräch dauert 20 Minuten — - danach wissen Sie, welches Paket passt und wie Ihre Daten sicher umziehen. -
- +{{-- ── §03 Ablauf ────────────────────────────────────────────────────── --}} +{{ $body }}
++ Abgeschlossen — Instanz betriebsbereit in unter 20 Minuten. +
+