feat(*): refactor dynamic vs. static structure and distinctions; make additional elements dynamic

src/includes/static/nav/link.liquid

@@ -0,0 +1,35 @@
+{%- assign categoryUrl = link.permalink | downcase -%}
+{%- assign isHttp = categoryUrl contains "http" -%}
+{%- assign url = page.activeUrl | default: page.url -%}
+{%- if categoryUrl | isLinkActive:url -%}
+{%- capture linkClass -%}
+  {%- if link.section -%}button{%- endif -%}
+  {%- if link.icon -%}icon{%- endif -%}
+{%- endcapture -%}
+  <span
+    class="active {{ linkClass }}"
+    aria-current="page"
+  >
+    {%- if link.icon -%}
+      {% tablericon link.icon %}
+      <span>{{ link.title }}</span>
+    {%- else -%}
+      {{ link.title }}
+    {%- endif -%}
+  </span>
+{%- else -%}
+  <a
+    class="{% if link.section %}{{ link.section | downcase }} button {% endif %}{% if link.icon %}{{ link.icon | downcase }} icon {% endif %}"
+    href="{{ categoryUrl }}"
+    {% if isHttp -%} rel="me" {%- endif %}
+    title="{{ link.title }}"
+    aria-label="{{ link.title }}"
+  >
+    {%- if link.icon -%}
+      {% tablericon link.icon %}
+      <span>{{ link.title }}</span>
+    {%- else -%}
+      {{ link.title }}
+    {%- endif -%}
+  </a>
+{%- endif -%}