lukeonline

source for my website
git clone https://git.lukeonline.net/repos/lukeonline
Log | Files | Refs | README | LICENSE

Header.astro (570B)

      1 ---
      2 import { BUTTON_STYLING_SHARED } from '../consts.ts'
      3 const { title } = Astro.props
      4 
      5 const linkStyling =
      6   BUTTON_STYLING_SHARED + ' h-8 p-1 pl-2 grow items-center gap-3'
      7 ---
      8 
      9 <header class="flex flex-col gap-2">
     10   <nav class="flex flex-row flex-wrap justify-between gap-2">
     11     <a class={linkStyling} href="/">Home</a>
     12     <a class={linkStyling} href="https://git.lukeonline.net/">Projects</a>
     13     <a class={linkStyling} href="/blog">Blog</a>
     14     <a class={linkStyling} href="/photos">Photos</a>
     15     <a class={linkStyling} href="/about">About</a>
     16   </nav>
     17 </header>