diff --git a/src/components/CardItem.astro b/src/components/CardItem.astro new file mode 100644 index 0000000..8ced1a9 --- /dev/null +++ b/src/components/CardItem.astro @@ -0,0 +1,11 @@ +--- +interface Props { + name: string; + description: string; +} +--- + +
  • +

    {Astro.props.name}

    +

    {Astro.props.description}

    +
    • diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro index 59dd84a..9774331 100644 --- a/src/components/Navbar.astro +++ b/src/components/Navbar.astro @@ -1,7 +1,8 @@ --- const paths = [ - { name: "home", path: "/" }, - { name: "blogs", path: "/blogs" }, + { name: "home", path: "/" }, + { name: "blogs", path: "/blogs" }, + { name: "uses", path: "/uses" }, ]; import Link from "@components/Link.astro"; --- diff --git a/src/pages/blogs/[blog].astro b/src/pages/blogs/[blog].astro index 52c6ef9..548b8a4 100644 --- a/src/pages/blogs/[blog].astro +++ b/src/pages/blogs/[blog].astro @@ -9,7 +9,6 @@ export async function getStaticPaths() { const documents = await getCollection("documents"); const blogs = await getCollection("blogs"); - // Combine both collections for static paths const allPosts = [ ...documents.map((document) => ({ params: { blog: document.id }, @@ -24,7 +23,6 @@ export async function getStaticPaths() { return allPosts; } -// Try to get the entry from both collections let entry: CollectionEntry<"documents"> | CollectionEntry<"blogs"> | undefined = await getEntry("documents", Astro.params.blog); diff --git a/src/pages/index.astro b/src/pages/index.astro index 3dc0bd2..6c0cb54 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -7,7 +7,6 @@ import { getCollection } from "astro:content"; const documents = await getCollection("documents"); const blogs = await getCollection("blogs"); -// Combine both collections and sort by publishedAt const allPosts = [ ...blogs.map((blog) => ({ ...blog, @@ -25,7 +24,7 @@ const allPosts = [ })), ] .sort((a, b) => b.data.publishedAt.valueOf() - a.data.publishedAt.valueOf()) - .slice(0, 5); // Show only the 5 most recent + .slice(0, 5); ---
    - Send Message + send message
  • @@ -105,27 +104,17 @@ const allPosts = [ target="_blank" rel="noopener noreferrer" > - Add on LinkedIn - -
    • -
  • -
    - - Follow on Threads + add on linkedin
  • - Follow on BlueSky + follow on bluesky
    • diff --git a/src/pages/uses.astro b/src/pages/uses.astro new file mode 100644 index 0000000..75d83cb --- /dev/null +++ b/src/pages/uses.astro @@ -0,0 +1,83 @@ +--- +import CardItem from "@components/CardItem.astro"; +import Layout from "@layouts/Layout.astro"; +const uses = { + hardware: [ + { + item: "Macbook Air (M2, 2022)", + description: + "My personal laptop that I use for development or just surfing the web", + }, + { + item: "Sony WH-1000XM5 Headphones", + description: "Headphones that I use when I'm at my desktop or laptop.", + }, + { + item: "EPOMAKER P75", + description: + "My daily driver keyboard at the moment. Previously used an NK65 keyboard with lubed yellow switches.", + }, + { + item: "Logitech MX Master 3S", + description: + "Easily one of the best mice I've used. If this one breaks I'm buying another one.", + }, + { + item: "Dell 34inch Curved Gaming Monitor", + description: + "No complaints about this monitor. Was skeptical about ultrawide monitors but it's been an alright experience.", + }, + ], + tools: [ + { + item: "Zed", + description: "My current preferred code editor.", + }, + { + item: "Ghostty", + description: + "Haven't been using this very long but I've been enjoying it. Does what it needs to and it's fast.", + }, + { + item: "Tangled", + description: + "I've started pushing my code to tangled.sh since they now support a lot of the features I wanted from other services. It's also built on the AT Protocol.", + }, + ], +}; +--- + + +

    Uses

    +

    + A comprehensive list of the hardware, software, and tools that power my + daily workflow and help me build great things. +

    +
    +

    Hardware

    +
      + { + uses.hardware.map(({ item, description }) => { + return ( + + ); + }) + } +
    +
    +
    +

    Development Tools

    +
      + { + uses.tools.map(({ item, description }) => { + return ( + + ); + }) + } +
    +
    +