Files
iammiti99/themes/bonsai/layouts/partials/bio-card.html
T
tiennm99 a968b9dafc feat: initial Bonsai theme scaffold
Minimalist Hugo theme for link-in-bio pages, inspired by Linktree
and Japanese bonsai aesthetics.

- Single-page bio with avatar, tagline, bio, and links
- Data-driven via [params] in hugo.toml — no content files needed
- Light/dark mode via prefers-color-scheme + optional toggle
- Inline SVG icon set (github, globe, mail, twitter, linkedin, etc)
- Zero JS by default; opt-in theme toggle script
- exampleSite for local development
2026-05-01 10:04:59 +07:00

30 lines
730 B
HTML

{{- $name := site.Params.name | default site.Title -}}
{{- $tagline := site.Params.tagline -}}
{{- $bio := site.Params.bio -}}
{{- $avatar := site.Params.avatar -}}
{{- $links := site.Params.links -}}
<article class="bio">
{{- if $avatar }}
<img class="bio__avatar" src="{{ $avatar | relURL }}" alt="{{ $name }}" loading="eager" />
{{- end }}
<h1 class="bio__name">{{ $name }}</h1>
{{- with $tagline }}
<p class="bio__tagline">{{ . }}</p>
{{- end }}
{{- with $bio }}
<p class="bio__text">{{ . | markdownify }}</p>
{{- end }}
{{- if $links }}
<nav class="bio__links" aria-label="Links">
{{- range $links }}
{{- partial "link-button.html" . -}}
{{- end }}
</nav>
{{- end }}
</article>