<style>
  #release {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    overflow: hidden;
  }
  #release-timestamp, #release-commit {
    color: var(--color-fg-dim);
  }
</style>

<blockquote id="release">
  💾
  <span>
    <a href="https://files.radicle.dev/releases/latest" id="release-info">Radicle {{ site.data.releases.radicle.version }}</a>
    <span class="desktop dim">&middot; </span>
    <span id="release-commit" class="desktop">{{ site.data.releases.radicle.commit }}</span>
    <span id="release-timestamp" class="desktop">{{ site.data.releases.radicle.timestamp | date_to_xmlschema }}</span>
  </span>
</blockquote>

<script defer src="{{ '/assets/js/latest-release.js' | relative_url }}"></script>
<script>
  document.addEventListener('DOMContentLoaded', () => updateLatestRelease("{{ site.data.releases.radicle.timestamp }}"));
</script>