From 375f8b7273c155fdefa63ec92086e0dadf7cd219 Mon Sep 17 00:00:00 2001
From: Kevin Kandlbinder <kevin@kevink.dev>
Date: Wed, 12 Apr 2023 14:39:26 +0200
Subject: [PATCH] Update home page text and design

---
 src/routes/+page.svelte | 74 +++++++++++++++++++++++++----------------
 1 file changed, 46 insertions(+), 28 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b18f7b3..5f9808a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -23,16 +23,32 @@
 	<div class="hero">
 		<div class="hero-runner">
 			<img src={Logo} alt="Public Spaces Logo" />
-			<div class="sub-logo-split">
-				<img src={BWFLogo} alt="Berlin Werbefrei Logo" />
-				<img src={HWFLogo} alt="Hamburg Werbefrei Logo" />
-			</div>
 		</div>
 	</div>
 
-	<h2>Über Public Spaces e.V.</h2>
-	<p>Public Spaces ist ein gemeinnütziger Verein, der sich für schöne, ökologische, sichere und menschenfreundliche Städte einsetzt. Wir finden, dass öffentliche Räume nach den Bedürfnissen von Menschen gestaltet werden sollten. Der häufig vorherrschenden einseitigen und lieblosen Planung nach maximaler kommerzieller Verwertbarkeit möchten wir durch unsere Vereinsarbeit entgegentreten.</p>
-	<p>Mit künstlerischen Projekten, Erprobung partizipativer Formate, Öffentlichkeitsarbeit und direkter Demokratie setzen wir uns für Ortsverschönerung, Unfallverhütung und Mitsprache von uns Menschen bei der Gestaltung unserer Städte ein. Öffentlicher Raum ist unser Habitat - wir sind nicht nur Konsument:innen!</p>
+	<p>
+		Public Spaces ist ein gemeinnütziger Verein, der sich für schöne, ökologische, sichere und
+		menschenfreundliche Städte einsetzt. Wir finden, dass öffentliche Räume nach den Bedürfnissen
+		von Menschen gestaltet werden sollten. Der häufig vorherrschenden einseitigen und lieblosen
+		Planung nach maximaler kommerzieller Verwertbarkeit möchten wir durch unsere Vereinsarbeit
+		entgegentreten.
+	</p>
+	<p>
+		Mit künstlerischen Projekten, Erprobung partizipativer Formate, Öffentlichkeitsarbeit und
+		direkter Demokratie setzen wir uns für Ortsverschönerung, Unfallverhütung und Mitsprache von uns
+		Menschen bei der Gestaltung unserer Städte ein. Öffentlicher Raum ist unser Habitat - wir sind
+		nicht nur Konsument:innen!
+	</p>
+	<p>Public Spaces ist Trägerin zweier Volksinitiativen:</p>
+
+	<div class="sub-logo-split">
+		<a href="https://berlin-werbefrei.de" title="Berlin Werbefrei">
+			<img src={BWFLogo} alt="Berlin Werbefrei Logo" />
+		</a>
+		<a href="https://www.hamburg-werbefrei.de" title="Hamburg Werbefrei">
+			<img src={HWFLogo} alt="Hamburg Werbefrei Logo" />
+		</a>
+	</div>
 
 	<a href="/about" class="more-cta">Mehr über uns <ChevronRight /></a>
 
@@ -154,7 +170,7 @@
 		grid-column: full-start/full-end;
 		max-height: max(70vmin, 500px);
 		min-height: 100px;
-		height: 40vmax;
+		height: 30vmax;
 		position: relative;
 
 		.hero-runner {
@@ -183,7 +199,7 @@
 				object-position: center;
 				max-height: 100%;
 				max-width: 100%;
-				height: 90%;
+				//height: 90%;
 
 				opacity: 1;
 				transform: translate(0, 0);
@@ -191,28 +207,30 @@
 				animation-name: homeLogoIn;
 				animation-duration: 0.25s;
 			}
+		}
+	}
 
-			.sub-logo-split {
-				margin-top: 20px;
-				height: 30%;
-				width: 100%;
-				margin: 0 auto;
-				max-width: var(--layout-width);
-				display: flex;
-				gap: var(--gap);
-				justify-content: space-around;
+	.sub-logo-split {
+		margin-top: 20px;
+		height: 200px;
+		margin: 0;
+		display: flex;
+		gap: var(--gap);
+		justify-content: space-around;
 
-				> img {
-					height: 100%;
-					object-fit: contain;
-					border-radius: 0;
-				}
+		> a {
+			display: contents;
+		}
 
-				@media (max-width: 350px) {
-					flex-direction: column;
-					height: 50%;
-				}
-			}
+		img {
+			height: 100%;
+			object-fit: contain;
+			border-radius: 0;
+		}
+
+		@media (max-width: 350px) {
+			flex-direction: column;
+			height: 50%;
 		}
 	}