Recent searches
Search options
Today I'm working to move my Figma designed resume into good ole HTML and (print) CSS!
Some quick googling on available schemas, and it seems like json-resume is the go to. It falls apart for me under a little scrutiny, because I'd like to list multiple date ranges of employment for an employer.
So I'll be using a modified version and cursing myself if there's ever any real standardization in the future
Disabling anchor tags on a specific page is as easy as
```js
eleventyConfig.addPlugin(IdAttributePlugin, {
filter: function ({ page }) {
const pathsToSkip = ["resume.njk"];
if (pathsToSkip
.some((str) => page.inputPath.endsWith(str))
) {
return false;
}
return true;
},
});
```
Realizing quite quickly that I want to include partial highlights for important call outs like I do in my PDF resume. The schema's not going to allow that, and supporting it in JSON means getting into some complex tokenization of my text.
Back to good ole HTML! Nothing wrong with hand-coding the first pass.
I have my content laid out and styled, and somehow I'm excited to be touching print CSS again!
Made a gray scale version for anyone who hits the print button, while still preserving some visual highlights
Working on the personal site has been a great exercise in focused work.
Every ounce of me wants to depart from the task at hand and start styling the hell out of it! Picking colors, fonts, etc. But content is key.
@ryan I did this recently and found both the article and plugin (links below) helpful for exporting a LinkedIn profile to the JSON Resume schema. I also added Puppeteer to generate a PDF version—because why not?
https://michaelengen.com/posts/my-eleventy-resume/
https://chromewebstore.google.com/detail/json-resume-exporter/caobgmmcpklomkcckaenhjlokpmfbdec
