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

Format

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
next.config.mjs
View file

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

3
package.json
View file

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

22
src/components/ExternalLink.jsx
View file

@ -1,31 +1,31 @@
import React from "react"; import React from 'react'
/** /**
* Sets default values for external links on an anchor tag. * Sets default values for external links on an anchor tag.
* @returns * @returns
*/ */
function ExternalLink({ function ExternalLink ({
href, href,
rel = "nofollow noopener", rel = 'nofollow noopener',
children, children,
target = "_blank", target = '_blank'
}) { }) {
return ( return (
<> <>
<a href={href} rel={rel} target={target}> <a href={href} rel={rel} target={target}>
<svg <svg
viewBox="0 0 24 24" viewBox='0 0 24 24'
xmlns="http://www.w3.org/2000/svg" xmlns='http://www.w3.org/2000/svg'
style={{ display: "inline", width: "1rem", marginRight: "0.25rem"}} style={{ display: 'inline', width: '1rem', marginRight: '0.25rem' }}
> >
<g> <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> </g>
</svg> </svg>
{children} {children}
</a> </a>
</> </>
); )
} }
export default ExternalLink; export default ExternalLink

30
src/components/Footer.jsx
View file

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

16
src/components/Header.jsx
View file

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

21
src/pages/_app.js
View file

@ -1,14 +1,15 @@
import "@/styles/globals.css"; import '@/styles/globals.css'
import { Inter } from "next/font/google"; import { Inter } from 'next/font/google'
import { DefaultSeo } from "next-seo"; 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 }) {
export default function App({ Component, pageProps }) { return (
return <main className={inter.className}> <main className={inter.className}>
<DefaultSeo defaultTitle="Aaron Yarborough" titleTemplate="%s | Aaron Yarborough"/> <DefaultSeo defaultTitle='Aaron Yarborough' titleTemplate='%s | Aaron Yarborough' />
<Component {...pageProps} /> <Component {...pageProps} />
</main> </main>
)
} }

10
src/pages/_document.js
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 ( return (
<Html lang="en"> <Html lang='en'>
<Head> <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> </Head>
<body> <body>
<Main /> <Main />
<NextScript /> <NextScript />
</body> </body>
</Html> </Html>
); )
} }

24
src/pages/index.js
View file

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

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

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