Branding: Logo, Favicon und App-Icon eingebaut

This commit is contained in:
rene 2026-05-20 16:40:43 +02:00
parent 77c6f513b5
commit bb0e67b2bd
7 changed files with 51 additions and 13 deletions

View file

@ -4,13 +4,12 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="light" />
<meta name="theme-color" content="#1e40af" />
<meta name="theme-color" content="#0F172A" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/icons/icon-512.svg" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">

View file

@ -83,7 +83,10 @@
<div class="shell">
<header>
<span class="logo">vereins.haus</span>
<a href="/" class="logo">
<img src="/favicon.svg" alt="" width="28" height="28" />
vereins.haus
</a>
<button class="logout-btn" onclick={logout}>Abmelden</button>
</header>
@ -124,10 +127,14 @@
}
.logo {
font-size: 1.1rem;
display: flex;
align-items: center;
gap: 0.45rem;
font-size: 1.05rem;
font-weight: 700;
color: #1e40af;
color: #0f172a;
letter-spacing: -0.02em;
text-decoration: none;
}
.logout-btn {

View file

@ -55,7 +55,10 @@
<svelte:head><title>Einrichtung — vereins.haus</title></svelte:head>
<div class="shell">
<div class="logo">vereins.haus</div>
<div class="logo">
<img src="/favicon.svg" alt="" width="36" height="36" />
vereins.haus
</div>
<div class="card">
<!-- Fortschritt -->
@ -178,9 +181,12 @@
}
.logo {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 1.2rem;
font-weight: 700;
color: #1e40af;
color: #0f172a;
letter-spacing: -0.02em;
margin-bottom: 1.5rem;
}