feat: add modern content and navigation primitives

This commit is contained in:
Friday authored and Nuno C. committed 2026-08-17 20:19:02 +01:00
1 parent 345f806d80
commit 091f9043ee
10 files changed
+158 -3

No files matched your search

+6
View File
@@ -0,0 +1,6 @@
<div class="min-h-[104px]"></div>
<header class="fixed inset-x-0 top-3 z-100 px-3 sm:top-5 sm:px-6">
<div class="mx-auto max-w-7xl rounded-2xl border border-neutral-200/80 bg-neutral/85 px-3 shadow-lg shadow-neutral-950/5 backdrop-blur-xl dark:border-neutral-700/80 dark:bg-neutral-800/85">
{{ partial "header/basic.html" . }}
</div>
</header>
+7
View File
@@ -0,0 +1,7 @@
{{ $value := .Get "value" | default "0" }}
{{ $label := .Get "label" | default "Metric" }}
<div class="rounded-2xl border border-neutral-200 bg-white/80 p-6 text-center shadow-sm dark:border-neutral-800 dark:bg-neutral-900/80">
<p class="text-4xl font-black tracking-tight text-primary-600 dark:text-primary-400">{{ $value | markdownify }}</p>
<p class="mt-2 font-bold text-neutral-950 dark:text-white">{{ $label | markdownify }}</p>
{{ with .Inner }}<div class="mt-2 text-sm leading-6 text-neutral-600 dark:text-neutral-400">{{ . | markdownify }}</div>{{ end }}
</div>
+4
View File
@@ -0,0 +1,4 @@
{{ $columns := .Get "columns" | default "3" }}
<div class="not-prose my-10 grid gap-4 sm:grid-cols-2 {{ if eq $columns "4" }}lg:grid-cols-4{{ else }}lg:grid-cols-3{{ end }}">
{{ .Inner }}
</div>
+7
View File
@@ -0,0 +1,7 @@
{{ $title := .Get "title" | default "Step" }}
{{ $number := .Get "number" }}
<li class="relative">
<span class="absolute -start-[2.1rem] top-0 flex h-8 w-8 items-center justify-center rounded-full bg-primary-600 text-sm font-black text-white ring-4 ring-neutral dark:ring-neutral-800">{{ $number | default "•" }}</span>
<h3 class="text-lg font-bold text-neutral-950 dark:text-white">{{ $title | markdownify }}</h3>
<div class="mt-1 text-neutral-600 dark:text-neutral-400">{{ .Inner | markdownify }}</div>
</li>
+3
View File
@@ -0,0 +1,3 @@
<ol class="not-prose my-10 space-y-5 border-s border-primary-200 ps-6 dark:border-primary-900">
{{ .Inner }}
</ol>