diff options
| author | Danilo M. <danix@danix.xyz> | 2026-05-04 16:01:17 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-05-04 16:01:17 +0200 |
| commit | 5b66b809f891f39a2ddec6a80e72397c7692b64b (patch) | |
| tree | ac056ff72cbef79def40ac91b4d5875c06de3f9c /layouts/shortcodes/actions.html | |
| parent | 976c36b0cbb6c8bb6f9a0a3398a4229da8cb5834 (diff) | |
| download | danixxyz-theme-5b66b809f891f39a2ddec6a80e72397c7692b64b.tar.gz danixxyz-theme-5b66b809f891f39a2ddec6a80e72397c7692b64b.zip | |
feat: upgrade actions shortcode to CTA block component
Replaces the minimal inline download button with a visually distinctive
CTA card. New `use` parameter drives icon and download attribute
("download", "site", "repo", "mail"). Optional `caption` param adds
description text above the button. Button uses .btn.btn-primary for
consistent styling. CSS adds .cta-block / .cta-block__caption with
accent border, glow, and light mode overrides per THEMING-STANDARD.md.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Diffstat (limited to 'layouts/shortcodes/actions.html')
| -rw-r--r-- | layouts/shortcodes/actions.html | 23 |
1 files changed, 16 insertions, 7 deletions
diff --git a/layouts/shortcodes/actions.html b/layouts/shortcodes/actions.html index 7badab3..2c2b07e 100644 --- a/layouts/shortcodes/actions.html +++ b/layouts/shortcodes/actions.html @@ -1,16 +1,25 @@ -{{- $url := .Get "url" -}} -{{- $desc := .Get "desc" | default "Download" -}} +{{- $url := .Get "url" -}} +{{- $desc := .Get "desc" | default (i18n "actions_cta") -}} +{{- $caption := .Get "caption" | default "" -}} +{{- $use := .Get "use" | default "site" -}} {{- $outclass := .Get "outclass" | default "" -}} -{{- $inclass := .Get "inclass" | default "" -}} +{{- $inclass := .Get "inclass" | default "" -}} + +{{- $icons := dict "download" "download" "site" "external-link" "repo" "git-branch" "mail" "mail" -}} +{{- $icon := index $icons $use | default "external-link" -}} +{{- $isDownload := eq $use "download" -}} {{- if $url -}} -<div class="my-6 {{ $outclass }}"> +<div class="cta-block {{ $outclass }}"> + {{- with $caption -}} + <p class="cta-block__caption">{{ . }}</p> + {{- end -}} <a href="{{ $url }}" - class="inline-flex items-center gap-2 px-4 py-2 rounded border border-accent/30 text-accent font-medium hover:border-accent/50 hover:bg-accent/10 transition-colors {{ $inclass }}" - download + class="btn btn-primary {{ $inclass }}" + {{- if $isDownload }} download{{- end }} > - <i data-feather="download" class="w-4 h-4"></i> + <i data-feather="{{ $icon }}" class="w-5 h-5" aria-hidden="true"></i> {{ $desc }} </a> </div> |