Files
kestrelsnest-blog/layouts/shortcodes/callout.html
T
Eric Wagoner 8ac2a6ad8c Add callouts to LocallyGrown series for enhanced readability
Applied strategic callouts across all 4 posts in the LocallyGrown series:
- Info, success, warning, danger, tip, quote, and example callouts
- Improved visual hierarchy and information highlighting
- Better mobile readability with structured content blocks

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-23 10:02:52 -04:00

37 lines
993 B
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{{- $type := .Get "type" | default "note" -}}
{{- $title := .Get "title" | default (title $type) -}}
{{- $icon := "" -}}
{{- if eq $type "note" -}}
{{- $icon = "📝" -}}
{{- else if eq $type "tip" -}}
{{- $icon = "💡" -}}
{{- else if eq $type "info" -}}
{{- $icon = "️" -}}
{{- else if eq $type "warning" -}}
{{- $icon = "⚠️" -}}
{{- else if eq $type "danger" -}}
{{- $icon = "🚨" -}}
{{- else if eq $type "success" -}}
{{- $icon = "✅" -}}
{{- else if eq $type "question" -}}
{{- $icon = "❓" -}}
{{- else if eq $type "quote" -}}
{{- $icon = "💬" -}}
{{- else if eq $type "example" -}}
{{- $icon = "📋" -}}
{{- else if eq $type "bug" -}}
{{- $icon = "🐛" -}}
{{- else -}}
{{- $icon = "📌" -}}
{{- end -}}
<div class="callout callout-{{ $type }}">
<div class="callout-title">
<span class="callout-icon">{{ $icon }}</span>
<span>{{ $title }}</span>
</div>
<div class="callout-content">
{{ .Inner | markdownify }}
</div>
</div>