From 98ea88dae939abfd84574f061463057f13bddad9 Mon Sep 17 00:00:00 2001 From: Jake Jarvis Date: Fri, 18 Apr 2025 12:11:16 -0400 Subject: [PATCH] a bunch of cleanup, mostly of my messy css hacks over the years --- app/birthday/page.tsx | 8 ++ app/contact/form.module.css | 15 ++- app/contact/form.tsx | 22 ++-- app/contact/page.tsx | 11 +- app/hillary/page.tsx | 8 ++ app/layout.module.css | 1 - app/leo/page.tsx | 8 ++ app/notes/[slug]/page.module.css | 14 ++- app/notes/[slug]/page.tsx | 37 +++--- app/page.module.css | 1 - app/page.tsx | 2 +- app/previously/page.mdx | 11 +- app/projects/page.tsx | 9 +- components/Footer/Footer.module.css | 4 +- components/Footer/Footer.tsx | 8 +- components/Header/Header.module.css | 2 +- components/Menu/Menu.module.css | 6 +- components/Menu/Menu.tsx | 8 +- components/MenuItem/MenuItem.module.css | 9 +- components/ThemeToggle/ThemeToggle.module.css | 3 +- lib/helpers/posts.ts | 113 +++++++++--------- next.config.ts | 11 +- notes/coronavirus-open-source/index.mdx | 7 +- package.json | 7 +- pnpm-lock.yaml | 80 ++++++------- 25 files changed, 221 insertions(+), 184 deletions(-) diff --git a/app/birthday/page.tsx b/app/birthday/page.tsx index 1bef9811..baa16f98 100644 --- a/app/birthday/page.tsx +++ b/app/birthday/page.tsx @@ -15,6 +15,14 @@ export const metadata = addMetadata({ alternates: { canonical: "/birthday", }, + openGraph: { + videos: [ + { + url: `${env.NEXT_PUBLIC_BASE_URL}${webm}`, + type: "video/webm", + }, + ], + }, }); const Page = () => { diff --git a/app/contact/form.module.css b/app/contact/form.module.css index 0468555d..743e9db3 100644 --- a/app/contact/form.module.css +++ b/app/contact/form.module.css @@ -37,7 +37,8 @@ } .submitButton { - flex-shrink: 0; + display: flex; + align-items: center; height: 3.25em; padding: 1em 1.25em; margin-right: 1.5em; @@ -56,9 +57,16 @@ background-color: var(--colors-link); } +.submitIcon { + width: 1.3em; + height: 1.3em; + margin-right: 0.5em; +} + .result { + display: flex; + align-items: center; font-weight: 600; - line-height: 1.5; } .result.success { @@ -70,8 +78,7 @@ } .resultIcon { - display: inline; width: 1.3em; height: 1.3em; - vertical-align: -0.3em; + margin-right: 0.25em; } diff --git a/app/contact/form.tsx b/app/contact/form.tsx index c4f1beaf..28ed5910 100644 --- a/app/contact/form.tsx +++ b/app/contact/form.tsx @@ -5,7 +5,7 @@ import { useActionState, useState } from "react"; import TextareaAutosize from "react-textarea-autosize"; import Turnstile from "react-turnstile"; import clsx from "clsx"; -import { CheckIcon, XIcon } from "lucide-react"; +import { SendIcon, LoaderIcon, CheckIcon, XIcon } from "lucide-react"; import Link from "../../components/Link"; import { send, type ContactState, type ContactInput } from "./action"; @@ -80,13 +80,12 @@ const ContactForm = () => { stroke="currentColor" strokeWidth="0" viewBox="0 0 24 24" - height="1.25em" width="1.25em" + height="1.25em" style={{ - display: "inline", width: "1.25em", height: "1.25em", - verticalAlign: "-0.25em", + verticalAlign: "text-top", marginRight: "0.25em", }} xmlns="http://www.w3.org/2000/svg" @@ -115,19 +114,12 @@ const ContactForm = () => { {!formState.success && ( diff --git a/app/contact/page.tsx b/app/contact/page.tsx index 1983279c..a11267aa 100644 --- a/app/contact/page.tsx +++ b/app/contact/page.tsx @@ -1,3 +1,4 @@ +import { LockIcon } from "lucide-react"; import PageTitle from "../../components/PageTitle"; import Link from "../../components/Link"; import { addMetadata } from "../../lib/helpers/metadata"; @@ -28,7 +29,15 @@ const Page = () => { direct message on Mastodon.

- 🔐 You can grab my public key here:{" "} + {" "} + You can grab my public key here:{" "} { diff --git a/app/layout.module.css b/app/layout.module.css index 2648716e..acb47ca0 100644 --- a/app/layout.module.css +++ b/app/layout.module.css @@ -13,7 +13,6 @@ } .container { - display: block; width: 100%; max-width: var(--max-width); margin: 0 auto; diff --git a/app/leo/page.tsx b/app/leo/page.tsx index ec8c9013..7a2ca305 100644 --- a/app/leo/page.tsx +++ b/app/leo/page.tsx @@ -17,6 +17,14 @@ export const metadata = addMetadata({ alternates: { canonical: "/leo", }, + openGraph: { + videos: [ + { + url: `${env.NEXT_PUBLIC_BASE_URL}${webm}`, + type: "video/webm", + }, + ], + }, }); const Page = () => { diff --git a/app/notes/[slug]/page.module.css b/app/notes/[slug]/page.module.css index 6a4e1d04..2719ca37 100644 --- a/app/notes/[slug]/page.module.css +++ b/app/notes/[slug]/page.module.css @@ -1,5 +1,6 @@ .meta { - display: inline-flex; + display: flex; + justify-items: flex-start; flex-wrap: wrap; font-size: 0.925em; line-height: 2.3; @@ -8,6 +9,8 @@ } .meta .metaItem { + display: inline-flex; + align-items: center; margin-right: 1.6em; white-space: nowrap; } @@ -17,17 +20,16 @@ } .meta .metaIcon { - display: inline-block; - width: 1.2em; - height: 1.2em; - vertical-align: -0.225em; + width: 1.25em; + height: 1.25em; margin-right: 0.6em; + flex-shrink: 0; } .meta .metaTags { - white-space: normal; display: inline-flex; flex-wrap: wrap; + white-space: normal; } .meta .metaTag { diff --git a/app/notes/[slug]/page.tsx b/app/notes/[slug]/page.tsx index 6a61fd40..944ca0a0 100644 --- a/app/notes/[slug]/page.tsx +++ b/app/notes/[slug]/page.tsx @@ -1,7 +1,8 @@ import { env } from "../../../lib/env"; import { Suspense } from "react"; import { JsonLd } from "react-schemaorg"; -import { CalendarIcon, TagIcon, SquarePenIcon, EyeIcon } from "lucide-react"; +import clsx from "clsx"; +import { CalendarDaysIcon, TagIcon, SquarePenIcon, EyeIcon } from "lucide-react"; import Link from "../../../components/Link"; import Time from "../../../components/Time"; import Comments from "../../../components/Comments"; @@ -89,16 +90,14 @@ const Page = async ({ params }: { params: Promise<{ slug: string }> }) => { />

-
- - -
+ + +