https://github.com/ndp/resume
Andy Peterson's Resume
https://github.com/ndp/resume
low-tech resume
Last synced: 3 months ago
JSON representation
Andy Peterson's Resume
- Host: GitHub
- URL: https://github.com/ndp/resume
- Owner: ndp
- Created: 2023-02-06T07:27:45.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2025-09-25T02:34:40.000Z (9 months ago)
- Last Synced: 2025-10-08T03:55:28.792Z (8 months ago)
- Topics: low-tech, resume
- Language: HTML
- Homepage:
- Size: 56.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
(c) Copyright 2023 Andrew J. Peterson. All Rights Reserved.
Like anyone, my resume has evolved throughout my life. Orignially, it was a manually-typed page, and then with the micro-computer revolution, a computerized MSWord document. Nerding out in the 1990s, it became an XML document multiple XSLT transforms. Finally, perhaps exhausted by the whole thing, a fell back to a PDF dump of my LinkedIn page.
LinkedIn is great and all, but their normal (free) resume output is clunky. Ideally a resume tool should help create a one-page summary, customized for specific opportunities. (I'm _not_ solving this!) My LinkedIn "everything" resume I flooded people with did only one thing: giving people the impression that "I'd done lots of stuff". I got by with this, but it likely isn't the right answer for most jobs. Looking back, this "resume" solution was not the quality I usually aim for. And, perhaps too much emotional insight: I was letting my occassional scorn for the recruiting process get in my own way. This repo represents an attempt to rectify that, and provide a better ending for this story.
I decided to create a new resume, hand-crafted like my first resume. I wanted to keep the project as low-tech as possible. I would create a clean HTML document, style it with CSS, and be done. Yeah, I had some cool ideas, like an organic-shaped timeline, where my experiences were connected along a meandering path, representing my professional journey. I tried to develop this idea, but the more I did, the more I realized that the visual design would be a challenging-- too challenging for me to gracefully execute. I like the meandering shape, so I've kept it as a watermark, but I have reduced the scope of the idea, and this is a simplify version.
In my final polish, I was trying out numerous color schemes. After switching back between CSS file and browser repeatedly, I decided to make a little interactive tool to let me do this. So there _is_ a little itsy-bitsy bit of Javascript. And then I added one more that let me customize wording for different target audiences. But it is, fundamentally, the low-tech resume I wanted.
## Usage
Contact me, and I'll send you a PDF!
To see it locally,
1. check out the code
2. run some sort of local server (or don't)
3. look at `index.html`
4. to make a PDF, just make sure page margins are set to 0, and it should just work.
## Dont Read Me
Stuff that is not essential, but I stick here for reference.
### External references
I generated the curve at https://app.haikei.app/
I'm using the fonts: Lora + Nunito. Lora is the standard for my web sites, but it is quite heavy in the italic version, so I pulled in Nunito as a secondary font. Suggestion comes from https://www.figma.com/google-fonts/lora-font-pairings/#:~:text=Lora%20is%20a%20well%20balanced,%2C%20Ubuntu%2C%20Alegreya%20and%20Nunito.
### Color Schemes
I added the color schemes to be directly configurable. Interesting ones:
- [HP Calculator](http://127.0.0.1:3000/#river=#dfc28d;riverside=#d1b071;land=#b8964b;header=#a3110b;tagline=#65461d;contacts=#540203;sections=#a98410;text=#4d2d10;skills=#382417)
- [Tan](http://127.0.0.1:3000/#river=#d9be6d;riverside=#e1cc8e;land=#d9d0c5;header=#724137;tagline=#87614a;contacts=#8a634c;sections=#8c644d;text=#724138;skills=#724138)
- [Purple](http://127.0.0.1:3000/#river=#5e408b;riverside=#563e76;land=#5e418b;header=#9399a2;tagline=#037a7b;contacts=#9399a2;sections=#04797b;text=#d6b497;skills=#d3b295)
- [http://127.0.0.1:3000/#river=#4f0e03;riverside=#531002;land=#581102;header=#e07ca0;tagline=#a36d3e;contacts=#f285ad;sections=#a66f3f;text=#a69c95;skills=#a69c95]
- [http://127.0.0.1:3000/#river=#6d2417;riverside=#641b0c;land=#530f02;header=#e07ca0;tagline=#a36d3e;contacts=#f285ad;sections=#a66f3f;text=#a69c95;skills=#a69c95]
- [Orange with pink accents](http://127.0.0.1:3000/#river=#f28706;riverside=#e2812c;land=#c1712c;header=#733b2f;tagline=#bf455c;contacts=#6d3e36;sections=#b34157;text=#270401;skills=#724138)
- [Burnin' Neon](file:index.html#river=#1e193e;riverside=#000000;land=#480a0a;header=#0a36ee;tagline=#71e714;contacts=#fda830;sections=#71e715;text=#ffcd01;skills=#f33807)
- [Squishy Jellyfish](file:///Users/ndp/workspace/resume/index.html#river=#000000;riverside=#000000;land=#000000;header=#c324d5;tagline=#1922da;contacts=#fe87ff;sections=#c302d4;text=#fe87ff;skills=#5e10ff)