Added InlineLink component and updated homepage

This commit is contained in:
r-freeman 2023-01-16 17:03:21 +00:00
parent 90edf48a7d
commit 1436145603
2 changed files with 15 additions and 3 deletions

View File

@ -0,0 +1,10 @@
import {ReactNode} from 'react'
import Link from 'next/link'
export function InlineLink({href, children}: { href: string, children: ReactNode }) {
return (
<Link href={href} className="transition hover:text-indigo-500 dark:hover:text-indigo-400">
{children}
</Link>
)
}

View File

@ -11,6 +11,7 @@ import {
LinkedInIcon, LinkedInIcon,
TwitterIcon TwitterIcon
} from '@/components/SocialIcons' } from '@/components/SocialIcons'
import {InlineLink} from '@/components/InlineLink';
import {formatDate} from '@/lib/formatDate' import {formatDate} from '@/lib/formatDate'
import {generateRssFeed} from '@/lib/generateRssFeed' import {generateRssFeed} from '@/lib/generateRssFeed'
import {generateSitemap} from '@/lib/generateSitemap' import {generateSitemap} from '@/lib/generateSitemap'
@ -229,9 +230,10 @@ export default function Home({articles}: { articles: Article[] }) {
</h1> </h1>
<p className="mt-6 text-base text-zinc-600 dark:text-zinc-400"> <p className="mt-6 text-base text-zinc-600 dark:text-zinc-400">
Hi. I&apos;m Ryan, a software engineer based in Dublin, Ireland. I&apos;m currently working in the Hi. I&apos;m Ryan, a software engineer based in Dublin, Ireland. I&apos;m currently working in the
aviation industry for Aer Lingus. I am passionate about personal growth and progressing in my career. aviation industry for Aer Lingus. I am passionate about personal growth and progressing in my career. This
This is my personal website where you can learn more about me, read is my personal website where you can <InlineLink href="/about">learn more about
articles I&apos;ve written and see projects I&apos;ve worked on. me</InlineLink>, <InlineLink href="/writing">read articles I&apos;ve written</InlineLink> and <InlineLink
href="/projects">see projects I&apos;ve worked on</InlineLink>.
</p> </p>
<div className="mt-6 flex gap-6"> <div className="mt-6 flex gap-6">
<SocialLink <SocialLink