Personal Website

My personal website built with Astro and Preact!

Features

Resume Management
Blog Posts
Projects
Talks
Terminal View

Resume Configuration

The resume system supports multiple sections that can be enabled, disabled, and customized.

Available Resume Sections

Section	Required Fields
basics	`name`, `email`, `profiles`
summary	`content`
experience	`company`, `position`, `location`, `date`, `description`
education	`institution`, `degree`, `field`, `date`
skills	`name`, `level` (1-5)
volunteer	`organization`, `position`, `date`
awards	`title`, `organization`, `date`
profiles	`network`, `username`, `url`

Section Configuration

Each section can be configured in src/config/data.ts:

export const resumeConfig: ResumeConfig = {
  tomlFile: "/files/resume.toml",
  layout: {
    leftColumn: ["experience", "volunteer", "awards"],
    rightColumn: ["skills", "education"],
  },
  sections: {
    summary: {
      title: "Professional Summary",
      enabled: true,
    },
    experience: {
      title: "Work Experience",
      enabled: true,
    },
    awards: {
      title: "Awards & Recognition",
      enabled: true,
    },
    // ... other sections
  },
};

Layout Configuration

The resume layout is fully customizable. You can control which sections appear in which column and their order:

layout: {
  leftColumn: ["experience", "volunteer", "awards"],
  rightColumn: ["skills", "education"],
}

Available sections for layout:

experience - Work experience
education - Educational background
skills - Technical and professional skills
volunteer - Volunteer work
awards - Awards and recognition

Layout Rules:

Sections can be placed in either column
Order within each column is determined by array order
Missing sections are automatically excluded
The summary section always appears at the top (full width)
The profiles section appears in the header area

Example Layouts:

Skills-focused layout:

layout: {
  leftColumn: ["skills", "education"],
  rightColumn: ["experience", "awards", "volunteer"],
}

Experience-heavy layout:

layout: {
  leftColumn: ["experience"],
  rightColumn: ["skills", "education", "volunteer", "awards"],
}

Resume Data Format (TOML)

Create a resume.toml file in the public/files/ directory:

[basics]
name = "Your Name"
email = "your.email@example.com"

[[basics.profiles]]
network = "GitHub"
username = "yourusername"
url = "https://github.com/yourusername"

[[basics.profiles]]
network = "LinkedIn"
username = "yourname"
url = "https://linkedin.com/in/yourname"

[summary]
content = "Your professional summary here..."

[[experience]]
company = "Company Name"
position = "Job Title"
location = "City, State"
date = "2020 - Present"
description = [
  "Achievement or responsibility 1",
  "Achievement or responsibility 2"
]
url = "https://company.com"

[[education]]
institution = "University Name"
degree = "Bachelor of Science"
field = "Computer Science"
date = "2016 - 2020"
details = [
  "Relevant coursework or achievements"
]

[[skills]]
name = "JavaScript"
level = 4

[[skills]]
name = "Python"
level = 5

[[volunteer]]
organization = "Organization Name"
position = "Volunteer Position"
date = "2019 - Present"

[[awards]]
title = "Award Title"
organization = "Awarding Organization"
date = "2023"
description = "Brief description of the award"

Development

# Install dependencies
pnpm i

# Start development server
pnpm dev

# Build for production
pnpm build

3.7 KiB Raw Blame History