lukeonline

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

Base.astro (762B)

      1 ---
      2 import '../styles/global.css'
      3 
      4 import Head from '../components/Head.astro'
      5 import Header from '../components/Header.astro'
      6 import Footer from '../components/Footer.astro'
      7 import Heading from '../components/Heading.astro'
      8 
      9 import { BASE_LAYOUT_STYLING, SITE_TITLE } from '../consts.ts'
     10 
     11 const { ...props } = Astro.props
     12 ---
     13 
     14 <html>
     15   <Head title={`${SITE_TITLE} - ${props.title}`} />
     16   <body
     17     class="flex w-full flex-col gap-3 p-4 text-base md:m-auto md:w-3xl md:p-8"
     18   >
     19     <span class="text-3xl font-bold">Luke Jones</span>
     20     <div class={`${BASE_LAYOUT_STYLING}`}>
     21       <Header />
     22       <main class="flex flex-col gap-3">
     23         <Heading level={1}>{props.title}</Heading>
     24         <slot />
     25       </main>
     26       <Footer />
     27     </div>
     28   </body>
     29 </html>