r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2025-02-22 17:24:31 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

restore social links on home page
All checks were successful
Build And Publish / BuildAndPublish (push) Successful in 2m47s
Details

Browse Source
This commit is contained in:
Ryan Freeman 2025-02-18 21:15:14 +00:00
parent 21af93b0b9
commit fde85d2b63
2 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/page.tsx
View File

@ -6,7 +6,7 @@ import {getAllArticles} from '@/lib/getAllArticles'
import {formatDate} from '@/lib/formatDate' import {formatDate} from '@/lib/formatDate'
import type {Article} from '@/types' import type {Article} from '@/types'
import {metadata as _metadata} from '@/lib/generateMetadata' import {metadata as _metadata} from '@/lib/generateMetadata'
import {SimpleLayout} from "@/components/layouts/SimpleLayout"; import {SimpleLayout} from '@/components/layouts/SimpleLayout'
const meta = { const meta = {
title: 'Ryan Freeman - Full-stack software engineer based in Dublin, Ireland.', title: 'Ryan Freeman - Full-stack software engineer based in Dublin, Ireland.',
@ -66,7 +66,8 @@ export default async function Home() {
return ( return (
<SimpleLayout heading={meta.heading} <SimpleLayout heading={meta.heading}
description={meta.description} description={meta.description}
gradient="bg-gradient-to-r from-pink-500 to-violet-500"> gradient="bg-gradient-to-r from-pink-500 to-violet-500"
displaySocials={true}>
<div className="mx-auto grid max-w-xl grid-cols-1 gap-y-20 lg:max-w-none lg:grid-cols-2"> <div className="mx-auto grid max-w-xl grid-cols-1 gap-y-20 lg:max-w-none lg:grid-cols-2">
<div className="flex flex-col gap-16 mt-6"> <div className="flex flex-col gap-16 mt-6">
{articles.map(({slug, title, description, date}) => ( {articles.map(({slug, title, description, date}) => (

22
components/layouts/SimpleLayout.tsx
View File

@ -1,19 +1,23 @@
import {ReactNode} from 'react' import React, {ReactNode} from 'react'
import {Container} from '@/components/common/Container' import {Container} from '@/components/common/Container'
import {twMerge} from 'tailwind-merge' import {twMerge} from 'tailwind-merge'
import {SocialLink} from '@/components/ui/SocialLink'
import {GitHubIcon, LinkedInIcon} from '@/components/icons/SocialIcons'
export type SimpleLayoutProps = { export type SimpleLayoutProps = {
heading: string heading: string
description: string description: string
children: ReactNode children: ReactNode
gradient: string gradient: string
displaySocials?: boolean
} }
export function SimpleLayout({ export function SimpleLayout({
heading, heading,
description, description,
children, children,
gradient gradient,
displaySocials = false
}: SimpleLayoutProps) { }: SimpleLayoutProps) {
return ( return (
<Container className="mt-16 sm:mt-32"> <Container className="mt-16 sm:mt-32">
@ -33,6 +37,20 @@ export function SimpleLayout({
<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">
{description} {description}
</p> </p>
{displaySocials &&
<div className="mt-6 flex gap-6">
<SocialLink
href="https://github.com/r-freeman"
ariaLabel="Follow on GitHub"
icon={GitHubIcon}
/>
<SocialLink
href="https://linkedin.com/in/r-freeman/"
ariaLabel="Follow on LinkedIn"
icon={LinkedInIcon}
/>
</div>
}
</header> </header>
<div className="mt-16 sm:mt-20">{children}</div> <div className="mt-16 sm:mt-20">{children}</div>
</Container> </Container>