feat: place layout switcher before recent articles

layouts/index.html

@@ -11,4 +11,7 @@
       {{ partial "home/profile.html" . }}
     {{ end }}
   {{ end }}
+  <section>
+    {{ partial "recent-articles/main.html" . }}
+  </section>
 {{ end }}

layouts/partials/home/background.html

@@ -106,9 +106,6 @@
     </div>
   </div>
 </article>
-<section>
-  {{ partial "recent-articles/main.html" . }}
-</section>
 {{ if .Site.Params.homepage.layoutBackgroundBlur | default false }}
   <div
     id="background-blur"

layouts/partials/home/card.html

@@ -48,6 +48,3 @@
     </div>
   </div>
 </div>
-<section>
-  {{ partial "recent-articles/main.html" . }}
-</section>

layouts/partials/home/hero.html

@@ -126,6 +126,3 @@
     </div>
   </div>
 </article>
-<section>
-  {{ partial "recent-articles/main.html" . }}
-</section>

layouts/partials/home/landing.html

@@ -15,9 +15,3 @@
     </div>
   </section>
 </article>
-
-<section class="border-t border-neutral-200 bg-neutral-50/70 py-12 dark:border-neutral-800 dark:bg-neutral-900/40">
-  <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-    {{ partial "recent-articles/main.html" . }}
-  </div>
-</section>

layouts/partials/home/layout-switcher.html

@@ -1,7 +1,15 @@
 {{/* Opt-in preview for Blowfish's built-in homepage layouts. */}}
 {{ $layouts := slice "landing" "background" "hero" "profile" "page" "card" }}
 <section data-layout-switcher>
-  <div class="mb-8 rounded-3xl border border-primary-200 bg-primary-50/70 p-5 shadow-sm dark:border-primary-900/70 dark:bg-primary-950/30 sm:p-6">
+  <div class="rounded-3xl border border-neutral-200 bg-neutral/40 p-4 shadow-sm dark:border-neutral-800 dark:bg-neutral-900/30 sm:p-8">
+    {{ range $index, $layout := $layouts }}
+      <div data-layout-switcher-panel="{{ $layout }}" role="tabpanel"{{ if ne $index 0 }} hidden{{ end }}>
+        {{ partial (printf "home/%s.html" $layout) $ }}
+      </div>
+    {{ end }}
+  </div>
+
+  <div class="mb-8 mt-8 rounded-3xl border border-primary-200 bg-primary-50/70 p-5 shadow-sm dark:border-primary-900/70 dark:bg-primary-950/30 sm:p-6">
     <div class="flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between">
       <div>
         <p class="text-sm font-bold uppercase tracking-[0.18em] text-primary-600 dark:text-primary-400">Theme playground</p>
@@ -16,12 +24,4 @@
       {{ end }}
     </div>
   </div>
-
-  <div class="rounded-3xl border border-neutral-200 bg-neutral/40 p-4 shadow-sm dark:border-neutral-800 dark:bg-neutral-900/30 sm:p-8">
-    {{ range $index, $layout := $layouts }}
-      <div data-layout-switcher-panel="{{ $layout }}" role="tabpanel"{{ if ne $index 0 }} hidden{{ end }}>
-        {{ partial (printf "home/%s.html" $layout) $ }}
-      </div>
-    {{ end }}
-  </div>
 </section>

layouts/partials/home/page.html

@@ -6,6 +6,3 @@
   {{ end }}
   <section class="w-full">{{ .Content }}</section>
 </article>
-<section>
-  {{ partial "recent-articles/main.html" . }}
-</section>

layouts/partials/home/profile.html

@@ -44,6 +44,3 @@
   </header>
   <section class="prose dark:prose-invert w-full">{{ .Content }}</section>
 </article>
-<section>
-  {{ partial "recent-articles/main.html" . }}
-</section>