- Name AirCard-IOS in Kopfzeile, Titel, Meta-Angaben (theme-color, apple-mobile-web-app-title) und README - Website-Icon: neues Logo als favicon.svg, favicon-32.png und deckendes apple-touch-icon.png (180 x 180, ohne Rundung) - Kopfzeile zeigt das Logo (28 px, auf schmalen Schirmen 24 px) vor dem Namen - Karten-Marken neu aus dem Logo abgeleitet (einfarbig, currentColor): Symbol mit drei gestaffelten Karten und ausgeschnittenen Wellen, Text als Pfade (Nunito Sans 800); IDs unverändert - Tests: Labels, Marken-Aufbau, Favicon, Icon-Dateien, index.html Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
28 lines
1.2 KiB
HTML
28 lines
1.2 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>AirCard-IOS – Kartenmotiv gestalten</title>
|
||
<meta name="theme-color" content="#0F1828" />
|
||
<meta name="apple-mobile-web-app-title" content="AirCard-IOS" />
|
||
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
|
||
<link rel="icon" href="/favicon-32.png" sizes="32x32" type="image/png" />
|
||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
||
</head>
|
||
<body>
|
||
<header id="app-header">
|
||
<a class="brand" href="/" data-link><img src="/favicon.svg" alt="" width="28" height="28" /><span>AirCard-IOS</span></a>
|
||
<nav class="app-nav" aria-label="Hauptnavigation">
|
||
<a href="/karten" data-link>Meine Karten</a>
|
||
</nav>
|
||
<div id="account-slot"></div>
|
||
</header>
|
||
<main id="app-root"></main>
|
||
<footer id="app-footer">
|
||
<p>Inoffizielles Hobbyprojekt. Keine Verbindung zu Apple, Visa, Mastercard, UnionPay, American Express, JCB oder Discover. Alle Marken gehören ihren Inhabern.</p>
|
||
</footer>
|
||
<script type="module" src="/src/main.ts"></script>
|
||
</body>
|
||
</html>
|