From e5f6949ce7e0db8d05748a26e8082c2d57349aac Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Estelle=20K=C3=B6hler?= Date: Fri, 27 Mar 2026 14:29:17 +0100 Subject: [PATCH 1/2] Merge branch 'feature/landing-page' of https://gitea.fhgr.ch/koehleestell/Social_Cooking into feature/landing-page --- landing-page.html | 48 ++++++++++++++++++++++++++--------------------- 1 file changed, 27 insertions(+), 21 deletions(-) diff --git a/landing-page.html b/landing-page.html index c45d406..37e5dbb 100644 --- a/landing-page.html +++ b/landing-page.html @@ -9,15 +9,12 @@
-
LOGO
- -
- - -
-
+
LOGO
+ + +
@@ -39,20 +36,29 @@
- From 352a1c0b54dd811ca819690d03d4dc8a58cfd119 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Estelle=20K=C3=B6hler?= Date: Fri, 27 Mar 2026 15:03:06 +0100 Subject: [PATCH 2/2] Update Instagram button and improve visual styling --- landing-page.html | 29 ++++++++++++---------- stylesheet.css | 61 +++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 77 insertions(+), 13 deletions(-) diff --git a/landing-page.html b/landing-page.html index 37e5dbb..a95ec56 100644 --- a/landing-page.html +++ b/landing-page.html @@ -4,16 +4,15 @@ Social Cooking Wireframe - - +
-
LOGO
- - + +
@@ -37,11 +36,6 @@
+ + \ No newline at end of file diff --git a/stylesheet.css b/stylesheet.css index b5db748..81aa0b7 100644 --- a/stylesheet.css +++ b/stylesheet.css @@ -29,6 +29,20 @@ body { margin-bottom: 40px; /* Using your 40px margin from the first block */ } +.header__brand { + display: flex; + align-items: center; + gap: 10px; + font-weight: 700; + font-size: 1.2rem; +} + +.brand__logo { + height: 34px; + width: auto; + object-fit: contain; +} + /* Grouping container for 'Event finden' and 'Login' */ .header__actions { display: flex; @@ -158,4 +172,51 @@ body { border-radius: 50%; border: 1px solid var(--black); margin-top: 20px; +} + +.gallery__info { + display: flex; + align-items: center; + gap: 10px; +} + +.gallery__handle { + display: flex; + align-items: center; + font-size: 1.1rem; + font-weight: 700; + color: var(--black); + gap: 6px; +} + +.gallery__icon { + font-size: 1.15rem; + color: #DD541A; +} + +.gallery__at { + font-size: 1.1rem; + color: #222; +} + +.gallery__brand { + font-family: 'Inter', sans-serif; + color: #DD541A; +} + +/* Footer */ +.footer { + display: flex; + justify-content: center; + align-items: center; + padding: 16px 24px; + border: none; + margin-top: 40px; +} + +.footer__link { + color: var(--black); + text-decoration: underline; + font-size: 0.8rem; + font-weight: 400; } \ No newline at end of file