My personal resume :)
- HTML 86.1%
- CSS 12.8%
- JavaScript 1.1%
| docs | ||
| node_modules/object.assign | ||
| avatar.jpg | ||
| generate-pdf.js | ||
| index.html | ||
| pdf-generator.html | ||
| print-instructions.html | ||
| print-optimized-nl.html | ||
| print-optimized.html | ||
| README.md | ||
| resume.pdf | ||
| styles.css | ||
Universal Resume
A clean, professional HTML resume template that can be easily customized and converted to PDF. This template features a modern design with a two-column layout, making it perfect for showcasing your professional experience and skills.
Features
- Clean, modern design optimized for both web and print
- Responsive layout that works on all devices
- Easy PDF generation using Puppeteer
- Customizable styling with CSS
- Professional typography and spacing
- Print-optimized versions available
Setup
Prerequisites
- Node.js (for PDF generation)
- A modern web browser
Installation
-
Clone or download this repository:
git clone <repository-url> cd universal-resume -
Install dependencies for PDF generation:
npm install puppeteer
Usage
Viewing the Resume
- Open
index.htmlin your web browser to view the resume - For print-optimized versions, open
print-optimized.htmlorprint-optimized-nl.html
Customizing Content
- Edit
index.htmlto update your personal information, experience, and skills - Modify
styles.cssto customize the appearance and styling - Replace
avatar.jpgwith your own profile photo
Generating PDF
To generate a PDF version of your resume:
node generate-pdf.js
This will create a PDF file named niels-uitterdijk-resume.pdf in the project directory.
Print Instructions
For manual printing instructions and tips, open print-instructions.html in your browser.
File Structure
index.html- Main resume filestyles.css- Custom stylingdocs/build.css- Base CSS frameworkgenerate-pdf.js- PDF generation scriptprint-optimized.html- Print-optimized versionprint-optimized-nl.html- Dutch print-optimized versionprint-instructions.html- Printing guidelinesavatar.jpg- Profile photo
Customization
The template is designed to be easily customizable. Key areas to modify:
- Personal Information: Update name, contact details, and profile summary in
index.html - Styling: Modify colors, fonts, and layout in
styles.css - Content Sections: Add, remove, or rearrange sections as needed
- Photo: Replace
avatar.jpgwith your own professional headshot
Browser Compatibility
This resume template works in all modern browsers and is optimized for:
- Chrome/Chromium
- Firefox
- Safari
- Edge
License
This project is open source and available under the MIT License.