feat: add CC-BY-SA 4.0 license and IndieWeb badges to footer

_includes/layouts/base.njk

@@ -467,6 +467,23 @@
           </svg>
         </span>
       </p>
+      {# CC-BY-SA 4.0 License #}
+      <div class="flex items-center justify-center gap-2 mt-4 text-sm text-surface-700 dark:text-surface-300">
+        <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="license noopener" class="hover:underline">CC BY-SA 4.0</a>
+        <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="license noopener" class="flex items-center gap-1">
+          <img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" alt="CC" class="h-5 w-5 dark:invert" loading="lazy">
+          <img src="https://mirrors.creativecommons.org/presskit/icons/by.svg" alt="BY" class="h-5 w-5 dark:invert" loading="lazy">
+          <img src="https://mirrors.creativecommons.org/presskit/icons/sa.svg" alt="SA" class="h-5 w-5 dark:invert" loading="lazy">
+        </a>
+      </div>
+      {# IndieWeb Badges #}
+      <div class="flex items-center justify-center gap-3 mt-3">
+        <a href="https://indieweb.org/" target="_blank" rel="noopener"><img src="https://indieweb.org/img/indieweb-badge.png" alt="IndieWebCamp" class="h-8" loading="lazy"></a>
+        <a href="https://webmention.net/" target="_blank" rel="noopener"><img src="https://aaronparecki.com/2017/12/30/7/webmention-badge.png" alt="Webmention" class="h-8" loading="lazy"></a>
+        <a href="https://microformats.org/" target="_blank" rel="noopener"><img src="https://aaronparecki.com/2017/12/30/7/microformats-badge.png" alt="Microformats" class="h-8" loading="lazy"></a>
+        <a href="https://www.w3.org/html/" target="_blank" rel="noopener"><img src="https://aaronparecki.com/2017/12/30/7/w3c-html5-badge.png" alt="HTML5" class="h-8" loading="lazy"></a>
+        <a href="https://creativecommons.org/" target="_blank" rel="noopener"><img src="https://aaronparecki.com/2017/12/30/7/cc-commons-badge.png" alt="Creative Commons" class="h-8" loading="lazy"></a>
+      </div>
     </div>
   </footer>
   <script>