wakapi/views/footer.tpl.html

<footer class="flex justify-between w-full text-center text-gray-500 text-xs mt-20">
    <div class="text-xs font-mono font-semibold">
        v{{ getVersion }} @ {{ getDbType }}
    </div>
    <div class="font-semibold text-sm">
        Made with &nbsp; <span class="iconify inline" data-icon="bi:heart-fill"></span> &nbsp; by <a href="https://muetsch.io" class="text-gray-400 hover:text-gray-300">Ferdinand Mütsch</a> as <a
                href="https://github.com/muety/wakapi" class="text-gray-400 hover:text-gray-300">open-source</a> software
    </div>
    <div class="text-sm">
        <a href="imprint" class="font-semibold hover:text-gray-400">Imprint, Cookies & Data Privacy</a>
    </div>
</footer>

<script type="text/javascript">
    const baseUrl = location.href.substring(0, location.href.lastIndexOf('/'))
    document.querySelectorAll('.with-url-src').forEach(e => {
        e.setAttribute('src', e.getAttribute('src').replace('%s', baseUrl))
        e.classList.remove('hidden')
    })
    document.querySelectorAll('.with-url-src-no-scheme').forEach(e => {
        const strippedUrl = baseUrl.replace(/https?:\/\//, '')
        e.setAttribute('src', e.getAttribute('src').replace('%s', strippedUrl))
        e.classList.remove('hidden')
    })
    document.querySelectorAll('.with-url-inner').forEach(e => {
        e.innerHTML = e.innerHTML.replace('%s', baseUrl)
        e.classList.remove('hidden')
    })
    document.querySelectorAll('.with-url-inner-no-scheme').forEach(e => {
        const strippedUrl = baseUrl.replace(/https?:\/\//, '')
        e.innerHTML = e.innerHTML.replace('%s', strippedUrl)
        e.classList.remove('hidden')
    })
</script>