This commit is contained in:
Aaron Yarborough 2024-03-04 21:03:03 +00:00
parent a92edcca88
commit e4a327efb0
9 changed files with 72 additions and 70 deletions

View file

@ -1,6 +1,6 @@
/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: true,
};
reactStrictMode: true
}
export default nextConfig;
export default nextConfig

View file

@ -6,7 +6,8 @@
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
"link": "npx standard",
"format": "npx standard --fix"
},
"dependencies": {
"next": "14.1.1",

View file

@ -1,31 +1,31 @@
import React from "react";
import React from 'react'
/**
* Sets default values for external links on an anchor tag.
* @returns
* @returns
*/
function ExternalLink({
function ExternalLink ({
href,
rel = "nofollow noopener",
rel = 'nofollow noopener',
children,
target = "_blank",
target = '_blank'
}) {
return (
<>
<a href={href} rel={rel} target={target}>
<svg
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
style={{ display: "inline", width: "1rem", marginRight: "0.25rem"}}
viewBox='0 0 24 24'
xmlns='http://www.w3.org/2000/svg'
style={{ display: 'inline', width: '1rem', marginRight: '0.25rem' }}
>
<g>
<path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794-1.414-1.414L17.585 5H13V3h8z" />
<path fill='currentColor' d='M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794-1.414-1.414L17.585 5H13V3h8z' />
</g>
</svg>
{children}
</a>
</>
);
)
}
export default ExternalLink;
export default ExternalLink

View file

@ -1,15 +1,15 @@
import React from "react";
import React from 'react'
function Footer() {
function Footer () {
return (
<footer>
<nav>
<ul>
<li>
<a href="#">back to top</a>
<a href='#'>back to top</a>
</li>
<li>
<a href="mailto:me@aaronjy.me">send me an email</a>
<a href='mailto:me@aaronjy.me'>send me an email</a>
</li>
</ul>
</nav>
@ -18,19 +18,19 @@ function Footer() {
<ul>
<li>
<small>
2024 Aaron Yarborough, made with{" "}
2024 Aaron Yarborough, made with{' '}
<a
target="_blank"
rel="nofollow noopener"
href="https://nextjs.org/"
target='_blank'
rel='nofollow noopener noreferrer'
href='https://nextjs.org/'
>
Next.js
</a>{" "}
and{" "}
</a>{' '}
and{' '}
<a
target="_blank"
rel="nofollow noopener"
href="https://yegor256.github.io/tacit/"
target='_blank'
rel='nofollow noopener noreferrer'
href='https://yegor256.github.io/tacit/'
>
Tacit
</a>
@ -39,7 +39,7 @@ function Footer() {
</ul>
</nav>
</footer>
);
)
}
export default Footer;
export default Footer

View file

@ -1,24 +1,24 @@
import Link from "next/link";
import React from "react";
import Link from 'next/link'
import React from 'react'
function Header() {
function Header () {
return (
<header>
<nav>
<ul>
<li>
<Link href={"/"}>home</Link>
<Link href='/'>home</Link>
</li>
<li>
<Link href={"/writing"}>writing</Link>
<Link href='/writing'>writing</Link>
</li>
<li>
<Link href={"/recipes"}>recipes</Link>
<Link href='/recipes'>recipes</Link>
</li>
</ul>
</nav>
</header>
);
)
}
export default Header;
export default Header

View file

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

View file

@ -1,15 +1,15 @@
import { Html, Head, Main, NextScript } from "next/document";
import { Html, Head, Main, NextScript } from 'next/document'
export default function Document() {
export default function Document () {
return (
<Html lang="en">
<Html lang='en'>
<Head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/yegor256/tacit@gh-pages/tacit-css-1.7.1.min.css"/>
<link rel='stylesheet' href='https://cdn.jsdelivr.net/gh/yegor256/tacit@gh-pages/tacit-css-1.7.1.min.css' />
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
)
}

View file

@ -1,14 +1,14 @@
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 Footer from '@/components/Footer'
import Header from '@/components/Header'
import ExternalLink from '@/components/ExternalLink'
export default function Home() {
export default function Home () {
return (
<>
<Head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.ico" />
<meta name='viewport' content='width=device-width, initial-scale=1' />
<link rel='icon' href='/favicon.ico' />
</Head>
<Header />
@ -48,7 +48,7 @@ export default function Home() {
film.&quot;
</p>
<p>
<ExternalLink href="https://letterboxd.com/aaronyarbz/">
<ExternalLink href='https://letterboxd.com/aaronyarbz/'>
See what I&apos;ve watched recently.
</ExternalLink>
</p>
@ -59,7 +59,7 @@ export default function Home() {
I&apos;ve been working on here!
</p>
<p>
<ExternalLink href="https://github.com/AaronJY">
<ExternalLink href='https://github.com/AaronJY'>
Check out what I&apos;ve been working on.
</ExternalLink>
</p>
@ -70,7 +70,7 @@ export default function Home() {
have to be 😩
</p>
<p>
<ExternalLink href="https://www.linkedin.com/in/aaronjyarborough/">
<ExternalLink href='https://www.linkedin.com/in/aaronjyarborough/'>
Be creepy and stalk me on LinkedIn.
</ExternalLink>
</p>
@ -81,7 +81,7 @@ export default function Home() {
and book a class if it suits you.
</p>
<p>
<ExternalLink href="https://tutoring.yarbz.digital">
<ExternalLink href='https://tutoring.yarbz.digital'>
Read more about my tutoring side-gig.
</ExternalLink>
</p>
@ -89,5 +89,5 @@ export default function Home() {
<Footer />
</>
);
)
}

View file

@ -1,7 +1,7 @@
import Footer from "@/components/Footer";
import Header from "@/components/Header";
import Footer from '@/components/Footer'
import Header from '@/components/Header'
export default function Writing() {
export default function Writing () {
return (
<>
<Header />
@ -11,7 +11,7 @@ export default function Writing() {
<section>
<i>Nothing to see here yet!</i>
</section>
<Footer/>
<Footer />
</>
);
)
}