feat: place layout switcher before recent articles

This commit is contained in:
Friday authored and Nuno C. committed 2026-08-17 20:19:02 +01:00
1 parent ff4618e379
commit c71ce62fd5
9 files changed
+12 -45

No files matched your search

-15
View File
@@ -1981,12 +1981,6 @@
.bg-neutral-50 {
background-color: rgba(var(--color-neutral-50), 1);
}
.bg-neutral-50\/70 {
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-50), 1), 1) 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, rgba(var(--color-neutral-50), 1) 70%, transparent);
}
}
.bg-neutral-50\/97 {
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-50), 1), 1) 97%, transparent);
@supports (color: color-mix(in lab, red, red)) {
@@ -2237,9 +2231,6 @@
.py-10 {
padding-block: calc(var(--spacing) * 10);
}
.py-12 {
padding-block: calc(var(--spacing) * 12);
}
.py-16 {
padding-block: calc(var(--spacing) * 16);
}
@@ -3515,12 +3506,6 @@
background-color: color-mix(in oklab, rgba(var(--color-neutral-900), 1) 30%, transparent);
}
}
.dark\:bg-neutral-900\/40:is(.dark *) {
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-900), 1), 1) 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, rgba(var(--color-neutral-900), 1) 40%, transparent);
}
}
.dark\:bg-neutral-900\/50:is(.dark *) {
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-900), 1), 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
+3
View File
@@ -11,4 +11,7 @@
{{ partial "home/profile.html" . }}
{{ end }}
{{ end }}
<section>
{{ partial "recent-articles/main.html" . }}
</section>
{{ end }}
-3
View File
@@ -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"
-3
View File
@@ -48,6 +48,3 @@
</div>
</div>
</div>
<section>
{{ partial "recent-articles/main.html" . }}
</section>
-3
View File
@@ -126,6 +126,3 @@
</div>
</div>
</article>
<section>
{{ partial "recent-articles/main.html" . }}
</section>
-6
View File
@@ -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>
+9 -9
View File
@@ -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>
-3
View File
@@ -6,6 +6,3 @@
{{ end }}
<section class="w-full">{{ .Content }}</section>
</article>
<section>
{{ partial "recent-articles/main.html" . }}
</section>
-3
View File
@@ -44,6 +44,3 @@
</header>
<section class="prose dark:prose-invert w-full">{{ .Content }}</section>
</article>
<section>
{{ partial "recent-articles/main.html" . }}
</section>