Customized JSON Resume Theme: Mocha Responsive
- 2 Page version in PDF/printable mode
- Added sections for speaking and articles
- Style changes
To build and start the local server, it needs to use the cli command, which is custom cli I tweaked.
npm i @anthonyjdella/customized-resume-cli
How to Start
npm run start
How to Change
resume.hbsis the order of the resume.
views/components/are the html files for each section
styles/main.cssis the styling
- To make changes to the PDF/printable version, make changes in the
- Change version number in
- Deploy the changes via
npm publish --access public
- To see changes from
resume.anthonydellavecchia.comyou need to go to the registry project, then cd into
npm update, then
npm run startto start local server.
resume.hbstemplate for resume.
views/components/main content which is injected into template (resume.hbs).
views/partials/secondary content which is injected into template (resume.hbs).
index.jshelper functions & render function which renders the resuem.
public/index.htmlgenerated HTML after running
npm run build.
styles/main.cssstyle for the site.
Click to expand README.md of the source repository!
Theme mocha responsive
Dark, stylish theme strongly based on the jsonresume-theme-caffeine done by Kelvin Nguyen. It's a theme for the JSON Resume project and can by used with the HackMyResume to generate nice resumes in many supported formats.
The theme uses handlebars templating engine for rendering and utilizes Font Awesome. The generated HTML should have very good browser support by explicitly relying on older styling techniques. Although the theme is dark, there is separate tweaked styling for printing, with dark fonts on white background.
The theme can be used with tools supporting asynchronous theme rendering. It converts local or remote profile images to Base64 format, including them directly in the markup, so the generated HTML file can be used standalone. For certain sections (summary, work, education, volunteer ...) Markdown markup is supported. By default, the image processing and Markdown support are disabled and can be enabled by setting RENDER_MARKDOWN or PROCESS_IMAGE environment variables to true.
For usage and issues associated with HackMyResume see the next section.
Using the theme
The theme supports the HackMyResume tool and shall be fully compatible with resume-cli. The theme was specifically developed for my own toolkit KissMyResume which can utilize the async rendering and markdown support.
Install the theme from npm
npm install jsonresume-theme-mocha-responsive
Using with KissMyResume
The KissMyResume tool will automatically utilize async theme rendering and has support for Markdown markup and conversion of local and remote images to Base64. Set RENDER_MARKDOWN or PROCESS_IMAGE environment variables to true to enable those features.
RENDER_MARKDOWN=true PROCESS_IMAGE=true kissmyresume build path-to-resume.json --theme jsonresume-theme-mocha-responsive/
You can use the
serve command for live in-Browser preview with hot-reloading on resume changes.
RENDER_MARKDOWN=true PROCESS_IMAGE=true kissmyresume serve path-to-resume.json --theme jsonresume-theme-mocha-responsive/
Using with HackMyresume
The HackMyResume tool does not support async theme rendering, nor supports it helper transforming images to Base64 or converting markdown to HTML. Those helpers are disabled by default and yo should not use them with HackMyResume.
hackmyresume build path-to-resume.json --theme node_modules/jsonresume-theme-mocha-responsive/
You can render your resume in HTML (and print it to PDF) with the resume-html tool.
Set RENDER_MARKDOWN or PROCESS_IMAGE environment variables to true to enable Markdown support and conversion of local and remote images to Base64.
RENDER_MARKDOWN=true PROCESS_IMAGE=true path/to/resume-html/index.js outputFileName.html --resume path/to/resume.json --theme path/to/jsonresume-theme-mocha-responsive/
Available under the MIT license.