Live data from Hacker News

Building My Resume in HTML Using Eleventy

michaelengen.com

61–70 of 73 posts

Re: Building My Resume in HTML Using Eleventy

#61
post #4

Over engineered. Just write it in pure HTML/CSS. It's a resume, you don't need anything more advanced.

This is how my resume was (maybe still is, I haven’t looked I years). One thing I did that I like was after the most recent jobs, the older and less relevant ones were faded a bit. A hover would make them dark and easier to read. When printing a PDF, only the darker more recent ones would print. This let me keep a full record in a single file (mostly for my own benefit), while still being able to quickly and easily p…

I just had an idea reading your comment.

You could have structured data as json etc within that html, and some Javascript that renders that onto final html. Than add a button (or a URL argument, or print action) that returns final html (including all your Javascript). That way you only ever need to update your structured data while never needing to edit the html itself. You could theoretically even add some interface to update the resume. I am thinking tiddlywiki but for the CV.

May be that's what you are saying in your comment already. It will be self

Re: Building My Resume in HTML Using Eleventy

#62

I've been using LaTeX for mine for years and never looked back. I have it setup in such a way that I just comment or uncomment a few lins at the start and can easily include or exclude, or adjust, types of skills, work experience, length, etc. Always produces a nice, easy to clean minimal pdf that has some protections against recruiters trying to copy and paste and change things.

Mine is also in LaTeX. Every 3-5 years I get a nice reminder of the nightmare that is cobbling together a fully functional LaTeX dev environment to work on it again.

No guarantees, but try https://tectonic-typesetting.github.io.

Re: Building My Resume in HTML Using Eleventy

#63

Going to plug Reactive Resume here, because it basically does this in an open source, self hostable, easy to use interface. https://rxresu.me/

The website states that Reactive Resume is open source, but no matter where I look on the website, I cannot find a link to the code.

Can you provide that?

Also question: does Reactive Resume let you import and export in JSON Resume format?

Re: Building My Resume in HTML Using Eleventy

#64
Really neat solution to build a nice looking resume! You get bonus points for using JSON Resume. I think it's smart to encode your resume in a machine readable format. That way you can generate any presentation you want from the pure data.

That also answers the question so many people seem to have: why not write HTML/CSS by hand instead of using Eleventy. That doesn't work if you want to separate data from presentation

Re: Building My Resume in HTML Using Eleventy

#65

I've been using LaTeX for mine for years and never looked back. I have it setup in such a way that I just comment or uncomment a few lins at the start and can easily include or exclude, or adjust, types of skills, work experience, length, etc. Always produces a nice, easy to clean minimal pdf that has some protections against recruiters trying to copy and paste and change things.

Unpopular opinion: every time I see anything made with LaTeX, it makes my eyes bleed. While it might be great for editing, I find it to be a pain to read. I really wish academic papers (and everything else it is used for) would be written with a tool that generate at least a bit more readable output...

Why do you find it hard to read?

Re: Building My Resume in HTML Using Eleventy

#67

Points for originality, but it does seem a little complicated. I did something like this about six months ago, but in HTML, CSS, and zsh. As a next step, try testing your output with a free ATS parser.

Any clue if Latex or html works better?

My guts say that only pdf and doc formats matter. I would imagine that it’d be more likely a dev is testing outputs from word or printing to pdf from a browser.

Of your options my thought is HTML to pdf via the browser is most tested.

Re: Building My Resume in HTML Using Eleventy

#68

Going to plug Reactive Resume here, because it basically does this in an open source, self hostable, easy to use interface. https://rxresu.me/

The website states that Reactive Resume is open source, but no matter where I look on the website, I cannot find a link to the code. Can you provide that? Also question: does Reactive Resume let you import and export in JSON Resume format?

It does allow JSON import/export format, and it used to even allow more granular customization of css before it got a rewrite. Here’s the source code: https://github.com/AmruthPillai/Reactive-Resume

Re: Building My Resume in HTML Using Eleventy

#69
post #65

Earlier quoted context omitted.

Unpopular opinion: every time I see anything made with LaTeX, it makes my eyes bleed. While it might be great for editing, I find it to be a pain to read. I really wish academic papers (and everything else it is used for) would be written with a tool that generate at least a bit more readable output...

Why do you find it hard to read?

I think it's mostly the font itself that hurts me. It curls at all the bad places, and somehow I find most characters disproportional; just like the word spacing, which is pretty much random when you switch between styles (italics to maths formula to normal - spacing is all over the place).

The font itself reminds me of the ugly skinny latin fonts you see on Chinese programs, especially when set in italics.

I see that everyone loves LaTeX with virtually no exception - have no idea if it's an acquired taste that everyone gets, or it's my defect for being unable to find any inherent value in it as a reader. In any case, I just don't get it, lol.

Re: Building My Resume in HTML Using Eleventy

#70
post #33

If I’m hiring a web developer and you give me a `resume.html` you’d best believe I’m viewing source on that. This is a high-risk high-reward game, because if it’s clean you’ll get bonus points, but if there’s unnecessary cruft (as defined by me) you’ll loose points. For example, while this is pretty clean code, I’m currently on my phone and getting horizontal scroll bars. For a text based site like this resume that s…

`grid-template-columns: max-content 1fr;` is preventing the text from wrapping in `header` elements. Should be a simple fix, but it'd definitely loose some points from me.
Post reply on HN