From 571d12310ffe6fb35018e77edd031d8826a075be Mon Sep 17 00:00:00 2001 From: Paul Nothaft Date: Tue, 11 Aug 2026 11:19:38 +0200 Subject: [PATCH] Phase 8: Audi-Schrift, Vier-Ringe und Typenschilder Die drei Schriftschnitte stammen aus dem Panel, wo sie als base64 im Stylesheet lagen - als eigene woff2-Dateien sind sie zwischenspeicherbar statt bei jedem Laden erneut uebertragen zu werden. Typenschilder und Ringe wechseln mit dem Erscheinungsbild. Lizenzgrenze eingehalten und geprueft: design-system bleibt unveraendert und enthaelt keine Markendateien, weil es nach aussen hochgeladen wird. Die App darf sie nutzen, weil sie nur seitlich installiert wird. Dabei noch eine Typungenauigkeit korrigiert: technik und ausstattung im Profil sind Listen von Gruppen, waren aber wie die uebrigen Abschnitte als Objekt deklariert. --- companion-app/src/Shell.tsx | 6 +- companion-app/src/api/types.ts | 7 +- .../src/assets/audi/audi-rings-black.svg | 11 +++ .../src/assets/audi/audi-rings-white.svg | 11 +++ companion-app/src/assets/audi/audi-sport.svg | 1 + .../assets/audi/schriften/audi-type-400.woff2 | Bin 0 -> 22868 bytes .../audi-type-extended-400-italic.woff2 | Bin 0 -> 15496 bytes .../audi/schriften/audi-type-wide-300.woff2 | Bin 0 -> 15324 bytes .../audi/typenschilder/rs3-negative.svg | 1 + .../audi/typenschilder/rs3-positive.svg | 1 + .../audi/typenschilder/rs4-negative.svg | 1 + .../audi/typenschilder/rs4-positive.svg | 1 + .../audi/typenschilder/rs5-negative.svg | 1 + .../audi/typenschilder/rs5-positive.svg | 1 + .../audi/typenschilder/rs6-negative.svg | 1 + .../audi/typenschilder/rs6-positive.svg | 1 + .../audi/typenschilder/rs7-negative.svg | 1 + .../audi/typenschilder/rs7-positive.svg | 1 + .../assets/audi/typenschilder/s3-negative.svg | 1 + .../assets/audi/typenschilder/s3-positive.svg | 1 + .../audi/typenschilder/sq7-negative.svg | 1 + .../audi/typenschilder/sq7-positive.svg | 1 + companion-app/src/daten/profilAdapter.test.ts | 4 +- companion-app/src/main.tsx | 1 + companion-app/src/screens/Typenschild.tsx | 52 +++++++++++++++ companion-app/src/screens/Uebersicht.tsx | 14 ++-- companion-app/src/stile/audi-schrift.css | 63 ++++++++++++++++++ companion-app/src/stile/rahmen.css | 14 ++++ 28 files changed, 188 insertions(+), 10 deletions(-) create mode 100644 companion-app/src/assets/audi/audi-rings-black.svg create mode 100644 companion-app/src/assets/audi/audi-rings-white.svg create mode 100644 companion-app/src/assets/audi/audi-sport.svg create mode 100644 companion-app/src/assets/audi/schriften/audi-type-400.woff2 create mode 100644 companion-app/src/assets/audi/schriften/audi-type-extended-400-italic.woff2 create mode 100644 companion-app/src/assets/audi/schriften/audi-type-wide-300.woff2 create mode 100644 companion-app/src/assets/audi/typenschilder/rs3-negative.svg create mode 100644 companion-app/src/assets/audi/typenschilder/rs3-positive.svg create mode 100644 companion-app/src/assets/audi/typenschilder/rs4-negative.svg create mode 100644 companion-app/src/assets/audi/typenschilder/rs4-positive.svg create mode 100644 companion-app/src/assets/audi/typenschilder/rs5-negative.svg create mode 100644 companion-app/src/assets/audi/typenschilder/rs5-positive.svg create mode 100644 companion-app/src/assets/audi/typenschilder/rs6-negative.svg create mode 100644 companion-app/src/assets/audi/typenschilder/rs6-positive.svg create mode 100644 companion-app/src/assets/audi/typenschilder/rs7-negative.svg create mode 100644 companion-app/src/assets/audi/typenschilder/rs7-positive.svg create mode 100644 companion-app/src/assets/audi/typenschilder/s3-negative.svg create mode 100644 companion-app/src/assets/audi/typenschilder/s3-positive.svg create mode 100644 companion-app/src/assets/audi/typenschilder/sq7-negative.svg create mode 100644 companion-app/src/assets/audi/typenschilder/sq7-positive.svg create mode 100644 companion-app/src/screens/Typenschild.tsx create mode 100644 companion-app/src/stile/audi-schrift.css diff --git a/companion-app/src/Shell.tsx b/companion-app/src/Shell.tsx index 886c081..99d5b72 100644 --- a/companion-app/src/Shell.tsx +++ b/companion-app/src/Shell.tsx @@ -12,6 +12,7 @@ import type { ReactNode } from "react" import { TabBar } from "@audi-dash/ui" import { useBreiterBildschirm } from "./hooks/useBreiterBildschirm" +import { VierRinge } from "./screens/Typenschild" import type { Hauptbereich, Route, SeitenName } from "./navigation" import { TITEL, ZURUECK, bereichVon, istHauptbereich } from "./navigation" import { @@ -79,7 +80,10 @@ export function Shell({ route, geheZu, tabBeschriftung, hinweis, children }: She return ( <>