levelsio vibeverse HUD buttons

vibeverse.html

<div
      id="nav-group"
      style="
        font-family: 'system-ui', sans-serif;
        position: fixed;
        bottom: -1px;
        left: -1px;
        padding: 7px;
        font-size: 14px;
        font-weight: bold;
        background: #fff;
        color: #000;
        text-decoration: none;
        z-index: 10;
        border-top-right-radius: 12px;
        z-index: 10000;
        border: 1px solid #fff;
        display: flex;
        flex-direction: row;
        gap: 4px;
      "
    >
      <a
        href="https://portal.pieter.com"
        style="
          font-family: 'system-ui', sans-serif;
          padding: 0;
          font-size: 14px;
          font-weight: bold;
          color: #000;
          text-decoration: none;
          border-radius: 12px;
        "
        >🌐 To Vibeverse</a
      >
      <span style="color: #000">|</span>
      <a
        id="go-back"
        style="
          font-family: 'system-ui', sans-serif;
          padding: 0;
          font-size: 14px;
          font-weight: bold;
          color: #000;
          text-decoration: none;
          border-radius: 12px;
          display: none;
        "
        >← Go Back</a
      >
    </div>
    <script>
      // Show Go Back link if ref parameter exists
      const urlParams = new URLSearchParams(window.location.search)
      const ref = urlParams.get('ref')
      const goBackLink = document.getElementById('go-back')
      const separator = goBackLink.previousElementSibling
      if (ref) {
        goBackLink.style.display = 'block'
        goBackLink.href = ref
        separator.style.display = 'block'
      } else {
        separator.style.display = 'none'
      }
    </script>

Add this HTML to your 2D game to link to the vibeverse!