No description
- CSS 51.7%
- HTML 43.9%
- JavaScript 3.9%
- Dockerfile 0.5%
- Drop the himanshoo.com wordmark from the top bar; footer is now "© year Himanshoo · mail@himanshoo.com". - Print stylesheet fits the résumé on one A4 page: rem sizes scale with the print font, screen grid gaps no longer leak into print. - Bento photo spans one column instead of two on desktop, square on phones. - Ignore CLAUDE.md. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> |
||
|---|---|---|
| public | ||
| .gitignore | ||
| Dockerfile | ||
| nginx.conf | ||
| README.md | ||
himanshoo.com
My personal site: a bento-style intro and my résumé. Plain HTML and CSS, no build step, no third-party requests.
Layout
public/
index.html everything you see, including the résumé
styles.css design tokens at the top (colours, fonts, spacing)
main.js theme toggle and the "Save as PDF" button
assets/ portrait, avatar, social preview image
fonts/ self-hosted Bricolage Grotesque + Instrument Sans (OFL)
Dockerfile nginx:alpine serving public/
nginx.conf caching and security headers
Editing
- Résumé: in
public/index.html, each job is one<article class="job">inside the timeline. Copy one to add a role; newest first. Skills, education and languages are in the<aside class="resume-side">. - Intro tiles: the bento section at the top of
index.html. - Colours: the
:roottokens at the top ofstyles.css(light), plus the dark block below them. - Photo: replace
public/assets/portrait.jpgandportrait.webp(4:5 crop works best). - PDF résumé: open the site, click "Save as PDF". The print stylesheet produces a clean one-column résumé from the same HTML, so there's only one source to update.
Preview locally:
python3 -m http.server -d public 8080
Deploying
Coolify builds the Dockerfile and redeploys on every push to main via the Forgejo webhook.