A modern, high-performance personal online resume website designed for Bill Caffery and hosted on GitHub Pages.
- Dark Mode Aesthetics: Premium glassmorphic design system with dark slate backdrop (
#0B0F19), glowing cyan/violet accents, and fluid layouts. - Human-Editable YAML Data: Powered by
resume.yamlso you can update skills, work experience, projects, stats, and personal bio without editing HTML/JS. - Interactive "Send me a job offer" Builder: Allows recruiters and hiring managers to submit role details, compensation, work mode, and attach/upload job description documents (PDF/DOCX/TXT) or paste text directly.
- Filterable Projects Showcase: Categorized portfolio grid with interactive filter tabs and high quality preview graphics.
- Career Timeline: Interactive vertical experience timeline with tech tags and key achievements.
- Compact Education & Certifications: Sleek, non-intrusive section.
- CI/CD Workflow: GitHub Actions workflow (
.github/workflows/ci-cd.yml) that runs syntax linters (YAML, JS, HTML) and deploys directly to GitHub Pages.
All resume details are stored in resume.yaml. Open resume.yaml and update the sections:
personal: Name, title, tagline, bio, contact email, social links, avatar image path.stats: Key metrics (Years experience, projects completed, uptime, etc.).skills: Skill categories, names, and proficiency percentages.experience: Companies, dates, roles, summaries, bullet points, and tech tags.projects: Project titles, categories, summaries, images, tags, and links.education&certifications: Degrees and certifications.
To run and preview the site locally:
- Launch a local static server:
npx -y serve . # or python3 -m http.server 8000
- Open
http://localhost:8000in your web browser.
# Validate YAML syntax
npx -y yaml-lint resume.yaml
# Validate JavaScript syntax
node -c js/app.js
# Lint HTML
npx -y htmlhint index.html- Push your branch to GitHub:
git add . git commit -m "Build modern dark resume site with YAML data and CI/CD" git push origin feat/online-resume
- Merge
feat/online-resumeintomaster(ormain). - In GitHub Repository Settings -> Pages:
- Source: GitHub Actions
- Your website will automatically build and publish to
https://billythakidd04.github.io!