chore: add more content

itsjoeoui · Apr 17, 2024 · cc6f4a6 · cc6f4a6
1 parent 9fe3f9e
commit cc6f4a6
Show file tree

Hide file tree

Showing 5 changed files with 66 additions and 3 deletions.
diff --git a/src/components/section/projects.astro b/src/components/section/projects.astro
@@ -10,7 +10,7 @@ import { config } from "@/config/site";
     config.projects.map((p) => (
       <li>
         <a href={p.link} target="_blank">
-          <span class="underline hover:text-primary">{p.title}</span>
+          <span class="underline hover:text-primary font-bold">{p.title}</span>
         </a>
         - {p.description}
       </li>

diff --git a/src/components/section/today.astro b/src/components/section/today.astro
@@ -3,8 +3,8 @@ import SectionHeading from "@/components/section-heading.astro";
 ---
 
 <SectionHeading title="Today" />
-<p class="text-muted-foreground">
-  I lead the engineering team at <a
+<p class="text-muted-foreground leading-relaxed">
+  I am a founding software engineer at <a
     class="underline"
     href="https://github.com/flojoy-ai">Flojoy</a
   >, working on Flojoy Studio and Flojoy Cloud. Meanwhile, I study at McGill

diff --git a/src/components/section/tools.astro b/src/components/section/tools.astro
@@ -0,0 +1,17 @@
+---
+import SectionHeading from "@/components/section-heading.astro";
+import { config } from "@/config/site";
+---
+
+<SectionHeading title="Tools" />
+
+<ul class="text-muted-foreground space-y-2 list-disc list-inside">
+  {
+    config.tools.map((p) => (
+      <li>
+        <span class="font-bold">{p.name}</span> - {p.description}
+      </li>
+    ))
+  }
+  <li>...</li>
+</ul>
diff --git a/src/config/site.ts b/src/config/site.ts
@@ -4,6 +4,7 @@ type Config = {
   discordUserId: string;
   projects: Project[];
   contacts: Contact[];
+  tools: Tool[];
 };
 
 type Project = {
@@ -12,6 +13,11 @@ type Project = {
   link: string;
 };
 
+type Tool = {
+  name: string;
+  description: string;
+};
+
 type Contact = {
   name: string;
   link: string;
@@ -63,6 +69,43 @@ export const config: Config = {
       link: "https://devpost.com/software/star-formation",
     },
   ],
+  tools: [
+    {
+      name: "Languages",
+      description:
+        "TypeScript, JavaScript, Golang, Python, Java, C/C++, Rust, OCaml, Clojure",
+    },
+    {
+      name: "Frontend",
+      description:
+        "React, Next.js, Astro, Docusaurus, HTML, CSS, TailwindCSS, Radix UI",
+    },
+    {
+      name: "Backend",
+      description:
+        "Chi, net/http, gRPC, Connect, FastAPI, Flask, ElysiaJS, NestJS, Express, GraphQL, Electron, tRPC, Tauri",
+    },
+    {
+      name: "Database",
+      description: "PostgreSQL, MySQL, MongoDB, SQLite, Redis, FaunaDB",
+    },
+    {
+      name: "AI",
+      description: "OpenAI, LangChain",
+    },
+    {
+      name: "Cloud",
+      description: "S3, EC2, AMI, SES",
+    },
+    {
+      name: "DevOps",
+      description: "Docker, GitHub Actions, GitLab Runners, Terraform",
+    },
+    {
+      name: "Editor",
+      description: "Neovim",
+    },
+  ],
   contacts: [
     {
       name: "GitHub",

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -7,6 +7,7 @@ import Contact from "@/components/contact.astro";
 import DiscordStatus from "@/components/discord-status";
 import Today from "@/components/section/today.astro";
 import Projects from "@/components/section/projects.astro";
+import Tools from "@/components/section/tools.astro";
 import { config } from "@/config/site";
 ---
 
@@ -17,6 +18,8 @@ import { config } from "@/config/site";
       <div class="py-4"></div>
       <Projects />
       <div class="py-4"></div>
+      <Tools />
+      <div class="py-4"></div>
     </div>
     <div class="grow min-w-32 min-h-4"></div>
     <div class="order-first md:order-last md:text-right">