jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-10-30 01:35:47 -04:00
Code Issues Activity

static header and footer were being re-rendered on every route change

Browse Source
This commit is contained in:
Jake Jarvis
2022-01-06 19:58:07 -05:00
parent 66a244a9c1
commit 17375ef876
19 changed files with 2515 additions and 2572 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
components/Container.module.scss
View File

@@ -1,5 +0,0 @@
.container {
max-width: 865px;
margin: 0 auto;
display: block;
}

26
components/Container.tsx
View File

@@ -1,26 +0,0 @@
import { NextSeo } from "next-seo";
import styles from "./Container.module.scss";
type Props = {
title?: string;
description?: string;
children: unknown;
};
const Container = ({ title, description, children }: Props) => {
return (
<>
<NextSeo
title={title}
description={description}
openGraph={{
title: title,
}}
/>
<div className={styles.container}>{children}</div>
</>
);
};
export default Container;

6
components/Layout.module.scss
View File

@@ -5,6 +5,12 @@
background-color: var(--background-inner);
}
.container {
max-width: 865px;
margin: 0 auto;
display: block;
}
@media screen and (max-width: 768px) {
.main {
padding: 1.25em;

25
components/Layout.tsx
View File

@@ -1,13 +1,26 @@
import Header from "./page-header/Header";
import Footer from "./page-footer/Footer";
import { NextSeo } from "next-seo";
import styles from "./Layout.module.scss";
const Layout = ({ children }) => (
type Props = {
title?: string;
description?: string;
children: unknown;
};
const Layout = ({ title, description, children }: Props) => (
<>
<Header />
<main className={styles.main}>{children}</main>
<Footer />
<NextSeo
title={title}
description={description}
openGraph={{
title: title,
}}
/>
<main className={styles.main}>
<div className={styles.container}>{children}</div>
</main>
</>
);

5
components/page-header/ThemeToggle.tsx
View File

@@ -9,7 +9,10 @@ const ThemeToggle = ({ className = "" }) => {
// avoid hydration mismatch:
// https://github.com/pacocoursey/next-themes#avoid-hydration-mismatch
useEffect(() => setMounted(true), []);
if (!mounted) return null;
if (!mounted) {
// always return one of the bulbs just so there are never flashing layout shifts
return <BulbOffIcon className={`icon ${className}`} />;
}
return (
<button

4
pages/_app.tsx
View File

@@ -3,6 +3,8 @@ import { useRouter } from "next/router";
import { ThemeProvider } from "next-themes";
import { DefaultSeo, SocialProfileJsonLd } from "next-seo";
import * as Fathom from "fathom-client";
import Header from "../components/page-header/Header";
import Footer from "../components/page-footer/Footer";
import * as config from "../lib/config";
import type { AppProps } from "next/app";
@@ -182,7 +184,9 @@ const App = ({ Component, pageProps }: AppProps) => {
/>
<ThemeProvider>
<Header />
<Component {...pageProps} />
<Footer />
</ThemeProvider>
</>
);

5
pages/birthday.tsx
View File

@@ -1,5 +1,4 @@
import Layout from "../components/Layout";
import Container from "../components/Container";
import Content from "../components/Content";
import PageTitle from "../components/page/PageTitle";
import Video from "../components/video/Video";
@@ -8,8 +7,7 @@ import { TapeIcon } from "../components/icons";
import thumbnail from "../public/static/images/birthday/thumb.png";
const Birthday = () => (
<Layout>
<Container
<Layout
title="🎉 Cranky Birthday Boy on VHS Tape 📼"
description="The origin of my hatred for the Happy Birthday song."
>
@@ -40,7 +38,6 @@ const Birthday = () => (
controls={true}
/>
</Content>
</Container>
</Layout>
);

5
pages/cli.tsx
View File

@@ -1,6 +1,5 @@
import Image from "next/image";
import Layout from "../components/Layout";
import Container from "../components/Container";
import Content from "../components/Content";
import PageTitle from "../components/page/PageTitle";
import { BotIcon } from "../components/icons";
@@ -8,8 +7,7 @@ import { BotIcon } from "../components/icons";
import cliImg from "../public/static/images/cli/screenshot.png";
const CLI = () => (
<Layout>
<Container title="CLI" description="AKA, the most useless Node module ever published, in history, by anyone, ever.">
<Layout title="CLI" description="AKA, the most useless Node module ever published, in history, by anyone, ever.">
<PageTitle
title={
<>
@@ -84,7 +82,6 @@ const CLI = () => (
</a>
</p>
</Content>
</Container>
</Layout>
);

5
pages/contact.tsx
View File

@@ -1,12 +1,10 @@
import Layout from "../components/Layout";
import Container from "../components/Container";
import PageTitle from "../components/page/PageTitle";
import ContactForm from "../components/contact/ContactForm";
import { MailIcon, LockIcon } from "../components/icons";
const Contact = () => (
<Layout>
<Container title="Contact Me">
<Layout title="Contact Me">
<PageTitle
title={
<>
@@ -52,7 +50,6 @@ const Contact = () => (
white-space: normal;
}
`}</style>
</Container>
</Layout>
);

5
pages/hillary.tsx
View File

@@ -1,5 +1,4 @@
import Layout from "../components/Layout";
import Container from "../components/Container";
import Content from "../components/Content";
import PageTitle from "../components/page/PageTitle";
import Video from "../components/video/Video";
@@ -7,8 +6,7 @@ import Video from "../components/video/Video";
import thumbnail from "../public/static/images/hillary/thumb.png";
const Hillary = () => (
<Layout>
<Container
<Layout
title="My Brief Apperance in Hillary Clinton's DNC Video"
description="My brief apperance in one of Hillary Clinton's 2016 DNC convention videos on substance abuse."
>
@@ -70,7 +68,6 @@ const Hillary = () => (
}
`}</style>
</Content>
</Container>
</Layout>
);

3
pages/index.tsx
View File

@@ -2,7 +2,6 @@ import Link from "next/link";
import isAbsoluteUrl from "is-absolute-url";
import { colord } from "colord";
import Layout from "../components/Layout";
import Container from "../components/Container";
import { WaveIcon, LockIcon } from "../components/icons";
type ColorLinkProps = {
@@ -42,7 +41,6 @@ const ColorLink = ({ href, title, lightColor, darkColor, external = false, child
const Index = () => (
<Layout>
<Container>
<h1>
Hi there! I'm Jake.{" "}
<span className="wave">
@@ -378,7 +376,6 @@ const Index = () => (
}
}
`}</style>
</Container>
</Layout>
);

5
pages/leo.tsx
View File

@@ -1,5 +1,4 @@
import Layout from "../components/Layout";
import Container from "../components/Container";
import Content from "../components/Content";
import PageTitle from "../components/page/PageTitle";
import Video from "../components/video/Video";
@@ -8,8 +7,7 @@ import thumbnail from "../public/static/images/leo/thumb.png";
const Leo = () => (
<>
<Layout>
<Container
<Layout
title='Facebook App on "The Lab with Leo Laporte"'
description="Powncer app featured in Leo Laporte's TechTV show."
>
@@ -71,7 +69,6 @@ const Leo = () => (
}
`}</style>
</Content>
</Container>
</Layout>
</>
);

168
pages/license.tsx
View File

@@ -1,12 +1,10 @@
import Layout from "../components/Layout";
import Container from "../components/Container";
import Content from "../components/Content";
import PageTitle from "../components/page/PageTitle";
import { LicenseIcon } from "../components/icons";
const License = () => (
<Layout>
<Container title="License">
<Layout title="License">
<PageTitle
title={
<>
@@ -68,28 +66,28 @@ const License = () => (
legal advice. Distribution of Creative Commons public licenses does not create a lawyer-client or other
relationship. Creative Commons makes its licenses and related information available on an "as-is" basis.
Creative Commons gives no warranties regarding its licenses, any material licensed under their terms and
conditions, or any related information. Creative Commons disclaims all liability for damages resulting
from their use to the fullest extent possible.
conditions, or any related information. Creative Commons disclaims all liability for damages resulting from
their use to the fullest extent possible.
</em>
</p>
</blockquote>
<h3>Using Creative Commons Public Licenses</h3>
<p>
Creative Commons public licenses provide a standard set of terms and conditions that creators and other rights
holders may use to share original works of authorship and other material subject to copyright and certain
other rights specified in the public license below. The following considerations are for informational
purposes only, are not exhaustive, and do not form part of our licenses.
holders may use to share original works of authorship and other material subject to copyright and certain other
rights specified in the public license below. The following considerations are for informational purposes only,
are not exhaustive, and do not form part of our licenses.
</p>
<ul>
<li>
<p>
<strong>Considerations for licensors:</strong> Our public licenses are intended for use by those
authorized to give the public permission to use material in ways otherwise restricted by copyright and
certain other rights. Our licenses are irrevocable. Licensors should read and understand the terms and
conditions of the license they choose before applying it. Licensors should also secure all rights
necessary before applying our licenses so that the public can reuse the material as expected. Licensors
should clearly mark any material not subject to the license. This includes other CC-licensed material, or
material used under an exception or limitation to copyright.{" "}
<strong>Considerations for licensors:</strong> Our public licenses are intended for use by those authorized
to give the public permission to use material in ways otherwise restricted by copyright and certain other
rights. Our licenses are irrevocable. Licensors should read and understand the terms and conditions of the
license they choose before applying it. Licensors should also secure all rights necessary before applying
our licenses so that the public can reuse the material as expected. Licensors should clearly mark any
material not subject to the license. This includes other CC-licensed material, or material used under an
exception or limitation to copyright.{" "}
<a
href="https://wiki.creativecommons.org/Considerations_for_licensors_and_licensees#Considerations_for_licensors"
target="_blank"
@@ -104,12 +102,12 @@ const License = () => (
<p>
<strong>Considerations for the public:</strong> By using one of our public licenses, a licensor grants the
public permission to use the licensed material under specified terms and conditions. If the licensor's
permission is not necessary for any reason–for example, because of any applicable exception or limitation
to copyright–then that use is not regulated by the license. Our licenses grant only permissions under
copyright and certain other rights that a licensor has authority to grant. Use of the licensed material
may still be restricted for other reasons, including because others have copyright or other rights in the
material. A licensor may make special requests, such as asking that all changes be marked or described.
Although not required by our licenses, you are encouraged to respect those requests where reasonable.{" "}
permission is not necessary for any reason–for example, because of any applicable exception or limitation to
copyright–then that use is not regulated by the license. Our licenses grant only permissions under copyright
and certain other rights that a licensor has authority to grant. Use of the licensed material may still be
restricted for other reasons, including because others have copyright or other rights in the material. A
licensor may make special requests, such as asking that all changes be marked or described. Although not
required by our licenses, you are encouraged to respect those requests where reasonable.{" "}
<a
href="https://wiki.creativecommons.org/Considerations_for_licensors_and_licensees#Considerations_for_licensees"
target="_blank"
@@ -123,19 +121,18 @@ const License = () => (
</ul>
<h3>Licensed Rights</h3>
<p>
By exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and
conditions of this Creative Commons Attribution 4.0 International Public License ("Public License"). To the
extent this Public License may be interpreted as a contract, You are granted the Licensed Rights in
consideration of Your acceptance of these terms and conditions, and the Licensor grants You such rights in
consideration of benefits the Licensor receives from making the Licensed Material available under these terms
and conditions.
By exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions
of this Creative Commons Attribution 4.0 International Public License ("Public License"). To the extent this
Public License may be interpreted as a contract, You are granted the Licensed Rights in consideration of Your
acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits
the Licensor receives from making the Licensed Material available under these terms and conditions.
</p>
<h3>Section 1 – Definitions.</h3>
<p>
a. <strong>Adapted Material</strong> means material subject to Copyright and Similar Rights that is derived
from or based upon the Licensed Material and in which the Licensed Material is translated, altered, arranged,
transformed, or otherwise modified in a manner requiring permission under the Copyright and Similar Rights
held by the Licensor. For purposes of this Public License, where the Licensed Material is a musical work,
a. <strong>Adapted Material</strong> means material subject to Copyright and Similar Rights that is derived from
or based upon the Licensed Material and in which the Licensed Material is translated, altered, arranged,
transformed, or otherwise modified in a manner requiring permission under the Copyright and Similar Rights held
by the Licensor. For purposes of this Public License, where the Licensed Material is a musical work,
performance, or sound recording, Adapted Material is always produced where the Licensed Material is synched in
timed relation with a moving image.
</p>
@@ -159,13 +156,13 @@ const License = () => (
limitation to Copyright and Similar Rights that applies to Your use of the Licensed Material.
</p>
<p>
f. <strong>Licensed Material</strong> means the artistic or literary work, database, or other material to
which the Licensor applied this Public License.
f. <strong>Licensed Material</strong> means the artistic or literary work, database, or other material to which
the Licensor applied this Public License.
</p>
<p>
g. <strong>Licensed Rights</strong> means the rights granted to You subject to the terms and conditions of
this Public License, which are limited to all Copyright and Similar Rights that apply to Your use of the
Licensed Material and that the Licensor has authority to license.
g. <strong>Licensed Rights</strong> means the rights granted to You subject to the terms and conditions of this
Public License, which are limited to all Copyright and Similar Rights that apply to Your use of the Licensed
Material and that the Licensor has authority to license.
</p>
<p>
h. <strong>Licensor</strong> means the individual(s) or entity(ies) granting rights under this Public License.
@@ -178,12 +175,12 @@ const License = () => (
</p>
<p>
j. <strong>Sui Generis Database Rights</strong> means rights other than copyright resulting from Directive
96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases,
as amended and/or succeeded, as well as other essentially equivalent rights anywhere in the world.
96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, as
amended and/or succeeded, as well as other essentially equivalent rights anywhere in the world.
</p>
<p>
k. <strong>You</strong> means the individual or entity exercising the Licensed Rights under this Public
License. <strong>Your</strong> has a corresponding meaning.
k. <strong>You</strong> means the individual or entity exercising the Licensed Rights under this Public License.{" "}
<strong>Your</strong> has a corresponding meaning.
</p>
<h3>Section 2 – Scope.</h3>
<p>
@@ -216,13 +213,13 @@ const License = () => (
</li>
<li>
<p>
<strong>Media and formats; technical modifications allowed.</strong> The Licensor authorizes You to
exercise the Licensed Rights in all media and formats whether now known or hereafter created, and to make
technical modifications necessary to do so. The Licensor waives and/or agrees not to assert any right or
authority to forbid You from making technical modifications necessary to exercise the Licensed Rights,
including technical modifications necessary to circumvent Effective Technological Measures. For purposes
of this Public License, simply making modifications authorized by this Section 2(a)(4) never produces
Adapted Material.
<strong>Media and formats; technical modifications allowed.</strong> The Licensor authorizes You to exercise
the Licensed Rights in all media and formats whether now known or hereafter created, and to make technical
modifications necessary to do so. The Licensor waives and/or agrees not to assert any right or authority to
forbid You from making technical modifications necessary to exercise the Licensed Rights, including
technical modifications necessary to circumvent Effective Technological Measures. For purposes of this
Public License, simply making modifications authorized by this Section 2(a)(4) never produces Adapted
Material.
</p>
</li>
<li>
@@ -236,16 +233,16 @@ const License = () => (
</p>
<p>
B. <strong>No downstream restrictions.</strong> You may not offer or impose any additional or different
terms or conditions on, or apply any Effective Technological Measures to, the Licensed Material if doing
so restricts exercise of the Licensed Rights by any recipient of the Licensed Material.
terms or conditions on, or apply any Effective Technological Measures to, the Licensed Material if doing so
restricts exercise of the Licensed Rights by any recipient of the Licensed Material.
</p>
</li>
<li>
<p>
<strong>No endorsement.</strong> Nothing in this Public License constitutes or may be construed as
permission to assert or imply that You are, or that Your use of the Licensed Material is, connected with,
or sponsored, endorsed, or granted official status by, the Licensor or others designated to receive
attribution as provided in Section 3(a)(1)(A)(i).
permission to assert or imply that You are, or that Your use of the Licensed Material is, connected with, or
sponsored, endorsed, or granted official status by, the Licensor or others designated to receive attribution
as provided in Section 3(a)(1)(A)(i).
</p>
</li>
</ol>
@@ -258,10 +255,10 @@ const License = () => (
<ol>
<li>
<p>
Moral rights, such as the right of integrity, are not licensed under this Public License, nor are
publicity, privacy, and/or other similar personality rights; however, to the extent possible, the Licensor
waives and/or agrees not to assert any such rights held by the Licensor to the limited extent necessary to
allow You to exercise the Licensed Rights, but not otherwise.
Moral rights, such as the right of integrity, are not licensed under this Public License, nor are publicity,
privacy, and/or other similar personality rights; however, to the extent possible, the Licensor waives
and/or agrees not to assert any such rights held by the Licensor to the limited extent necessary to allow
You to exercise the Licensed Rights, but not otherwise.
</p>
</li>
<li>
@@ -269,10 +266,10 @@ const License = () => (
</li>
<li>
<p>
To the extent possible, the Licensor waives any right to collect royalties from You for the exercise of
the Licensed Rights, whether directly or through a collecting society under any voluntary or waivable
statutory or compulsory licensing scheme. In all other cases the Licensor expressly reserves any right to
collect such royalties.
To the extent possible, the Licensor waives any right to collect royalties from You for the exercise of the
Licensed Rights, whether directly or through a collecting society under any voluntary or waivable statutory
or compulsory licensing scheme. In all other cases the Licensor expressly reserves any right to collect such
royalties.
</p>
</li>
</ol>
@@ -301,8 +298,8 @@ const License = () => (
and
</p>
<p>
C. indicate the Licensed Material is licensed under this Public License, and include the text of, or the
URI or hyperlink to, this Public License.
C. indicate the Licensed Material is licensed under this Public License, and include the text of, or the URI
or hyperlink to, this Public License.
</p>
</li>
<li>
@@ -330,17 +327,17 @@ const License = () => (
Where the Licensed Rights include Sui Generis Database Rights that apply to Your use of the Licensed Material:
</p>
<p>
a. for the avoidance of doubt, Section 2(a)(1) grants You the right to extract, reuse, reproduce, and Share
all or a substantial portion of the contents of the database;
a. for the avoidance of doubt, Section 2(a)(1) grants You the right to extract, reuse, reproduce, and Share all
or a substantial portion of the contents of the database;
</p>
<p>
b. if You include all or a substantial portion of the database contents in a database in which You have Sui
Generis Database Rights, then the database in which You have Sui Generis Database Rights (but not its
individual contents) is Adapted Material; and
Generis Database Rights, then the database in which You have Sui Generis Database Rights (but not its individual
contents) is Adapted Material; and
</p>
<p>
c. You must comply with the conditions in Section 3(a) if You Share all or a substantial portion of the
contents of the database.
c. You must comply with the conditions in Section 3(a) if You Share all or a substantial portion of the contents
of the database.
</p>
<p>
For the avoidance of doubt, this Section 4 supplements and does not replace Your obligations under this Public
@@ -353,20 +350,20 @@ const License = () => (
Unless otherwise separately undertaken by the Licensor, to the extent possible, the Licensor offers the
Licensed Material as-is and as-available, and makes no representations or warranties of any kind concerning
the Licensed Material, whether express, implied, statutory, or other. This includes, without limitation,
warranties of title, merchantability, fitness for a particular purpose, non-infringement, absence of latent
or other defects, accuracy, or the presence or absence of errors, whether or not known or discoverable.
Where disclaimers of warranties are not allowed in full or in part, this disclaimer may not apply to You.
warranties of title, merchantability, fitness for a particular purpose, non-infringement, absence of latent or
other defects, accuracy, or the presence or absence of errors, whether or not known or discoverable. Where
disclaimers of warranties are not allowed in full or in part, this disclaimer may not apply to You.
</strong>
</p>
<p>
b.{" "}
<strong>
To the extent possible, in no event will the Licensor be liable to You on any legal theory (including,
without limitation, negligence) or otherwise for any direct, special, indirect, incidental, consequential,
punitive, exemplary, or other losses, costs, expenses, or damages arising out of this Public License or use
of the Licensed Material, even if the Licensor has been advised of the possibility of such losses, costs,
expenses, or damages. Where a limitation of liability is not allowed in full or in part, this limitation may
not apply to You.
To the extent possible, in no event will the Licensor be liable to You on any legal theory (including, without
limitation, negligence) or otherwise for any direct, special, indirect, incidental, consequential, punitive,
exemplary, or other losses, costs, expenses, or damages arising out of this Public License or use of the
Licensed Material, even if the Licensor has been advised of the possibility of such losses, costs, expenses,
or damages. Where a limitation of liability is not allowed in full or in part, this limitation may not apply
to You.
</strong>
</p>
<p>
@@ -402,8 +399,8 @@ const License = () => (
<p>d. Sections 1, 5, 6, 7, and 8 survive termination of this Public License.</p>
<h3>Section 7 – Other Terms and Conditions.</h3>
<p>
a. The Licensor shall not be bound by any additional or different terms or conditions communicated by You
unless expressly agreed.
a. The Licensor shall not be bound by any additional or different terms or conditions communicated by You unless
expressly agreed.
</p>
<p>
b. Any arrangements, understandings, or agreements regarding the Licensed Material not stated herein are
@@ -433,8 +430,8 @@ const License = () => (
<blockquote>
<p>
Creative Commons is not a party to its public licenses. Notwithstanding, Creative Commons may elect to apply
one of its public licenses to material it publishes and in those instances will be considered the
"Licensor." The text of the Creative Commons public licenses is dedicated to the public domain under the{" "}
one of its public licenses to material it publishes and in those instances will be considered the "Licensor."
The text of the Creative Commons public licenses is dedicated to the public domain under the{" "}
<a
href="https://creativecommons.org/publicdomain/zero/1.0/legalcode"
target="_blank"
@@ -442,16 +439,16 @@ const License = () => (
>
<em>CC0 Public Domain Dedication</em>
</a>
. Except for the limited purpose of indicating that material is shared under a Creative Commons public
license or as otherwise permitted by the Creative Commons policies published at{" "}
. Except for the limited purpose of indicating that material is shared under a Creative Commons public license
or as otherwise permitted by the Creative Commons policies published at{" "}
<a href="https://creativecommons.org/policies" target="_blank" rel="noopener noreferrer">
creativecommons.org/policies
</a>
, Creative Commons does not authorize the use of the trademark "Creative Commons" or any other trademark or
logo of Creative Commons without its prior written consent including, without limitation, in connection with
any unauthorized modifications to any of its public licenses or any other arrangements, understandings, or
agreements concerning use of licensed material. For the avoidance of doubt, this paragraph does not form
part of the public licenses.
agreements concerning use of licensed material. For the avoidance of doubt, this paragraph does not form part
of the public licenses.
</p>
<p>
Creative Commons may be contacted at{" "}
@@ -462,7 +459,6 @@ const License = () => (
</p>
</blockquote>
</Content>
</Container>
</Layout>
);

3
pages/notes/[slug].tsx
View File

@@ -2,7 +2,6 @@ import { MDXRemote } from "next-mdx-remote";
import { serialize } from "next-mdx-remote/serialize";
import { NextSeo, ArticleJsonLd } from "next-seo";
import Layout from "../../components/Layout";
import Container from "../../components/Container";
import Content from "../../components/Content";
import Meta from "../../components/notes/Meta";
import mdxComponents from "../../components/mdxComponents";
@@ -55,14 +54,12 @@ const Note = ({ frontMatter, source }) => (
/>
<Layout>
<Container>
<Meta {...frontMatter} />
<Content>
<div className="markdown">
<MDXRemote {...source} components={mdxComponents} />
</div>
</Content>
</Container>
</Layout>
</>
);

5
pages/notes/index.tsx
View File

@@ -1,15 +1,12 @@
import { format } from "date-fns";
import Layout from "../../components/Layout";
import Container from "../../components/Container";
import List from "../../components/notes/List";
import { getAllNotes } from "../../lib/parse-notes";
import type { GetStaticProps } from "next";
const Notes = ({ notesByYear }) => (
<Layout>
<Container title="Notes" description="Recent posts by Jake Jarvis.">
<Layout title="Notes" description="Recent posts by Jake Jarvis.">
<List notesByYear={notesByYear} />
</Container>
</Layout>
);

5
pages/previously.tsx
View File

@@ -2,7 +2,6 @@
import Image from "next/image";
import Layout from "../components/Layout";
import Container from "../components/Container";
import Content from "../components/Content";
import PageTitle from "../components/page/PageTitle";
import { FloppyIcon, SirenIcon } from "../components/icons";
@@ -23,8 +22,7 @@ import img_2018_04 from "../public/static/images/previously/2018_04.png";
const Previously = () => (
<>
<Layout>
<Container
<Layout
title="Previously on..."
description="An incredibly embarrassing and somewhat painful down of this site's memory lane..."
>
@@ -199,7 +197,6 @@ const Previously = () => (
</figcaption>
</figure>
</Content>
</Container>
</Layout>
<style jsx global>{`
body {

5
pages/privacy.tsx
View File

@@ -1,7 +1,6 @@
import Image from "next/image";
import Link from "next/link";
import Layout from "../components/Layout";
import Container from "../components/Container";
import Content from "../components/Content";
import PageTitle from "../components/page/PageTitle";
import { PrivacyIcon } from "../components/icons";
@@ -9,8 +8,7 @@ import { PrivacyIcon } from "../components/icons";
import faunaImg from "../public/static/images/privacy/fauna_hits.png";
const Privacy = () => (
<Layout>
<Container title="Privacy">
<Layout title="Privacy">
<PageTitle
title={
<>
@@ -213,7 +211,6 @@ const Privacy = () => (
, for what it's worth. (A few cents, probably... 💰)
</p>
</Content>
</Container>
</Layout>
);

5
pages/projects.tsx
View File

@@ -1,14 +1,12 @@
import { graphql } from "@octokit/graphql";
import Layout from "../components/Layout";
import Container from "../components/Container";
import PageTitle from "../components/page/PageTitle";
import RepoCard from "../components/projects/RepoCard";
import { ProjectsIcon } from "../components/icons";
import type { GetStaticProps } from "next";
const Projects = ({ repos }) => (
<Layout>
<Container title="Projects">
<Layout title="Projects">
<PageTitle
title={
<>
@@ -52,7 +50,6 @@ const Projects = ({ repos }) => (
}
`}</style>
</p>
</Container>
</Layout>
);

27
pages/uses.tsx
View File

@@ -1,7 +1,6 @@
import Image from "next/image";
import Link from "next/link";
import Layout from "../components/Layout";
import Container from "../components/Container";
import Content from "../components/Content";
import PageTitle from "../components/page/PageTitle";
import { LaptopIcon } from "../components/icons";
@@ -9,8 +8,7 @@ import { LaptopIcon } from "../components/icons";
import desktopImg from "../public/static/images/uses/bigsur.png";
const Uses = () => (
<Layout>
<Container title="/uses" description="Things I use daily.">
<Layout title="/uses" description="Things I use daily.">
<PageTitle
title={
<>
@@ -191,11 +189,7 @@ const Uses = () => (
</a>
<ul>
<li>
<a
href="https://github.com/zsh-users/zsh-autosuggestions"
target="_blank"
rel="noopener noreferrer"
>
<a href="https://github.com/zsh-users/zsh-autosuggestions" target="_blank" rel="noopener noreferrer">
zsh-autosuggestions
</a>
</li>
@@ -417,11 +411,7 @@ const Uses = () => (
<ul>
<li>
Switched from VMware Fusion when Parallels beat them to the punch with{" "}
<a
href="https://www.parallels.com/blogs/parallels-desktop-m1/"
target="_blank"
rel="noopener noreferrer"
>
<a href="https://www.parallels.com/blogs/parallels-desktop-m1/" target="_blank" rel="noopener noreferrer">
M1 support
</a>
.
@@ -434,8 +424,8 @@ const Uses = () => (
</a>
<ul>
<li>
For connecting to remote servers and my <a href="#home">"homelab"</a> without exposing ports to the
world. Highly recommended!
For connecting to remote servers and my <a href="#home">"homelab"</a> without exposing ports to the world.
Highly recommended!
</li>
</ul>
</li>
@@ -451,11 +441,7 @@ const Uses = () => (
<ul>
<li>
Still on the $20/month{" "}
<a
href="https://www.adobe.com/creativecloud/buy/students.html"
target="_blank"
rel="noopener noreferrer"
>
<a href="https://www.adobe.com/creativecloud/buy/students.html" target="_blank" rel="noopener noreferrer">
Student Plan
</a>
, somehow. 🤫 Will need to re-evaulate once I'm kicked off; it's hard to justify spending almost 3x
@@ -1084,7 +1070,6 @@ const Uses = () => (
</li>
</ul>
</Content>
</Container>
</Layout>
);