personal website

init about content collection with open-source + resume, update dependencies

+67 -30
bun.lockb

This is a binary file and will not be displayed.

+7 -7
package.json
··· 10 10 "astro": "astro" 11 11 }, 12 12 "dependencies": { 13 - "@astrojs/check": "^0.9.3", 13 + "@astrojs/check": "^0.9.4", 14 14 "@astrojs/mdx": "^3.1.8", 15 - "@astrojs/svelte": "^5.7.0", 16 - "@astrojs/tailwind": "^5.1.0", 15 + "@astrojs/svelte": "^5.7.2", 16 + "@astrojs/tailwind": "^5.1.2", 17 17 "@iconify-json/tabler": "^1.2.5", 18 18 "@sveltejs/vite-plugin-svelte": "^4.0.0-next.6", 19 - "astro": "^4.15.4", 19 + "astro": "^4.16.6", 20 20 "astro-icon": "^1.1.1", 21 - "svelte": "^5.0.0-next.244", 22 - "tailwindcss": "^3.4.10", 23 - "typescript": "^5.6.2" 21 + "svelte": "^5.0.3", 22 + "tailwindcss": "^3.4.14", 23 + "typescript": "^5.6.3" 24 24 }, 25 25 "devDependencies": { 26 26 "@tailwindcss/typography": "^0.5.15"
+9 -1
src/content/config.ts
··· 10 10 }) 11 11 }); 12 12 13 + const about_collection = defineCollection({ 14 + schema: z.object({ 15 + updated_at: z.string(), 16 + draft: z.boolean() 17 + }) 18 + }); 19 + 13 20 export const collections = { 14 - blog: blog_collection 21 + blog: blog_collection, 22 + about: about_collection 15 23 }
+5
src/content/open-source.mdx src/content/about/open-source.mdx
··· 1 + --- 2 + updated_at: 10-21-2024 3 + draft: false 4 + --- 5 + 1 6 import { Icon } from "astro-icon/components"; 2 7 3 8 ## Skogz [<Icon name="tabler:brand-github-filled" class="inline-block" />](https://github.com/zeucapua/skogz)
+10 -5
src/content/resume.mdx src/content/about/resume.mdx
··· 1 + --- 2 + updated_at: 10-21-2024 3 + draft: false 4 + --- 5 + 1 6 import { Icon } from "astro-icon/components"; 2 7 3 8 A generalist Software Engineer, specialized in solutions and product engineering, utilizing technologies across the stack and languages like Javascript (Next.js), Python (Django), and GoLang (Cobra). Based in San Bernardino, California USA with 8 months of remote and open source experience. ··· 30 35 - Correlated with increased Weekly Active Users (WAU), average time spent, and shares of link to the applicationPizza 31 36 32 37 ### Pizza CLI [<Icon name="tabler:brand-github-filled" class="inline-block" />](https://github.com/open-sauced/pizza-cli) 33 - - Tech Stack: GoLang, Cobra CLI, BubbleTea 34 38 - Implemented major features for the CODEOWNERS centered CLI program built on Golang, Cobra CLI framework, and the BubbleTea terminal framework 35 39 - `pizza generate config`: an automatic or interactive terminal command that creates a global available YAML file that keeps track Git attributions 36 40 - `pizza offboard`: removes Git attributions by YAML configuration and CODEOWNERS files 41 + - Tech Stack: GoLang, Cobra CLI, BubbleTea 37 42 38 43 ### Landing Page & Blog [<Icon name="tabler:brand-github-filled" class="inline-block" />](https://github.com/open-sauced/landing-page) 39 - - Tech Stack: Next.js, React, TailwindCSS, PostHog and more 40 44 - Implemented and managed the Sanity CMS for viewing on the company blog 41 45 - Styled with TailwindCSS and Framer Motion based on Figma designs by the Product Manager 42 46 - Created and updated multiple landing pages for product (the app and Pizza CLI) and various use cases (Teams, Maintainers, Contributors, and Students) 47 + - Tech Stack: Next.js, React, TailwindCSS, PostHog and more 43 48 44 49 ## Full Stack Developer, Buttondown [<Icon name="tabler:external-link" class="inline-block" />](https://buttondown.email) 45 50 _November 2023 - February 2024_ 46 - - Tech Stack: Django, Vue, Next.js, TailwindCSS and more 47 51 - Implemented features and bug fixes to the email platform, supporting thousands of newsletters 48 52 - Managed and updated copy and designs on the platform’s marketing website 53 + - Tech Stack: Django, Vue, Next.js, TailwindCSS and more 49 54 50 55 ## Web Developer, SmartWiz [<Icon name="tabler:external-link" class="inline-block" />](https://smartwiz.io) 51 56 _September 2023 - November 2024_ 52 - - Tech Stack: Remix, React, TailwindCSS, Stripe, and more 53 57 - Refactored existing Stripe integrations and implemented designs from Figma 58 + - Tech Stack: Remix, React, TailwindCSS, Stripe, and more 54 59 55 60 ## Volunteer Web Developer, Progressive Victory [<Icon name="tabler:external-link" class="inline-block" />](https://progressivevictory.win) 56 61 _August 2022 - November 2022_ 57 - - Tech Stack: React, Next.js, Airtable, Storybook, Vercel and more 58 62 - Led the frontend development of the initial organization website, implementing designs in coordination with organizers and backend engineers 59 63 - Implemented Airtable as a CMS to display information about volunteer efforts and political candidates’ campaigns throughout the United States 64 + - Tech Stack: React, Next.js, Airtable, Storybook, Vercel and more 60 65 61 66 # Public Speaking and Community Participation 62 67 ## Web Dev Challenge: Build a multiplayer web app using PartyKit
+26 -13
src/pages/index.astro
··· 3 3 --- 4 4 5 5 <SiteLayout title="zeu.dev"> 6 - <main class="flex flex-col gap-4 px-4 py-8 text-white text-lg"> 6 + <main class="flex flex-col gap-8 px-4 py-8 text-white text-lg"> 7 7 <pre aria-label="zeu in ASCII NV Script" class="text-yellow-500"> 8 8 9 9 ··· 21 21 22 22 23 23 </pre> 24 - <h1 class="text-5xl font-bold text-yellow-500">hey hi hello!</h1> 25 - <h2 class="text-yellow-500 font-medium text-2xl">welcome to my site!</h2> 24 + <div class="flex flex-col gap-4"> 25 + <h1 class="text-5xl font-bold text-yellow-500">hey hi hello!</h1> 26 + <h2 class="text-yellow-500 font-medium text-2xl">welcome to my site!</h2> 26 27 27 - <p> 28 - I have plenty of ideas and projects I want to talk to you guys about 29 - and so I made this site to showcase all I've been doing. 30 - </p> 28 + <p> 29 + I have plenty of ideas and projects I want to talk to you guys about 30 + and so I made this site to showcase all I've been doing. 31 + </p> 32 + 33 + <p> 34 + updates and showcases will be hosted here, alongside my own thoughts. 35 + </p> 36 + 37 + 38 + <p class="text-yellow-500">- @zeu_dev</p> 39 + </div> 31 40 32 - <p> 33 - updates and showcases will be hosted here, alongside my own thoughts 34 - with papers and micro-blogs. 35 - </p> 36 - 41 + <section class="flex flex-col lg:flex-row gap-8 my-8"> 42 + <a href="/open-source" class="border-2 rounded-lg w-fit p-4"> 43 + <h3 class="text-xl text-yellow-500 font-bold">Open Source</h3> 44 + <p>Explorations, packages, and sites</p> 45 + </a> 37 46 38 - <p class="text-yellow-500">- @zeu_dev</p> 47 + <a href="/resume" class="border-2 rounded-lg w-fit p-4"> 48 + <h3 class="text-xl text-yellow-500 font-bold">Resume</h3> 49 + <p>Notable professional works</p> 50 + </a> 51 + </section> 39 52 </main> 40 53 </SiteLayout>
+5 -2
src/pages/open-source.astro
··· 1 1 --- 2 2 import SiteLayout from "../components/SiteLayout.astro"; 3 - import { Content } from "../content/open-source.mdx"; 3 + import { getEntry } from "astro:content"; 4 + const entry = await getEntry("about", "open-source"); 5 + 6 + const { Content } = await entry.render(); 4 7 --- 5 8 6 9 <SiteLayout title="zeu.dev"> 7 10 <main class="flex flex-col gap-4 px-4 py-8 text-white text-lg"> 8 11 <h1 class="text-5xl text-yellow-500 font-bold">Open Source</h1> 9 12 <p class="text-yellow-500"> 10 - Explorations, packages, and other code shenanigans. 13 + Explorations, packages, and sites. 11 14 </p> 12 15 13 16 <span class="prose prose-invert prose-yellow lg:prose-xl prose-headings:text-yellow-500">
+5 -2
src/pages/resume.astro
··· 1 1 --- 2 2 import SiteLayout from "../components/SiteLayout.astro"; 3 - import { Content } from "../content/resume.mdx"; 3 + import { getEntry } from "astro:content"; 4 + const entry = await getEntry("about", "resume"); 5 + 6 + const { Content } = await entry.render(); 4 7 --- 5 8 6 9 <SiteLayout title="zeu.dev"> 7 10 <main class="flex flex-col gap-4 px-4 py-8 text-white text-lg"> 8 11 <h1 class="text-5xl text-yellow-500 font-bold">Resume</h1> 9 12 <p class="text-yellow-500"> 10 - Notable works, professional and otherwise. 13 + Notable professional works 11 14 </p> 12 15 13 16 <span class="prose prose-invert prose-yellow lg:prose-xl prose-headings:text-yellow-500">