Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 

HTML + CSS resume

Pure HTML and CSS resume using Gulp and Nunjucks.

I created this simple setup to have more fine-grained control over my resume than a text editor would allow. Also, it's fun to set up tools!

How to install

Note: this is a legacy setup that needs some dependency updates

  1. Install node 10
  2. Clone repo
  3. Run npm install in the cloned directory

How to use

  1. Add your data in src/data/sample_data.json. Rename it to src/data/data.json.
  2. Adjust CSS, e.g. $brand_color in src/sass/main.scss to your preffered settings.
  3. Run with gulp, refresh on changes.
  4. Use browser printing to save as .pdf - works best in webkit browsers (e.g. Chrome, Safari).

Example

  1. Generated HTML

I used this tool to generate my resume - I expanded the CSS and cleared some minor whitespace annoyances, but other than that it's what you can expect from this setup. https://trueskawka.github.io/mini-jekyll-deploy/resume/

  1. Printed .pdf

You can print the file and save it as .pdf - I use Chrome, because it doesn't add additional margins.

image of generated .pdf

What's up with...

  1. ...all the additional whitespace in nunjucks files?

I wanted to make sure the generated HTML is easily readable, which often requires the nunjucks partials to have some unusual whitespace choices.

  1. ...the compact CSS?

I used a standard Sass option for the compact CSS output. You can change it in the gulpfile to any of the: nested, expanded or compressed (more info on the output of different options).

License

MIT, as published by Open Source Initiative.

About

Tool for generating pure HTML + CSS resume

Resources

License

Releases

No releases published

Packages

No packages published