diff --git a/404.html b/404.html index ee8010d..b8dd381 100644 --- a/404.html +++ b/404.html @@ -33,12 +33,7 @@
0871 72617
diff --git a/README.md b/README.md index a02125b..61ec5be 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@ Statische Website ohne Build-Schritt: HTML, CSS und JavaScript ohne Bibliotheken ## Gestaltungsidee: „Wärmebild“ -Haustechnik sieht man nicht – man spürt sie. Deshalb zeigt der Einstieg ein ruhiges, live berechnetes **Wärmebild** (WebGL) mit Isothermen wie bei einer Thermografie-Kamera. Eine langsam wandernde Wärmequelle hält das Bild in Bewegung – ohne Maus- oder Touch-Effekte. Durch die Seite zieht sich das Motiv **warm trifft kalt** (Vorlauf/Rücklauf): Farbverlauf Blau → Magenta → Orange, das Logo als Thermostat-Skala. +Haustechnik sieht man nicht – man spürt sie. Deshalb zeigt der Einstieg ein ruhiges, live berechnetes **Wärmebild** (WebGL) mit Isothermen wie bei einer Thermografie-Kamera. Eine langsam wandernde Wärmequelle hält das Bild in Bewegung – ohne Maus- oder Touch-Effekte. Durch die Seite zieht sich das Motiv **warm trifft kalt** (Vorlauf/Rücklauf): Farbverlauf Blau → Magenta → Orange. Oben links steht das Original-Logo der Firma (von der bisherigen olzinger.de) auf einem weißen Schild. Grundsatz: wenig Text, wenig Bewegung, gut bedienbar am Handy. @@ -69,7 +69,7 @@ assets/js/house.js Energie-Haus (Tabs, Hotspots) assets/js/finder.js Heizungs-Finder (Bewertungslogik + Ergebnis) assets/js/contact.js Öffnungszeiten live, Feiertage, Kontaktformular assets/fonts/ Instrument Sans (OFL, lokal) -assets/img/ Favicon, Logo, Open-Graph-Bild +assets/img/ Favicon, Original-Logo (olzinger-logo.png), Open-Graph-Bild tools/og-template.html Vorlage zum Neu-Rendern des Open-Graph-Bilds ``` diff --git a/assets/css/main.css b/assets/css/main.css index a7adef7..0b7f4a5 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -223,7 +223,7 @@ address { font-style: normal; } .nav__bar { pointer-events: auto; max-width: calc(var(--container) + 32px); margin-inline: auto; - height: 64px; padding: 0 8px 0 16px; + height: 70px; padding: 0 8px 0 5px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-radius: 999px; border: 1px solid transparent; color: var(--paper); @@ -244,11 +244,14 @@ html.menu-open .nav { background: var(--ink); } -webkit-backdrop-filter: none; backdrop-filter: none; } -.logo { display: inline-flex; align-items: center; gap: 11px; } -.logo__mark { width: 34px; height: 34px; } -.logo__text { display: flex; flex-direction: column; line-height: 1; } -.logo__word { font-size: 19px; font-weight: 700; font-stretch: 90%; letter-spacing: .02em; text-transform: uppercase; } -.logo__sub { margin-top: 4px; font-size: 10.5px; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; opacity: .62; } +/* Original-Logo (weißer Hintergrund) auf einem hellen Schild */ +.logo { + display: inline-flex; align-items: center; flex: none; + height: 60px; padding: 5px 18px; + border-radius: 999px; background: #fff; + box-shadow: 0 0 0 1px rgba(11, 21, 30, .08); +} +.logo__img { width: auto; height: 100%; } .nav__links { display: flex; gap: 2px; } .nav__links a { @@ -900,6 +903,7 @@ a.ccard:hover .ccard__go { opacity: 1; transform: translate(2px, -2px); } @media (max-width: 900px) { :root { --nav-h: 76px; --radius-xl: 28px; --section: 80px; } .nav__bar { height: 58px; } + .logo { height: 48px; padding: 4px 14px; } .hero__inner { grid-template-columns: minmax(0, 1fr); } .section-head { margin-bottom: 36px; } .section-head--split { grid-template-columns: minmax(0, 1fr); align-items: start; gap: 18px; } @@ -968,8 +972,6 @@ a.ccard:hover .ccard__go { opacity: 1; transform: translate(2px, -2px); } .nav__phone { width: 44px; height: 44px; justify-content: center; padding: 0; border-radius: 50%; border: 1px solid rgba(243, 239, 232, .28); } .nav.is-scrolled .nav__phone { border-color: var(--line-2); } .nav .btn--sm { display: none; } - .logo__mark { width: 30px; height: 30px; } - .logo__word { font-size: 17px; } .menu__foot { margin-top: 28px; } .hero { padding-top: calc(var(--nav-h) + 24px); padding-bottom: calc(28px + var(--radius-xl)); } diff --git a/assets/img/olzinger-logo.png b/assets/img/olzinger-logo.png new file mode 100644 index 0000000..79a0b56 Binary files /dev/null and b/assets/img/olzinger-logo.png differ diff --git a/datenschutz.html b/datenschutz.html index 048c982..afcc6d8 100644 --- a/datenschutz.html +++ b/datenschutz.html @@ -44,12 +44,7 @@