BPPP/smb-online
2
0
Fork 0
Code Issues 15 Pull Requests Actions Packages Projects Releases Wiki Activity

Add Paris Barber Shop logo to nav, footer, and favicon

Browse Source 
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
mivanchenko
2026-09-12 03:53:29 +02:00
parent 68430a5c0c
commit bcb2672d9f
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
deploy/clients/paris-barbershop/site/index.html
+10 -3
View File
@@ -5,6 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Paris Barber Shop — Nürnberg | 2 Filialen | Termin online buchen</title> <title>Paris Barber Shop — Nürnberg | 2 Filialen | Termin online buchen</title>
<meta name="description" content="Paris Barber Shop in Nürnberg — zwei Filialen (Röthenbach Center &amp; Hafenstraße). Herrenschnitt, Bartpflege und mehr. Jetzt online einen Termin buchen." /> <meta name="description" content="Paris Barber Shop in Nürnberg — zwei Filialen (Röthenbach Center &amp; Hafenstraße). Herrenschnitt, Bartpflege und mehr. Jetzt online einen Termin buchen." />
<link rel="icon" type="image/png" href="logo.png" />
<link rel="apple-touch-icon" href="logo.png" />
<meta property="og:title" content="Paris Barber Shop — Nürnberg" />
<meta property="og:description" content="Zwei Filialen in Nürnberg. Herrenschnitt, Bartpflege und mehr — jetzt online einen Termin buchen." />
<meta property="og:image" content="logo.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
@@ -37,8 +42,10 @@
/* nav */ /* nav */
header.nav { position: sticky; top: 0; z-index: 50; background: rgba(20,17,15,.82); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); } header.nav { position: sticky; top: 0; z-index: 50; background: rgba(20,17,15,.82); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
.nav-inner { display: flex; align-items: center; justify-content: space-between; height: 68px; } .nav-inner { display: flex; align-items: center; justify-content: space-between; height: 68px; }
.brand { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; letter-spacing: 1.5px; } .brand { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; letter-spacing: 1.5px; display: flex; align-items: center; gap: 10px; }
.brand span { color: var(--gold); } .brand span { color: var(--gold); }
.brand img { height: 44px; width: 44px; border-radius: 50%; display: block; }
footer .brand img { height: 52px; width: 52px; }
nav ul { display: flex; gap: 30px; list-style: none; align-items: center; } nav ul { display: flex; gap: 30px; list-style: none; align-items: center; }
nav a { color: var(--muted); font-size: .92rem; font-weight: 500; transition: color .2s; } nav a { color: var(--muted); font-size: .92rem; font-weight: 500; transition: color .2s; }
nav a:hover { color: var(--ink); } nav a:hover { color: var(--ink); }
@@ -140,7 +147,7 @@
<header class="nav"> <header class="nav">
<div class="wrap nav-inner"> <div class="wrap nav-inner">
<a href="#top" class="brand">PARIS <span>BARBER SHOP</span></a> <a href="#top" class="brand"><img src="logo.png" alt="Paris Barber Shop" width="44" height="44" />PARIS <span>BARBER SHOP</span></a>
<nav id="nav"> <nav id="nav">
<ul> <ul>
<li><a href="#filialen">Filialen</a></li> <li><a href="#filialen">Filialen</a></li>
@@ -247,7 +254,7 @@
<footer> <footer>
<div class="wrap foot-grid"> <div class="wrap foot-grid">
<div> <div>
<div class="brand">PARIS <span style="color:var(--gold)">BARBER SHOP</span></div> <div class="brand"><img src="logo.png" alt="Paris Barber Shop" width="52" height="52" />PARIS <span style="color:var(--gold)">BARBER SHOP</span></div>
<p style="margin-top:8px;">Herrenfriseur · Nürnberg</p> <p style="margin-top:8px;">Herrenfriseur · Nürnberg</p>
</div> </div>
<div> <div>
deploy/clients/paris-barbershop/site/logo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 198 KiB