<script>
    const nav = {
        
        whoami: ["about", "resume", "homelab"],
        portfolio: ["project a", "project, b", "project c"],
        contact: ["get in touch", "socials"],
        login: []
    };

</script>

<nav>
    <ul>
        {#each Object.entries(nav) as [main, context]}
            <li><a href={main}>{main}</a></li>
        {/each}
        <hr />
    </ul>
</nav>
<slot />