From b5878390ad3806f0c31466419a63e75faa31068d Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Sat, 20 Jan 2024 17:23:12 +0100
Subject: [PATCH] fix mobile view messing up startpage

---
 src/routes/(main)/+page.svelte | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/routes/(main)/+page.svelte b/src/routes/(main)/+page.svelte
index 7073e04..a06c51c 100644
--- a/src/routes/(main)/+page.svelte
+++ b/src/routes/(main)/+page.svelte
@@ -68,7 +68,7 @@ a{
 	align-items: center;
 	max-width: 1400px;
 	margin-inline: auto;
-	gap: 3rem;
+	gap: 2rem;
 }
 .hero img{
 	border-radius: 1000px;
@@ -78,6 +78,9 @@ a{
 	background-color: var(--nord4);
 	box-shadow: 0.2em 0.2em 1em 1em rgba(0, 0, 0, 0.1);
 }
+.hero div{
+	margin-inline: 1rem;
+}
 
 section h2{
 	font-size: 2rem;
@@ -112,6 +115,18 @@ section h2{
 		box-shadow: 0.1em 0.1em 2em 0.5em rgba(255, 255, 255, 0.1);
 	}
 }
+@media (max-width: 600px){
+	.hero{
+		flex-direction: column;
+		gap: 1rem;
+	}
+	.hero img{
+		width: clamp(100px, 200px, 80vw);
+	}
+	.hero h1{
+		text-align: center;
+	}
+}
 </style>
 
 {#if ! data.user}
@@ -121,6 +136,9 @@ section h2{
 <h1><q>Willkommen auf bocken.org</q></h1>
 <p>
 	Hallo, ich bin Alexander Bocken. Auf dieser Seite findest du einige Softwareprojekte für Freunde, Familie und mich.
+	Alles ist selbst gehostet bei mir daheim auf einem kleinen Mini-Server (Arch, btw).
+</p>
+<p>
 	Zu empfeheln ist meine stetig wachsende Rezeptsammlung. Dort findest du viele leckere Rezepte, die ich selbst ausprobiert habe und ständig weiterfeilsche.
 	Zudem ist kannst du gerne meine Suchmaschine oder auch Jitsi-instanz für Videokonferenzen nutzen.
 	Einiges ist hinter einem Login versteckt, anderes ist öffentlich zugänglich.