From 9f9bb7dcd887e02e05882ffc09e10f58420f0f95 Mon Sep 17 00:00:00 2001
From: Served Smart <195884188+servedsmart@users.noreply.github.com>
Date: Mon, 30 Jun 2025 00:00:51 +0200
Subject: [PATCH 1/2] :lipstick: Style: Fix overflow on some home layouts

Fixed width elements were overflowing previously on:
background, hero and profile.

This addresses https://github.com/nunocoracao/blowfish/issues/2292

Currently the section element expands more than it used to
on larger screens, I will try to fix this.
---
 layouts/partials/home/background.html | 3 ++-
 layouts/partials/home/hero.html       | 3 ++-
 layouts/partials/home/profile.html    | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/layouts/partials/home/background.html b/layouts/partials/home/background.html
index c0748b43..b708c1c1 100644
--- a/layouts/partials/home/background.html
+++ b/layouts/partials/home/background.html
@@ -79,7 +79,8 @@
               </div>
             {{ end }}
           </div>
-          <section class="prose dark:prose-invert">{{ .Content }}</section>
+          <!-- FIXME: This lets section expand too much on larger screens-->
+          <section class="prose dark:prose-invert max-w-full">{{ .Content }}</section>
         </div>
       </div>
     </div>
diff --git a/layouts/partials/home/hero.html b/layouts/partials/home/hero.html
index 9c758064..c3a2d807 100644
--- a/layouts/partials/home/hero.html
+++ b/layouts/partials/home/hero.html
@@ -105,7 +105,8 @@
               </div>
             {{ end }}
           </div>
-          <section class="prose prose-invert">{{ .Content }}</section>
+          <!-- FIXME: This lets section expand too much on larger screens-->
+          <section class="prose prose-invert max-w-full">{{ .Content }}</section>
         </div>
       </div>
     </div>
diff --git a/layouts/partials/home/profile.html b/layouts/partials/home/profile.html
index e12ba8fd..06e8a9d6 100644
--- a/layouts/partials/home/profile.html
+++ b/layouts/partials/home/profile.html
@@ -35,7 +35,8 @@
       {{ partialCached "author-links.html" . }}
     </div>
   </header>
-  <section class="prose dark:prose-invert">{{ .Content }}</section>
+  <!-- FIXME: This lets section expand too much on larger screens-->
+  <section class="prose dark:prose-invert max-w-full">{{ .Content }}</section>
 </article>
 <section>
   {{ partial "recent-articles/main.html" . }}

From 36261b13e78d41e67729d60877dba0420a848738 Mon Sep 17 00:00:00 2001
From: Served Smart <195884188+servedsmart@users.noreply.github.com>
Date: Mon, 30 Jun 2025 16:27:25 +0200
Subject: [PATCH 2/2] :lipstick: Use w-full on all homepage layouts

This fixes https://github.com/nunocoracao/blowfish/issues/2292 and avoids expanding in weird ways on larger screens.

It does make the section a larger on large screens. This however looks reasonable and should actually be an improvement.

For consistency I added w-full to layouts unaffected by https://github.com/nunocoracao/blowfish/issues/2292 too (page, card). Otherwise they look off.

page layout still has a bug where the fixed-width div expands the section too much on larger screens, but this behavior is the same as before. All layouts do not encounter https://github.com/nunocoracao/blowfish/issues/2292.
---
 layouts/partials/home/background.html | 3 +--
 layouts/partials/home/card.html       | 2 +-
 layouts/partials/home/hero.html       | 3 +--
 layouts/partials/home/page.html       | 2 +-
 layouts/partials/home/profile.html    | 3 +--
 5 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/layouts/partials/home/background.html b/layouts/partials/home/background.html
index b708c1c1..7913147e 100644
--- a/layouts/partials/home/background.html
+++ b/layouts/partials/home/background.html
@@ -79,8 +79,7 @@
               </div>
             {{ end }}
           </div>
-          <!-- FIXME: This lets section expand too much on larger screens-->
-          <section class="prose dark:prose-invert max-w-full">{{ .Content }}</section>
+          <section class="prose dark:prose-invert w-full">{{ .Content }}</section>
         </div>
       </div>
     </div>
diff --git a/layouts/partials/home/card.html b/layouts/partials/home/card.html
index f43cf74e..21cabadd 100644
--- a/layouts/partials/home/card.html
+++ b/layouts/partials/home/card.html
@@ -9,7 +9,7 @@
               <h1>{{ . | emojify }}</h1>
             </header>
           {{ end }}
-          <section>{{ .Content }}</section>
+          <section class="w-full">{{ .Content }}</section>
         </article>
       </div>
       <div class="mt-6 sm:mt-16 lg:mt-0 mx-auto max-w-xl px-4 sm:px-6 lg:mx-0 lg:max-w-none lg:py-16 lg:px-0">
diff --git a/layouts/partials/home/hero.html b/layouts/partials/home/hero.html
index c3a2d807..26820e40 100644
--- a/layouts/partials/home/hero.html
+++ b/layouts/partials/home/hero.html
@@ -105,8 +105,7 @@
               </div>
             {{ end }}
           </div>
-          <!-- FIXME: This lets section expand too much on larger screens-->
-          <section class="prose prose-invert max-w-full">{{ .Content }}</section>
+          <section class="prose prose-invert w-full">{{ .Content }}</section>
         </div>
       </div>
     </div>
diff --git a/layouts/partials/home/page.html b/layouts/partials/home/page.html
index 45b681d4..a3d817cc 100644
--- a/layouts/partials/home/page.html
+++ b/layouts/partials/home/page.html
@@ -4,7 +4,7 @@
       <h1>{{ . | emojify }}</h1>
     </header>
   {{ end }}
-  <section>{{ .Content }}</section>
+  <section class="w-full">{{ .Content }}</section>
 </article>
 <section>
   {{ partial "recent-articles/main.html" . }}
diff --git a/layouts/partials/home/profile.html b/layouts/partials/home/profile.html
index 06e8a9d6..842ee72f 100644
--- a/layouts/partials/home/profile.html
+++ b/layouts/partials/home/profile.html
@@ -35,8 +35,7 @@
       {{ partialCached "author-links.html" . }}
     </div>
   </header>
-  <!-- FIXME: This lets section expand too much on larger screens-->
-  <section class="prose dark:prose-invert max-w-full">{{ .Content }}</section>
+  <section class="prose dark:prose-invert w-full">{{ .Content }}</section>
 </article>
 <section>
   {{ partial "recent-articles/main.html" . }}