Add Nunjucks button to footer (#467)

* Add Nunjucks button to footer between 11ty and Tailwind

Agent-Logs-Url: https://github.com/NextCommunity/NextCommunity.github.io/sessions/17998eeb-b35f-412e-85dc-ec4382e6ab9b

Co-authored-by: jbampton <418747+jbampton@users.noreply.github.com>

* Potential fix for pull request finding

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

* Refactor footer tech buttons into Nunjucks loop with aria-label and rel=noopener noreferrer

Agent-Logs-Url: https://github.com/NextCommunity/NextCommunity.github.io/sessions/ec46b339-e1b6-4c1b-9bcb-608018487de6

Co-authored-by: jbampton <418747+jbampton@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: jbampton <418747+jbampton@users.noreply.github.com>
Co-authored-by: John Bampton <jbampton@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Author: 3 people

src/_includes/footer-details.njk

@@ -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>