mirror of
https://github.com/tiennm99/iammiti99.git
synced 2026-10-11 03:13:37 +00:00
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
30 lines
730 B
HTML
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>
|