{{ define "blog/fragments/footer" }}
<footer class="mt-12 w-full px-6 py-4">
  <div class="max-w-[90ch] mx-auto flex flex-wrap justify-center items-center gap-x-4 gap-y-2 text-sm text-gray-500 dark:text-gray-400">
    <div class="flex items-center justify-center gap-x-2 order-last sm:order-first w-full sm:w-auto">
      <a href="https://tangled.org" class="no-underline hover:no-underline flex items-center">
        {{ template "fragments/dolly/logo" (dict "Classes" "size-5 text-gray-500 dark:text-gray-400") }}
      </a>
      <span>&copy; 2026 Tangled Labs Oy.</span>
    </div>
    <a href="https://docs.tangled.org" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline">Docs</a>
    <a href="https://tangled.org/tangled.org/core" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline">Source</a>
    <a href="https://chat.tangled.org" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline" target="_blank" rel="noopener noreferrer">Discord</a>
    <a href="https://bsky.app/profile/tangled.org" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline" target="_blank" rel="noopener noreferrer">Bluesky</a>
    <a href="https://x.com/tangled_org" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline" target="_blank" rel="noopener noreferrer">Twitter (X)</a>
    <a href="/feed.xml" class="hover:text-gray-900 dark:hover:text-gray-200 hover:underline">Feed</a>
  </div>
</footer>
{{ end }}
