---

const {current} = Astro.props;

---

<div>
    <!-- Header -->
    <div class="flex items-baseline">
        <a href="/" class="text-2xl xs:text-3xl sm:text-4xl font-serif title-gradient pb-2">
        eleboog<span class='title-dot'>.</span>com
        </a>
        <div class="flex w-8 self-baseline h-1 border-t border-crusta-200 dark:border-night-800 mx-2"></div>
        <h2 class="font-mono text-xl sm:text-2xl">{current}</h2>
    </div>

    <!-- Navbar -->
    <h2 class="font-mono mb-4 text-lg">
        <a href='/newest' class="text-subtitle hover:underline">newest</a>
         / 
        <a href='/blog/' class="text-subtitle hover:underline">archive</a>
         / 
        <a href='/journal' class="text-subtitle hover:underline">journal</a>
         / 
        <a href='/sharefeed' class="text-subtitle hover:underline">sharefeed</a>
         / 
        <a href="/me" class="text-subtitle hover:underline">me</a>
         / 
        <a href="/cool" class="text-subtitle hover:underline">cool</a>
         / 
        <a href='/feeds' class="text-subtitle hover:underline">rss</a>
    </h2>
</div>