phxvector.xyz

Personal academic and professional homepage. Built as a static site for speed, accessibility, and long-term maintainability.

Live site: phxvector.xyz

Tech

• HTML/CSS/JS — no framework dependencies
• Dark/light theme with system preference detection
• Mobile-first responsive design
• SEO optimized with Schema.org, OpenGraph, and RSS
• GitHub Pages / Cloudflare Pages ready

Structure

├── index.html              # Main page
├── 404.html                # Custom 404
├── robots.txt              # Search crawler config
├── sitemap.xml             # XML sitemap (generated)
├── CNAME                   # Custom domain
├── .nojekyll               # GitHub Pages config
├── assets/
│   ├── css/style.css       # All styles
│   └── js/main.js          # Theme toggle, nav, scroll
├── favicon/
│   └── favicon.svg         # SVG favicon
├── blog/
│   ├── index.html          # Blog index
│   └── feed.xml            # RSS feed (generated)
├── scripts/
│   └── build.sh            # Build script for sitemap + RSS
└── README.md

Development

No build step required for development. Open index.html directly in a browser.

Generate sitemap and RSS

bash scripts/build.sh .

Deploy

Push to GitHub Pages or Cloudflare Pages. The CNAME file handles custom domain configuration.

Lighthouse

Target: >95 on all categories. Achieved through:

• Minimal JavaScript (no frameworks)
• Semantic HTML
• CSS custom properties (no preprocessor)
• Proper meta tags and landmarks
• Reduced motion support
• Accessible navigation

License

MIT