Format
This commit is contained in:
parent
a92edcca88
commit
e4a327efb0
9 changed files with 72 additions and 70 deletions
|
@ -1,6 +1,6 @@
|
|||
/** @type {import('next').NextConfig} */
|
||||
const nextConfig = {
|
||||
reactStrictMode: true,
|
||||
};
|
||||
reactStrictMode: true
|
||||
}
|
||||
|
||||
export default nextConfig;
|
||||
export default nextConfig
|
||||
|
|
|
@ -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",
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
)
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
)
|
||||
}
|
||||
|
|
|
@ -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."
|
||||
</p>
|
||||
<p>
|
||||
<ExternalLink href="https://letterboxd.com/aaronyarbz/">
|
||||
<ExternalLink href='https://letterboxd.com/aaronyarbz/'>
|
||||
See what I've watched recently.
|
||||
</ExternalLink>
|
||||
</p>
|
||||
|
@ -59,7 +59,7 @@ export default function Home() {
|
|||
I've been working on here!
|
||||
</p>
|
||||
<p>
|
||||
<ExternalLink href="https://github.com/AaronJY">
|
||||
<ExternalLink href='https://github.com/AaronJY'>
|
||||
Check out what I'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 />
|
||||
</>
|
||||
);
|
||||
)
|
||||
}
|
||||
|
|
|
@ -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 />
|
||||
</>
|
||||
);
|
||||
)
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue