jsonresume-theme-class-yaucp
Version:
Class Theme for JSON Resume
48 lines (29 loc) • 2.44 kB
Markdown
# Class Theme for JSON Resume
[](https://matrix.to/#/#json-resume:one.ems.host)
[](https://www.npmjs.com/package/@jsonresume/jsonresume-theme-class)
A modern theme for [JSON Resume](http://jsonresume.org/) which is self-contained. The content of the résumé will work offline and can be hosted without depending on or making requests to third-party servers.
This package differs a bit by adding extra LD-JSON for SEO, project section and a footer to "show off" the github repo
for the website and the corresponding links for my own needs.
It also looks different with new color theme as well.
## Usage
```sh
# Install resume-cli via npm, yarn, pnpm, or whaever package manager you want
npm install --global resume-cli
# Install /jsonresume-theme-class in the directory resume.json is in
npm install /jsonresume-theme-class
# Export as an HTML page, ready to be served by any web server
resume export --theme /jsonresume-theme-class index.html
# Export a PDF document, it's recommended to use your name as the file name
resume export --theme /jsonresume-theme-class your-name.pdf
```
## Features
### JSON Resume 1.0.0
This supports the JSON Resume 1.0.0 spec, and is backward compatible with earlier versions.
### Application Tracking System (ATS) Friendly
Many companies and recruiters use [ATS](https://en.wikipedia.org/wiki/Applicant_tracking_system) systems that [parse CV's](https://en.wikipedia.org/wiki/R%C3%A9sum%C3%A9_parsing) and extract the information into a standard format. Part of maintaining this theme includes reviewing this and adhering to standard practices when building the résumé.
### Markdown
You can use inline Markdown on properties to make text bold, italic, or link them to external pages. This namely applies to the `summary` and `highlights` properties in the JSON Resume schema.
### Open Graph Protocol
Populates the `head` of the HTML document with [Open Graph](https://ogp.me/) tags. This allows social media platforms and instant messengers to create embeds when your résumé is shared.
### Dark Mode
Includes a dark mode, and uses the [`prefers-color-scheme`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) CSS property to provide a positive user-experience.