---

const {current} = Astro.props;

---

<div>
    <!-- Header -->
    <div class="md:flex items-baseline justify-between">
        <div class="flex items-baseline">
            <span class="hover:underline">
            <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>
            </span>
            <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>
        <div>
            <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>
                / 
                {/* <span class="nav-extras">
                <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>
                </span> */}
                <a href="/more" class="text-subtitle hover:underline">more</a>
            </h2>
        </div>
    </div>

</div>