Logo
    {#each navItems as item}
  • { isOpen = false; }} href={item.slug} class={cn( 'flex justify-center rounded-md px-3 py-3 text-sm transition-colors duration-150 lg:justify-start', { 'bg-primary-700': isActive(item.slug), 'group hover:bg-primary-700': !isActive(item.slug) } )} >
    {item.name}
    • {/each}
  • Aide
  • { isOpen = false; }} href="mailto:cyberbottle@peerat.dev" class="group flex justify-center rounded-md px-3 py-3 text-sm transition-colors duration-150 hover:bg-primary-700 lg:justify-start" >
    Mail
  • { isOpen = false; }} href="//discord.gg/72vuHcwUkE" class="group flex justify-center rounded-md px-3 py-3 text-sm transition-colors duration-150 hover:bg-primary-700 lg:justify-start" >
    Discord
  • { isOpen = false; }} href="//git.peerat.dev" class="group flex justify-center rounded-md px-3 py-3 text-sm transition-colors duration-150 hover:bg-primary-700 lg:justify-start" >
    Git