Skip to content

Add Nunjucks button to footer #467

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jbampton merged 4 commits into from
May 2, 2026
Merged

Add Nunjucks button to footer #467

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e3d26c3
Add Nunjucks button to footer between 11ty and Tailwind
Copilot May 2, 2026
714ba48
Potential fix for pull request finding
jbampton May 2, 2026
66d4c2d
Merge branch 'main' into copilot/add-footer-button-for-nunjucks
jbampton May 2, 2026
cdfc845
Refactor footer tech buttons into Nunjucks loop with aria-label and r…
Copilot May 2, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 7 additions & 2 deletions src/_includes/footer-details.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,8 +13,13 @@
</p>

<div class="flex items-center justify-center md:justify-start gap-3 mt-4">
<a href="https://www.11ty.dev/" target="_blank" class="text-[10px] font-bold px-2 py-1 rounded bg-[var(--bg-card)] border border-[var(--border-color)] text-[var(--text-muted)] hover:text-accent transition-all">🎈 11ty</a>
<a href="https://tailwindcss.com/" target="_blank" class="text-[10px] font-bold px-2 py-1 rounded bg-[var(--bg-card)] border border-[var(--border-color)] text-[var(--text-muted)] hover:text-accent transition-all">🌊 Tailwind</a>
{% for item in [
{ url: "https://www.11ty.dev/", text: "🎈 11ty", label: "11ty (opens in a new tab)" },
{ url: "https://mozilla.github.io/nunjucks/", text: "🔧 Nunjucks", label: "Nunjucks (opens in a new tab)" },
{ url: "https://tailwindcss.com/", text: "🌊 Tailwind", label: "Tailwind CSS (opens in a new tab)" }
] %}
<a href="{{ item.url }}" target="_blank" rel="noopener noreferrer" aria-label="{{ item.label }}" class="text-[10px] font-bold px-2 py-1 rounded bg-[var(--bg-card)] border border-[var(--border-color)] text-[var(--text-muted)] hover:text-accent transition-all">{{ item.text }}</a>
{% endfor %}
</div>
</div>

Expand Down
Loading