A proof of concept to make nice-looking CV in a self-contained HTML file, and support printing like normal Word or PDF documents.
desktop.mp4
mobile.mp4
Display | ||
---|---|---|
Google Chrome | Yes | Yes, except iOS version |
Mozilla Firefox | Yes | Yes, except Android and iOS version |
Microsoft Edge | Yes (Tested on Chromium version) | Yes (Tested on Chromium version) |
Apple Safari | Yes | Limited support until Safari can support @page media, check the support status on Can I use |
There are 9 ready-to-use themes. To change the theme, simply change the data-theme
attribute in <body>
tag.
- <body data-theme="orange">
+ <body data-theme="azure">
Below are the themes available:
Everything, including contents and styles are self-contained within index.html
. To preview the changes, simply open index.html
in any supported browsers listed in the "Supported Browsers" section. For frequent updates and preview, you can serve the page in any development server that support live realod, for instance es-dev-server
.
A development server which support live reload can be start with the below command:
# Assuming Node.js and npm is properly installed
npx es-dev-server@2.1.0 --root-dir ./ --app-index index.html --node-resolve --watch --open --port 8000