diff --git a/web/components/login.go b/web/components/login.go
index a6d445f..d47b038 100644
--- a/web/components/login.go
+++ b/web/components/login.go
@@ -8,7 +8,7 @@ import (
 )
 
 func Login() g.Node {
-	return FormEl(hx.Post("http://localhost:4001/login"),
+	return FormEl(hx.Post("https://api.portfolio.dariusklein.nl/login"),
 		b.Section(
 			Email(false, false, nil),
 			Password(false, false, nil),
diff --git a/web/handlers/homePageHandler.go b/web/handlers/homePageHandler.go
index 9c6cc22..cb7b4c4 100644
--- a/web/handlers/homePageHandler.go
+++ b/web/handlers/homePageHandler.go
@@ -25,47 +25,30 @@ func createHomeBody(w http.ResponseWriter, r *http.Request) g.Node {
 				b.MarginBottom(0),
 				b.MediaLeft(
 					Figure,
-					b.ImageImg("assets/images/darius_circle_noEdge.png",
-						b.OnImg(Class("object-scale-down max-h-[calc(100vh_-_3.75rem)]")),
-					),
-					b.ImageImg("assets/images/darius_circle_noEdge_upscayl_1x_realesrgan-x4plus.png",
-						b.OnImg(Class("object-scale-down max-h-[calc(100vh_-_3.75rem)]")),
-					),
-					b.ImageImg("assets/images/darius_circle_noEdge_upscayl_1x_realesrgan-x4plus-anime.png",
-						b.OnImg(Class("object-scale-down max-h-[calc(100vh_-_3.75rem)]")),
-					),
-					b.ImageImg("assets/images/darius_circle_noEdge_upscayl_1x_remacri.png",
-						b.OnImg(Class("object-scale-down max-h-[calc(100vh_-_3.75rem)]")),
-					),
-					b.ImageImg("assets/images/darius_circle_noEdge_upscayl_1x_ultramix_balanced.png",
-						b.OnImg(Class("object-scale-down max-h-[calc(100vh_-_3.75rem)]")),
-					),
-					b.ImageImg("assets/images/Darius_pasfoto_2023_Large.png",
-						b.OnImg(Class("object-scale-down max-h-[calc(100vh_-_3.75rem)]")),
-					),
-					b.ImageImg("assets/images/darius_circle_noEdge_crop.png",
-						b.OnImg(Class("object-scale-down max-h-[calc(100vh_-_3.75rem)]")),
-					),
-					b.ImageImg("assets/images/darius_circle_noEdge_crop_upscayl_1x_realesrgan-x4plus.png",
-						b.OnImg(Class("object-scale-down max-h-[calc(100vh_-_3.75rem)]")),
-					),
 					b.ImageImg("assets/images/darius_circle_noEdge_crop_upscayl_1x_realesrgan-x4plus-anime.png",
-						b.OnImg(Class("object-scale-down max-h-[calc(100vh_-_3.75rem)]")),
-					),
-					b.ImageImg("assets/images/darius_circle_noEdge_crop_upscayl_1x_remacri.png",
-						b.OnImg(Class("object-scale-down max-h-[calc(100vh_-_3.75rem)]")),
-					),
-					b.ImageImg("assets/images/darius_circle_noEdge_crop_upscayl_1x_ultramix_balanced.png",
-						b.OnImg(Class("object-scale-down max-h-[calc(100vh_-_3.75rem)]")),
+						b.OnImg(Class("object-scale-down grayscale "+
+							"max-h-[calc(25vh_-_3.75rem)] "+
+							"sm:max-h-[calc(40vh_-_3.75rem)] "+
+							"md:max-h-[calc(60vh_-_3.75rem)] "+
+							"lg:max-h-[calc(100vh_-_3.75rem)] ")),
 					),
 				),
 			),
 			b.Section(
+				b.Margin(100),
 				e.H1("Darius Klein",
-					Class("title backdrop-blur")),
+					Class("title backdrop-blur "+
+						"text-2xl "+
+						"sm:text-4xl "+
+						"md:text-6xl "+
+						"lg:text-8xl "),
+				),
 				e.H2(
 					"Backend developer die zelf zijn servers kan opzetten.",
-					Class("subtitle backdrop-blur")),
+					Class("subtitle backdrop-blur"),
+				),
+
+				b.ButtonAHref("/projects", "Mijn projecten.", b.Primary, b.Centered, b.Large),
 			),
 			Class("flex"),
 		),
diff --git a/web/handlers/pageTemplates.go b/web/handlers/pageTemplates.go
index b77705e..8b332ae 100644
--- a/web/handlers/pageTemplates.go
+++ b/web/handlers/pageTemplates.go
@@ -14,6 +14,7 @@ func Page(title string, body g.Node) g.Node {
 		Language: "en",
 		Head: []g.Node{
 			Meta(Name("htmx-config"), Content("{\"withCredentials\":\"true\"}")),
+			Meta(Name("viewport"), Content("width=device-width, initial-scale=1.0")),
 			Script(Src("https://cdn.tailwindcss.com?plugins=typography")),
 			Script(Src("https://unpkg.com/htmx.org")),
 			Link(Rel("icon"), Type("image/x-icon"), Href("assets/images/favicon.ico")),