{# docs/overrides/partials/cross-site-header.html                            #}
{# The same five-link header used on eternego.ai and blog.eternego.ai.       #}
{# Lives ABOVE Material's chrome so visitors never feel they've left.        #}

<header class="eg-header" id="eg-header">
  <div class="eg-header__inner">
    <a class="eg-brand" href="https://eternego.ai">
      <svg class="eg-brand__logo" viewBox="0 0 32 32" aria-hidden="true"><rect x="13" y="6" width="6" height="20" rx="1.2" fill="currentColor"/></svg>
      <span class="eg-brand__mark">eternego</span>
      <span class="eg-brand__site">/ docs</span>
    </a>
    <nav class="eg-nav" aria-label="Primary">
      <a href="https://eternego.ai">Home</a>
      <a href="/" aria-current="page">Docs</a>
      <a href="https://blog.eternego.ai">Blog</a>
      <a href="https://discord.gg/nfHnWwYUR4">Discord</a>
      <a href="https://github.com/Eternego-AI/eternego">GitHub</a>
    </nav>
  </div>
</header>

<script>
  (function() {
    var header = document.getElementById('eg-header');
    if (!header) return;
    function sync() { header.setAttribute('data-scrolled', window.scrollY > 4 ? 'true' : 'false'); }
    sync();
    window.addEventListener('scroll', sync, { passive: true });
  })();
</script>