<div class="flex items-center justify-between">
    <div>
        <p class="text-xs text-neutral-500 dark:text-neutral-400">
            <a href="/recipes/">Served</a> with <a
              class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://archlinux.org/"
              target="_blank" rel="noopener noreferrer">Arch Linux</a> and <a
              class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://httpd.apache.org/"
              target="_blank" rel="noopener noreferrer">Apache httpd</a> ┊
            <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="/feed.xml"
              target="_blank" rel="noopener">Atom feed</a> ┊
            <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="/feed.json"
              target="_blank" rel="noopener">Json feed</a>
        </p>
    </div>
</div>