aaron/aaronjy-me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'main' of github.com:AaronJY/www-aaronjy-2024

Browse source
This commit is contained in:
Aaron Yarborough 2024-03-08 22:12:57 +00:00
commit a2195ff0a7
8 changed files with 116 additions and 75 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/components/Header/Header.jsx Normal file
View file

@ -0,0 +1,18 @@
import Link from "next/link";
import React from "react";
import styles from "./Header.module.css";
function Header() {
return (
<header className={styles.header}>
<nav>
<Link href={"/"}>home</Link>
<Link href={"/writing"}>writing</Link>
<Link href={"/cv"}>cv</Link>
</nav>
</header>
);
}
export default Header;

5
src/components/Header/Header.module.css Normal file
View file

@ -0,0 +1,5 @@
.header nav {
display: flex;
justify-content: center;
gap: 20px;
}

21
src/layouts/DefaultLayout/DefaultLayout.jsx Normal file
View file

@ -0,0 +1,21 @@
import React from "react";
import style from "./DefaultLayout.module.css";
import Header from "@/components/Header/Header";
import Footer from "@/components/Footer";
import {Barlow} from "next/font/google";
const fontMain = Barlow({ subsets: ["latin"], weight: [ "400", "600" ]});
function DefaultLayout({ children }) {
return (
<div className={style.layout}>
<Header />
<main className={`${fontMain.className}`}>{children}</main>
<Footer />
</div>
);
}
export default DefaultLayout;

9
src/layouts/DefaultLayout/DefaultLayout.module.css Normal file
View file

@ -0,0 +1,9 @@
.layout {
display: flex;
flex-direction: column;
min-height: 100dvh;
}
.layout main {
flex-grow: 1;
}

17
src/pages/_app.js
View file

@ -1,15 +1,12 @@
import '@/styles/globals.css'
import { Inter } from 'next/font/google'
import { DefaultSeo } from 'next-seo'
import { DefaultSeo } from "next-seo";
const inter = Inter({ subsets: ['latin'], weight: ['400', '700'] })
export default function App ({ Component, pageProps }) {
return (
<main className={inter.className}>
<DefaultSeo defaultTitle='Aaron Yarborough' titleTemplate='%s | Aaron Yarborough' />
<Component {...pageProps} />
</main>
)
export default function App({ Component, pageProps }) {
return <>
<DefaultSeo defaultTitle="Aaron Yarborough" titleTemplate="%s | Aaron Yarborough"/>
<Component {...pageProps} />
</>
}

109
src/pages/index.js
View file

@ -1,81 +1,66 @@
import Head from 'next/head'
import Footer from '@/components/Footer'
import Header from '@/components/Header'
import ExternalLink from '@/components/ExternalLink'
import Head from "next/head";
import ExternalLink from "@/components/ExternalLink";
import DefaultLayout from "@/layouts/DefaultLayout/DefaultLayout";
export default function Home () {
return (
<>
<DefaultLayout>
<Head>
<meta name='viewport' content='width=device-width, initial-scale=1' />
<link rel='icon' href='/favicon.ico' />
</Head>
<Header />
<section>
<h1>Hello 👋🏻</h1>
</section>
<section>
<h1>Hello!</h1>
<p>
I&apos;m Aaron. I&apos;m a Brit living in Newcastle-upon-tyne,
UK. I work professionally as a Software Engineer and Tutor, and study
I&apos;m Aaron. I&apos;m a Brit living in Newcastle-upon-tyne, UK. I
work professionally as a Software Engineer and Tutor, and study
languages in my spare time.
</p>
<p>
This is my little corner of the web! I&apos;ve always had a terrible
habit of &apos;lurking&apos; online; I barely interact with the
content I consume, and you&apos;ll rarely if ever catch me posting or
commenting on something. That said, this little site endeavours to
pull me by my ankles out of the weeds in the great digital park we
find ourselves, and encourage me to share a bit more about myself
online.
This is my little corner of the web! I&apos;ve always had a habit of
&apos;lurking&apos; online; I barely interact with the content I
consume, and you&apos;ll rarely if ever catch me posting or commenting
on something. That said, this little site endeavours to pull me by my
ankles out of the weeds in the great digital park we find ourselves,
and encourage me to share a bit more about myself online.
</p>
</section>
<section>
<h2>Where to find me</h2>
<p>
I&apos;m not a massive fan of social media, and prefer to keep my
digital footprint as small as possible. That said, you can find me in
the following places!
</p>
<p>
<strong>Letterboxd</strong> is a social platform for film lovers to
rate, review, and discover movies, akin to &quot;Goodreads for
film.&quot;
</p>
<p>
<ExternalLink href='https://letterboxd.com/aaronyarbz/'>
See what I&apos;ve watched recently.
</ExternalLink>
</p>
<ul>
<li>
<strong>
<ExternalLink href="https://letterboxd.com/aaronyarbz/">
Letterboxd
</ExternalLink>
</strong>{" "}
is a social platform for film lovers to rate, review, and discover
movies, akin to &quot;Goodreads for film.&quot;
</li>
<li>
<strong>
<ExternalLink href="https://github.com/AaronJY">
GitHub
</ExternalLink>
</strong>{" "}
is a web-based platform for version control and collaboration on
software development projects. Find out what I&apos;ve been working
on here!
</li>
<li>
<strong>
<ExternalLink href="https://www.linkedin.com/in/aaronjyarborough/">
LinkedIn
</ExternalLink>
</strong>
, unfortunately. A social network for professionals.
</li>
</ul>
<p>
<strong>GitHub</strong> is a web-based platform for version control
and collaboration on software development projects. Find out what
I&apos;ve been working on here!
</p>
<p>
<ExternalLink href='https://github.com/AaronJY'>
Check out what I&apos;ve been working on.
</ExternalLink>
</p>
<p>
<strong>LinkedIn</strong> is possibly the <i>worst</i> social network.
Specifically for professional stuff, I&apos;m only on here because I
have to be 😩
</p>
<p>
<ExternalLink href='https://www.linkedin.com/in/aaronjyarborough/'>
Be creepy and stalk me on LinkedIn.
</ExternalLink>
</p>
<p>
{/* <p>
<strong>Yarbz Tutoring</strong> is my tutoring site. You can read a
bit more about my tutoring and general software develpment experience,
and book a class if it suits you.
@ -84,10 +69,8 @@ export default function Home () {
<ExternalLink href='https://tutoring.yarbz.digital'>
Read more about my tutoring side-gig.
</ExternalLink>
</p>
</p> */}
</section>
<Footer />
</>
)
</DefaultLayout>
);
}

4
src/pages/writing/index.js
View file

@ -1,5 +1,5 @@
import Footer from '@/components/Footer'
import Header from '@/components/Header'
import Footer from "@/components/Footer";
import Header from "@/components/Header/Header";
export default function Writing () {
return (

8
src/styles/globals.css
View file

@ -0,0 +1,8 @@
html, body {
margin: 0;
padding: 0;
}
h1, h2, h3 {
font-weight: 600;
}