lukeonline

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

index.astro (1263B)

      1 ---
      2 import Base from '../layouts/Base.astro'
      3 import LargeButtonRow from '../components/LargeButtonRow.astro'
      4 import IconButtonRow from '../components/IconButtonRow.astro'
      5 import Webring from '../components/Webring.astro'
      6 
      7 const title = 'Home'
      8 
      9 const mainButtonRow = [
     10   {
     11     title: 'Projects',
     12     desc: 'A few of my projects',
     13     link: 'https://git.lukeonline.net/',
     14   },
     15   {
     16     title: 'Blog',
     17     desc: "A small blog for occasionally discussing what I'm working on",
     18     link: '/blog',
     19   },
     20   {
     21     title: 'Photos',
     22     desc: 'A small gallery of photographs from my free time',
     23     link: '/photos',
     24   },
     25 ]
     26 
     27 const iconButtonRow = [
     28   {
     29     image: {
     30       link: '/assets/github.svg',
     31       alt: 'GitHub',
     32     },
     33     link: 'https://github.com/LukePJ25',
     34   },
     35   {
     36     image: {
     37       link: '/assets/linkedin.svg',
     38       alt: 'Linkedin',
     39     },
     40     link: 'https://www.linkedin.com/in/lukepjones/',
     41   },
     42 ]
     43 ---
     44 
     45 <Base title={title}>
     46   <p>
     47     I'm Luke Jones. I'm studying Computer Science at Aberystwyth University.
     48   </p>
     49   <div class="flex flex-col gap-2">
     50     <LargeButtonRow entries={mainButtonRow} />
     51     <div class="flex flex-col justify-between gap-2 sm:flex-row">
     52       <IconButtonRow entries={iconButtonRow} />
     53       <Webring />
     54     </div>
     55   </div>
     56 </Base>