♻️ refactor: add "target_attribute" macro

[tzinm]

Summary

This PR introduces a new macro name target_attribute.html (trying to maintain naming convention). The purpose is to improv code organization in the logic that determines the target="_blank" attribute for external links.

The same logic block is currently repeated in several templates:

• page.html
• partials/footer.html
• partials/cards_pages.html

Additionally, it will also be used in tags/singl.html.

Related issue

It isn't related to any issue but we talked about it in this discussion.

Changes

The new macro contain the following content:

{% macro target_attribute(new_tab=false) %}
 
{%- set blank_target = "" -%}

{%- if new_tab -%}
    {%- set blank_target = "target=_blank" -%}
{%- endif -%}

{{ blank_target }}

{% endmacro target_attribute %}

This macro is imported in base.html:

{% import "macros/target_attribute.html" as macros_target_attribute %}

Usage in the templates:

{%- set blank_target = macros_target_attribute::target_attribute(new_tab=) -%}

Type of change

• Bug fix (fixes an issue without altering functionality)
• New feature (adds non-breaking functionality)
• Breaking change (alters existing functionality)
• UI/UX improvement (enhances user interface without altering functionality)
• Refactor (improves code quality without altering functionality)
• Documentation update
• Other (please describe below)

---

Checklist

• I have verified the accessibility of my changes
• I have tested all possible scenarios for this change
• I have updated theme.toml with a sane default for the feature
• I have updated config.toml in tabi-start
• I have made corresponding changes to the documentation:
  • Updated config.toml comments
  • Updated theme.toml comments
  • Updated "Mastering tabi" post in English
  • (Optional) Updated "Mastering tabi" post in Spanish
  • (Optional) Updated "Mastering tabi" post in Catalan

[netlify]

✅ Deploy Preview for tabi-demo ready!

Name	Link
🔨 Latest commit	f29db5c
🔍 Latest deploy log	https://app.netlify.com/sites/tabi-demo/deploys/67fd34ac8f21a5000862be22
😎 Deploy Preview	https://deploy-preview-515--tabi-demo.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.