From 7530619aef482b244cda70c5af04bee6cc77649d Mon Sep 17 00:00:00 2001 From: sefaria Date: Sat, 2 May 2026 13:20:21 +0200 Subject: [PATCH 1/2] Remove styling exclusively for feature branch --- css/style.css | 182 -------------------------------------------------- 1 file changed, 182 deletions(-) diff --git a/css/style.css b/css/style.css index a34d8c3..ff67f51 100644 --- a/css/style.css +++ b/css/style.css @@ -376,188 +376,6 @@ button:visited, .link-button:visited { margin-right: 0.3em; } -/* ======================= - Menu styles - ======================= */ - -.site-header { - display: flex; - align-items: center; - justify-content: space-between; - gap: 1rem; - padding: 1rem 1.25rem; - border-bottom: 1px solid var(--border); - position: sticky; - top: 0; - background: rgb(255 255 255 / 0.88); - backdrop-filter: blur(10px); - -webkit-backdrop-filter: blur(10px); - z-index: 100; - } - - .logo { - color: inherit; - text-decoration: none; - font-weight: 700; - } - - .desktop-nav ul, - .mobile-menu ul { - list-style: none; - margin: 0; - padding: 0; - } - - .desktop-nav ul { - display: flex; - gap: 1.25rem; - } - - .desktop-nav a, - .mobile-menu a { - color: inherit; - text-decoration: none; - } - - .menu-toggle, - .menu-close { - width: 44px; - height: 44px; - border: 1px solid var(--border); - border-radius: 0.75rem; - background: #fff; - color: inherit; - cursor: pointer; - } - - .menu-toggle { - display: none; - position: relative; - } - - .menu-toggle span { - position: absolute; - left: 50%; - width: 20px; - height: 2px; - background: currentColor; - border-radius: 999px; - transform-origin: center; - transition: transform 0.25s ease, opacity 0.25s ease; - } - - .menu-toggle span:nth-child(1) { - top: 14px; - transform: translateX(-50%); - } - - .menu-toggle span:nth-child(2) { - top: 21px; - transform: translateX(-50%); - } - - .menu-toggle span:nth-child(3) { - top: 28px; - transform: translateX(-50%); - } - - .menu-toggle.is-open span:nth-child(1) { - top: 21px; - transform: translateX(-50%) rotate(45deg); - } - - .menu-toggle.is-open span:nth-child(2) { - opacity: 0; - } - - .menu-toggle.is-open span:nth-child(3) { - top: 21px; - transform: translateX(-50%) rotate(-45deg); - } - - .menu-overlay { - position: fixed; - inset: 0; - background: var(--overlay); - backdrop-filter: blur(10px); - -webkit-backdrop-filter: blur(10px); - opacity: 0; - pointer-events: none; - transition: opacity 0.25s ease; - z-index: 200; - } - - .mobile-menu { - position: fixed; - inset: auto 1rem 1rem 1rem; - width: auto; - max-width: 24rem; - margin-inline: auto; - background: var(--panel); - backdrop-filter: blur(16px); - -webkit-backdrop-filter: blur(16px); - border: 1px solid rgb(255 255 255 / 0.45); - border-radius: 1rem; - box-shadow: 0 20px 50px rgb(0 0 0 / 0.16); - padding: 1rem; - opacity: 0; - transform: translateY(1rem) scale(0.98); - pointer-events: none; - transition: opacity 0.25s ease, transform 0.25s ease; - z-index: 300; - } - - .mobile-menu__header { - display: flex; - align-items: center; - justify-content: space-between; - margin-bottom: 1rem; - } - - .mobile-menu ul { - display: grid; - gap: 0.5rem; - } - - .mobile-menu a { - display: block; - padding: 0.95rem 1rem; - border-radius: 0.75rem; - background: rgb(255 255 255 / 0.56); - } - - .page-content { - padding: 3rem 1.25rem; - } - - .menu-open .menu-overlay { - opacity: 1; - pointer-events: auto; - } - - .menu-open .mobile-menu { - opacity: 1; - transform: translateY(0) scale(1); - pointer-events: auto; - } - - @media (max-width: 767px) { - .desktop-nav { - display: none; - } - - .menu-toggle { - display: inline-block; - } - } - - @media (min-width: 768px) { - .menu-overlay, - .mobile-menu { - display: none; - } - } - /* ======================= Layout styles ======================= */ From 95f0d01d6066f4719d07fda1d7223a6808d8bcd9 Mon Sep 17 00:00:00 2001 From: sefaria Date: Thu, 7 May 2026 15:09:15 +0200 Subject: [PATCH 2/2] Moving footer out of main, adding flexbox to body element, changing divs to sections --- css/style.css | 76 ++++++++++++++++++++++------------------------- index.html | 46 ++++++++++++++-------------- legal-notice.html | 7 +++-- privacy.html | 26 ++++++++-------- 4 files changed, 77 insertions(+), 78 deletions(-) diff --git a/css/style.css b/css/style.css index ff67f51..a78d350 100644 --- a/css/style.css +++ b/css/style.css @@ -187,6 +187,10 @@ body { font-size: 100%; line-height: var(--line-relaxed); letter-spacing: 0.025em; + display: flex; + flex-direction: column; + min-height: 100vh; + min-height: 100dvh; /* better on modern mobile browsers */ } h1, @@ -380,7 +384,7 @@ button:visited, .link-button:visited { Layout styles ======================= */ -main { +main, footer { max-width: 900px; border: none; margin-left:auto; @@ -393,8 +397,36 @@ main { justify-items: stretch; justify-content: space-between; row-gap: var(--spacing-4); - min-height: 100vh; - min-height: 100dvh; /* better on modern mobile browsers */ +} + +main { + flex: 1; +} + +footer { + margin-top: var(--spacing-3); + padding-top: var(--spacing-4); + padding-bottom: var(--spacing-7); + padding-left: var(--spacing-5); + padding-right: var(--spacing-5); + font-family: "MD IO", monospace; + font-style: normal; + font-weight: 400; + font-size: var(--text-small); + line-height: var(--line-relaxed); + color: var(--color-text-secondary); +} + +footer a { + color: var(--color-secondary); +} + +footer a:hover { + color: var(--color-secondary-hover); +} + +footer a:visited { + color: var(--color-secondary); } .align-left { @@ -497,44 +529,6 @@ main { color: var(--color-neutral-900); } -footer { - margin-top: var(--spacing-3); - padding: var(--spacing-4) var(--spacing-5); - /* background: var(--color-neutral-800); - border: color-mix(in srgb, var(--color-neutral-600) 25%, transparent) solid; - border-width: var(--border-width-sm); - border-radius: var(--radius-md); */ - box-sizing: border-box; - /* box-shadow: 0px 2px 12px 0px #00000080, 0px 1px 4px 0px #00000066; */ - font-family: "MD IO", monospace; - font-style: normal; - font-weight: 400; - font-size: var(--text-small); - line-height: var(--line-relaxed); - color: var(--color-text-secondary); - z-index: 20; -} - -footer a { - color: var(--color-secondary); -} - -footer a:hover { - color: var(--color-secondary-hover); -} - -footer a:visited { - color: var(--color-secondary); -} - -/* .footer-fixed { - position: fixed; - left: auto; - right: auto; - bottom: 32px; - z-index: 20; -} */ - .footer-content { display: flex; flex-direction: row; diff --git a/index.html b/index.html index f08c36a..5d67b46 100644 --- a/index.html +++ b/index.html @@ -29,11 +29,11 @@ -
+

Hey, I am Lars Winter, a graphic designer from Hamburg. I conceptualize and design projects with a focus on corporate design, design systems, icon design, web design, and editorial design.

-
+

@@ -47,27 +47,29 @@ -

- + + + + diff --git a/legal-notice.html b/legal-notice.html index 7dfaf0c..33f1f4e 100644 --- a/legal-notice.html +++ b/legal-notice.html @@ -26,7 +26,7 @@
-
+
←Home @@ -85,7 +85,9 @@

Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.

Quelle: https://www.e-recht24.de

-
+ + +
@@ -107,7 +109,6 @@
- diff --git a/privacy.html b/privacy.html index 1aa8457..6f388a6 100644 --- a/privacy.html +++ b/privacy.html @@ -26,7 +26,7 @@
-
+
←Home @@ -118,29 +118,31 @@

Anfrage per E-Mail, Telefon oder Telefax

Wenn Sie uns per E-Mail, Telefon oder Telefax kontaktieren, wird Ihre Anfrage inklusive aller daraus hervorgehenden personenbezogenen Daten (Name, Anfrage) zum Zwecke der Bearbeitung Ihres Anliegens bei uns gespeichert und verarbeitet. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.

Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, sofern Ihre Anfrage mit der Erfüllung eines Vertrags zusammenhängt oder zur Durchführung vorvertraglicher Maßnahmen erforderlich ist. In allen übrigen Fällen beruht die Verarbeitung auf unserem berechtigten Interesse an der effektiven Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO) sofern diese abgefragt wurde; die Einwilligung ist jederzeit widerrufbar.

Die von Ihnen an uns per Kontaktanfragen übersandten Daten verbleiben bei uns, bis Sie uns zur Löschung auffordern, Ihre Einwilligung zur Speicherung widerrufen oder der Zweck für die Datenspeicherung entfällt (z. B. nach abgeschlossener Bearbeitung Ihres Anliegens). Zwingende gesetzliche Bestimmungen – insbesondere gesetzliche Aufbewahrungsfristen – bleiben unberührt.

Quelle: https://www.e-recht24.de

-
+ + +
-
+
© 2018– Lars Winter
-
+ -
+
+ -
+
+ +
-
+
- +