schneedotdev · schneedotdev · Jun 7, 2026 · Jun 7, 2026
diff --git a/app/blogs/page.tsx b/app/blogs/page.tsx
@@ -8,12 +8,12 @@ const BlogsPage = async () => {
 
   return (
     <>
-      <Heading content="Blogs" emoji="✍️" />
-      <Summary
-        content="Along with learning, I am energized by sharing my knowledge and
-        experiences with others. I hope you take the time to explore my blog
-        articles."
-      />
+      <Heading title="Blogs" emoji="✍️" />
+      <Summary>
+        Writing helps me clarify what I&apos;m learning and share the ideas,
+        patterns, and lessons I pick up along the way. Each piece is a snapshot
+        of how I was thinking about the problem at the time.
+      </Summary>
       <hr className="border-tertiary mt-10" />
       <section className="mt-10 flex flex-col gap-7">
         {blogs.map((blog) => (

diff --git a/app/globals.css b/app/globals.css
@@ -25,14 +25,22 @@
   --bg-astro: #c2410c26;
   --cloudinary: #a5b4fc;
   --bg-cloudinary: #4338ca26;
+  --cli: #c4b5fd;
+  --bg-cli: #6d28d926;
   --css: #67e8f9;
   --bg-css: #0e749026;
   --ejs: #bef264;
   --bg-ejs: #4d7c0f26;
   --express: #cbd5e1;
   --bg-express: #33415526;
+  --go: #67e8f9;
+  --bg-go: #0e749026;
+  --interpreter: #f9a8d4;
+  --bg-interpreter: #be185d26;
   --javascript: #fde047;
   --bg-javascript: #a1620726;
+  --library: #fca5a5;
+  --bg-library: #b91c1c26;
   --mdx: #fcd34d;
   --bg-mdx: #fcd34d26;
   --mongodb: #86efac;
@@ -43,6 +51,8 @@
   --bg-netlify: #0f766e26;
   --nextjs: #d4d4d4;
   --bg-nextjs: #a3a3a326;
+  --package: #cbd5e1;
+  --bg-package: #33415526;
   --passport: #6ee7b7;
   --bg-passport: #6ee7b726;
   --node: #86efac;
@@ -53,6 +63,8 @@
   --bg-railway: #33415526;
   --react: #5eead4;
   --bg-react: #0f766e26;
+  --rust: #fdba74;
+  --bg-rust: #c2410c26;
   --tailwind: #67e8f9;
   --bg-tailwind: #0e749026;
   --typescript: #93c5fd;

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,11 +1,12 @@
+import type { Metadata } from "next";
 import Header from "@/components/Header";
 import "./globals.css";
 import { scope } from "@/lib/fonts";
 import Footer from "@/components/Footer";
 
-export const metadata = {
-  title: "Hire Me!",
-  description: "Brian Schnee Portfolio",
+export const metadata: Metadata = {
+  title: "schnee.dev",
+  description: "Brian Schnee's website",
 };
 
 export default function RootLayout({
@@ -17,7 +18,7 @@ export default function RootLayout({
     <html lang="en">
       <body className={scope.className}>
         <div className="flex flex-col items-center">
-          <div className="container flex max-w-2xl flex-col px-8 pb-8 text-sm text-secondary">
+          <div className="text-secondary container flex max-w-2xl flex-col px-8 pb-8 text-sm">
             <Header />
             {children}
             <Footer />

diff --git a/app/page.tsx b/app/page.tsx
@@ -8,13 +8,16 @@ export default function Home() {
   return (
     <>
       <main>
-        <Heading content="Brian Schnee" />
-        <h2 className="mt-4">Full-Stack Software Engineer</h2>
+        <Heading title="Brian Schnee" />
+        <h2 className="mt-4">
+          Software Developer at <a href="https://1password.com">1Password</a>
+        </h2>
         <Experience startDate={"2018-01-16"} />
         <Summary
-          content="Transforming ideas into code, one adventure at a time. Constantly pushing
-      the bounds of my capabilities and finding the best ways to share my
-      experience with others."
+          paragraphs={[
+            "I've never been very good at casual interests. When something captures my attention, I like to see how far I can take it.",
+            "This site is a collection of projects, writing, and experiences that have shaped my journey so far.",
+          ]}
         />
       </main>
       <Preview />

diff --git a/app/projects/page.tsx b/app/projects/page.tsx
@@ -15,16 +15,22 @@ const Project = ({
 }: ProjectProps) => {
   return (
     <li id={title} className="flex flex-col rounded-md">
-      <Image
-        className="w-full rounded-t-md"
-        src={`/assets/${src}`}
-        width={610}
-        height={610}
-        alt={`preview of pages from ${site} website`}
-      />
-      <section className="flex flex-col gap-3 rounded-b-md bg-[#f2f2f308] p-8">
+      {src && (
+        <Image
+          className="w-full rounded-t-md"
+          src={`/assets/${src}`}
+          width={610}
+          height={610}
+          alt={`preview of pages from ${title}`}
+        />
+      )}
+      <section
+        className={`flex flex-col gap-3 bg-[#f2f2f308] p-8 ${
+          src ? "rounded-b-md" : "rounded-md"
+        }`}
+      >
         <div className="flex items-center justify-between">
-          <h2 className="text-xl text-primary">{title}</h2>
+          <h2 className="text-primary text-xl">{title}</h2>
           <div className="flex items-center gap-2">
             <a href={repo}>
               <Icon
@@ -36,24 +42,26 @@ const Project = ({
                 hover="hover:stroke-secondary"
               />
             </a>
-            <a href={site}>
-              <Icon
-                name="external-link"
-                width="18"
-                height="18"
-                stroke="stroke-primary"
-                strokeWidth={1.25}
-                hover="hover:stroke-secondary"
-              />
-            </a>
+            {site && (
+              <a href={site}>
+                <Icon
+                  name="external-link"
+                  width="18"
+                  height="18"
+                  stroke="stroke-primary"
+                  strokeWidth={1.25}
+                  hover="hover:stroke-secondary"
+                />
+              </a>
+            )}
           </div>
         </div>
-        <ul className="flex flex-wrap gap-2 text-xs text-tertiary">
+        <ul className="text-tertiary flex flex-wrap gap-2 text-xs">
           {technologies.map((tech, i) => {
             return (
               <li key={i}>
                 <div
-                  className="flex items-center gap-1 rounded-md px-2 py-1 text-secondary"
+                  className="text-secondary flex items-center gap-1 rounded-md px-2 py-1"
                   style={{ background: `var(--bg-${tech})` }}
                 >
                   <Icon name={tech} width={15} height={15} />
@@ -64,7 +72,7 @@ const Project = ({
           })}
         </ul>
         <hr className="border-tertiary opacity-40" />
-        <p className="leading-2 text-secondary">{description}</p>
+        <p className="text-secondary leading-relaxed">{description}</p>
       </section>
     </li>
   );
@@ -73,25 +81,29 @@ const Project = ({
 export default function ProjectPage() {
   return (
     <>
-      <Heading content="Projects" emoji="🔨" />
-      <Summary content="As a Full Stack Software Engineer, I'm confident with an array of tools and technologies. I get a kick out of transforming ideas into code. Check out my work and play around with the projects!" />
-      <hr className="mt-10 border-tertiary" />
+      <Heading title="Projects" emoji="🔨" />
+      <Summary>
+        I enjoy building things and bringing ideas to life through software.
+        Here you&apos;ll find a collection of projects I&apos;ve worked on,
+        technologies I&apos;ve explored, and lessons I&apos;ve picked up along
+        the way.
+      </Summary>
+      <hr className="border-tertiary mt-10" />
       <ul className="mt-10 flex flex-col gap-12">
-        {projects
-          // .filter((project) => project.src !== "backend only")
-          .map((props: ProjectProps) => {
-            return (
-              <Project
-                key={props.title}
-                src={props.src}
-                site={props.site}
-                repo={props.repo}
-                title={props.title}
-                technologies={props.technologies}
-                description={props.description}
-              />
-            );
-          })}
+        {projects.map((props: ProjectProps) => {
+          return (
+            <Project
+              key={props.title}
+              src={props.src}
+              site={props.site}
+              repo={props.repo}
+              title={props.title}
+              createdAt={props.createdAt}
+              technologies={props.technologies}
+              description={props.description}
+            />
+          );
+        })}
       </ul>
       <JumpToTop slug={"/projects"} />
     </>

diff --git a/components/Blog.tsx b/components/Blog.tsx
@@ -12,10 +12,7 @@ const Blog = ({ title, date, slug }: BlogProps) => {
       className="outside-padding group flex h-full flex-col justify-between gap-3"
       href={slug}
     >
-      <h3
-        className="group-hover:underline group-hover:decoration-accent
-      group-hover:underline-offset-4"
-      >
+      <h3 className="group-hover:decoration-accent group-hover:underline group-hover:underline-offset-4">
         {title}
       </h3>
       <time className="text-tertiary group-hover:text-secondary">{date}</time>

diff --git a/components/Experience.tsx b/components/Experience.tsx
@@ -44,7 +44,7 @@ const Experience = ({ startDate }: ExperienceProps) => {
 
   return (
     <h3 className="text-tertiary">
-      {`Programming for ${time.years} years, ${time.months} months, ${time.days} days, ${time.hours} hours, ${time.minutes} minutes, 
+      {`Programming for ${time.years} years, ${time.months} months, ${time.days} days, ${time.hours} hours, ${time.minutes} minutes,
          ${time.seconds} seconds`}
     </h3>
   );

diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -1,13 +1,13 @@
 const Footer = () => {
   return (
-    <footer className="mb-10 mt-20 flex h-1 w-full max-w-xl text-xs">
+    <footer className="mt-20 mb-10 flex h-1 w-full max-w-xl text-xs">
       <h5>
-        <span className="border-b-[1px] border-dotted">CC BY-NC 4.0</span> 2023
-        &copy; Brian Schnee.
+        <span className="border-b border-dotted">CC BY-NC 4.0</span> 2023 &copy;
+        Brian Schnee.
       </h5>
-      <div className="pointer-events-none fixed bottom-0 right-0 z-10 w-full">
-        <div className="h-10 w-full bg-gradient-to-t from-background-opaque"></div>
-        <div className="pb12 h-10 w-full bg-background-opaque pt-1"></div>
+      <div className="pointer-events-none fixed right-0 bottom-0 z-10 w-full">
+        <div className="from-background-opaque h-10 w-full bg-linear-to-t"></div>
+        <div className="pb12 bg-background-opaque h-10 w-full pt-1"></div>
       </div>
     </footer>
   );

diff --git a/components/Header.tsx b/components/Header.tsx
@@ -84,7 +84,7 @@ const Header = () => {
               </svg>
             </Link>
           </li>
-          <li className="z-10 h-4 w-[1px] bg-tertiary"></li>
+          <li className="z-10 h-4 w-px bg-tertiary"></li>
           <li className="outside-padding group hover:cursor-pointer">
             <a
               href="https://www.github.com/schneedotdev"

diff --git a/components/Projects.tsx b/components/Projects.tsx
@@ -16,10 +16,10 @@ const Project = ({ link, title, tech, year }: ProjectProps) => {
     >
       <div className="flex items-center gap-2">
         <h3>{title}</h3>
-        <div className="mx-1 flex-1 border-t-2 border-dotted border-tertiary group-hover:border-accent"></div>
+        <div className="border-tertiary group-hover:border-accent mx-1 flex-1 border-t-2 border-dotted"></div>
         <span>{year}</span>
       </div>
-      <ul className="flex flex-wrap gap-2 text-xs text-tertiary">
+      <ul className="text-tertiary flex flex-wrap gap-2 text-xs">
         {tech.map((t, i) => {
           return (
             <li key={i}>

diff --git a/components/Summary.tsx b/components/Summary.tsx
@@ -1,8 +1,22 @@
-const Summary = ({ content }: { content: React.ReactNode}) => {
+type SummaryProps =
+  | {
+      children: React.ReactNode;
+      paragraphs?: never;
+    }
+  | {
+      children?: never;
+      paragraphs: React.ReactNode[];
+    };
+
+const Summary = ({ children, paragraphs }: SummaryProps) => {
+  const content = paragraphs ?? [children];
+
   return (
-    <p className="mt-10">
-      {content}
-    </p>
+    <div className="mt-10 flex flex-col gap-3">
+      {content.map((paragraph, i) => (
+        <p key={i}>{paragraph}</p>
+      ))}
+    </div>
   );
 };
 

diff --git a/components/mdx-components.tsx b/components/mdx-components.tsx
@@ -37,13 +37,13 @@ const components = {
   ),
   a: ({ className, ...props }: React.HTMLAttributes<HTMLAnchorElement>) => (
     <a
-      className={cn("text-base text-accent hover:text-[#0c885f]", className)}
+      className={cn("text-accent text-base hover:text-[#0c885f]", className)}
       {...props}
     />
   ),
   p: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => (
     <p
-      className={cn("my-4 text-base leading-6 text-secondary", className)}
+      className={cn("text-secondary my-4 text-base leading-6", className)}
       {...props}
     />
   ),
@@ -59,7 +59,7 @@ const components = {
   }: React.HTMLAttributes<HTMLQuoteElement>) => (
     <blockquote
       className={cn(
-        "[&>*]:text-muted-foreground mt-6 border-l-2 pl-6 italic",
+        "*:text-muted-foreground mt-6 border-l-2 pl-6 italic",
         className,
       )}
       {...props}
@@ -73,7 +73,7 @@ const components = {
     // eslint-disable-next-line @next/next/no-img-element
     <img className={cn("my-8 rounded-md", className)} alt={alt} {...props} />
   ),
-  hr: ({ ...props }) => <hr className="my-8 border-tertiary" {...props} />,
+  hr: ({ ...props }) => <hr className="border-tertiary my-8" {...props} />,
 };
 
 type MdxProps = {

diff --git a/components/ui/Heading.tsx b/components/ui/Heading.tsx
@@ -1,14 +1,15 @@
 import { serif } from "@/lib/fonts";
 
 type HeadingProps = {
-  content: React.ReactNode;
+  title: React.ReactNode;
   emoji?: string;
 };
 
-const Heading = ({ content, emoji }: HeadingProps) => {
+const Heading = ({ title, emoji }: HeadingProps) => {
   return (
-    <h1 className={`${serif.className} text-base tracking-wide text-primary`}>
-      {content} {emoji || <span className="ml-1">{emoji}</span>}
+    <h1 className={`${serif.className} text-primary text-base tracking-wide`}>
+      {title}
+      {emoji && <span className="ml-1">{emoji}</span>}
     </h1>
   );
 };

diff --git a/components/ui/Icon.tsx b/components/ui/Icon.tsx
@@ -185,6 +185,12 @@ export const icons: Record<
   twitter: (props) => <></>,
   blogs: (props) => <></>,
   projects: (props) => <></>,
+  go: (props) => <></>,
+  rust: (props) => <></>,
+  cli: (props) => <></>,
+  package: (props) => <></>,
+  library: (props) => <></>,
+  interpreter: (props) => <></>,
   jwt: (props) => <></>,
   postgresql: (props) => <></>,
   prisma: (props) => <></>,