All Projects → WebPraktikos → Universal Resume

WebPraktikos / Universal Resume

Licence: other
Minimal and formal résumé (CV) website template for print, mobile, and desktop. https://bit.ly/ur_demo

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Universal Resume

Jekyll Theme Minimal Resume
Simple Jekyll theme for a minimal resume website: https://jekyll-theme-minimal-resume.netlify.com/
Stars: ✭ 269 (-80.06%)
Mutual labels:  resume, cv, minimal, template
Frontend-Learning-Journey
Tutorials, definitions, frameworks and some of the projects i made when starting to learn frontend web developement
Stars: ✭ 28 (-97.92%)
Mutual labels:  resume, responsive, cv
Best Resume Ever
👔 💼 Build fast 🚀 and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS.
Stars: ✭ 15,124 (+1021.13%)
Mutual labels:  resume, cv, pdf
Sing App
💥Free and open-source admin dashboard template built with Bootstrap 4.5 💥
Stars: ✭ 1,187 (-12.01%)
Mutual labels:  typography, template, responsive
Awesome Cv
📄 Awesome CV is LaTeX template for your outstanding job application
Stars: ✭ 14,957 (+1008.75%)
Mutual labels:  resume, cv, pdf
Markdown Cv
a simple template to write your CV in a readable markdown file and use CSS to publish/print it.
Stars: ✭ 721 (-46.55%)
Mutual labels:  resume, cv, pdf
Latexcv
👔 A collection of cv and resume templates written in LaTeX. Leave an issue if your language is not supported!
Stars: ✭ 1,027 (-23.87%)
Mutual labels:  resume, cv, template
Simple Resume Cv
Template for a simple resume or curriculum vitae (CV), in XeLaTeX.
Stars: ✭ 333 (-75.32%)
Mutual labels:  resume, cv, template
Yaac Another Awesome Cv
YAAC: Another Awesome CV is a template using Font Awesome and Adobe Source Font.
Stars: ✭ 516 (-61.75%)
Mutual labels:  resume, cv, template
Resume
👾 My resume / 我的简历
Stars: ✭ 482 (-64.27%)
Mutual labels:  resume, cv, pdf
Modern Resume Theme
A modern static resume template and theme. Powered by Jekyll and GitHub pages.
Stars: ✭ 868 (-35.66%)
Mutual labels:  resume, cv, template
Mcdowell Cv
A Nice-looking CV template made into LaTeX
Stars: ✭ 855 (-36.62%)
Mutual labels:  resume, cv, template
Cv Template
An easy way to create HTML and PDF versions of your resume, and automatically host them on GitHub Pages.
Stars: ✭ 41 (-96.96%)
Mutual labels:  resume, cv, pdf
Cv
A resume template written in Markdown,Yaml JSON auto generates github-pages website & PDF by Jekyll. 在线简历生成模板(超高兼容可导PDF)
Stars: ✭ 61 (-95.48%)
Mutual labels:  resume, cv
Awesome Web Cv
📝 Single Page Web Application for Your Outstanding CV
Stars: ✭ 50 (-96.29%)
Mutual labels:  resume, cv
Resume Builder
Resume Builder is a free open-source project that allows anyone to easily maintain and build any kind of resume.
Stars: ✭ 62 (-95.4%)
Mutual labels:  resume, pdf
Profile Card
Tailwind CSS Starter Template - Profile Card (Single page website for your profile/links)
Stars: ✭ 69 (-94.89%)
Mutual labels:  template, tailwindcss
Jekyll Timeline
Timeline / Résumé Theme with Jekyll
Stars: ✭ 46 (-96.59%)
Mutual labels:  resume, template
Snipit
Snipit allows you to capture and save interesting sections from any source of information. Be it textbooks, journals, computer screens, photographs, flyers, writings on a whiteboard, etc.
Stars: ✭ 70 (-94.81%)
Mutual labels:  paper, mobile
Seed Quickstart Webpack
Template for web apps with Seed (Rust framework), TailwindCSS and Webpack.
Stars: ✭ 73 (-94.59%)
Mutual labels:  template, tailwindcss

Universal Résumé Template

Minimal and formal résumé (CV) website template for print, mobile, and desktop. The proportions are the same on the screen and paper. Built with amazing Tailwind CSS.

Letter Size Demo | Multiple Pages Demo | A4 Size Demo | Mobile Demo

How to print or save as PDF?
In Chrome, Right-click → Print. In Firefox, File → Print. More info here.

Does it support A4 and Letter paper sizes?
Yes. Replace every -letter with -a4, and uncomment specified code blocks. More info here.

Why it’s made?
I couldn’t find any formal or professional résumé (CV) website with good typography that is optimized for the Web, print, PDF, and mobile. Also, researching what recruiters want, my priorities were fast scanning time and all content to fit on one page.

How to run it

Navigate to the base directory:

cd universal-resume

Install the dependencies:

npm install

Start the development server:

npm run serve

Only generate CSS that is used on the page which results in a much smaller file size:

npm run build

Starting Point

docs/index.html is the main content file. By copying HTML: add pages, sections, subsection, and other parts.

npm run build will make the docs directory ready for drag-n-drop to, for example, https://app.netlify.com/drop (free registration required beforehand).

Also, with additionally running git add docs/styles.css -f and committing changes, it’s ready for push to GitHub and integration with GitHub Pages. GitHub Pages are free for public repositories. Under your repository name, not profile, click “Settings” and enable GitHub Pages by navigating to: Options → GitHub Pages → Source → /docs.

Tailwind CSS

Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override. It has a great documentation.

Custom CSS

Code from tailwind.config.js and tailwind.css transpiles to docs/style.css.

Here is the default tailwind config: defaultConfig.stub.js, and here’s the additional information from the Tailwind documentation: theme.

If you want to change CSS in a classical way, add a class to the HTML element and write the CSS inside tailwind.css.

Balanced Columns

Removing col-fill-auto class will make both columns equally tall. Moreover, removing md:h-letter and md:h-letter-col classes will eliminate fixed proportions of the letter or A4 page — thereby removing unnecessary vertical space when displaying short columns.

A4 Size Variant

Change the default (letter) size to A4:

1. Inside docs/index.html, replace every -letter with -a4.

2. Inside tailwind.config.js, uncomment code block below /* For A4 size */ and then comment code block below /* For Letter size */

3. Inside tailwind.css, comment code below /* For Letter size */ and uncomment code below /* For A4 size */

Important: Too much content on one page will break the page in the form of additional columns.

Printing

Chrome

Right-click → Print.
Also, choose the Save as PDF option if needed.

By expanding More Settings, change Page Size to A4 or Letter.

Firefox

File → Print.

Choose A4 or Letter size by navigating to Properties → Advanced → Paper Size.

Adobe Acrobat Reader

File → Print.

By clicking on the Page Setup button, you are taken to the window with A4 and Letter options.

Blocking Search Engines

Disable search engine indexing by adding the following code to the <head>:

<meta name="robots" content="noindex">

Language Support

With FiraGO typeface, this résumé supports the following scrips: Latin, Cyrillic, Greek, Vietnamese, Arabic, Thai, Georgian, Devanagari, and Hebrew.

If you want to significantly speed up font loading time, find out what fonts you are using (under developer tools network panel) and add them to the head like so:

<link rel="preload" href="./fonts/FiraGO-Regular.latin.woff2" as="font" crossorigin="anonymous">

Contact Me / Hire Me

If you have any question, comment, or issue, please let me know via:

License

NonCommercial-ShareAlike 1.0 Generic (CC NC-SA 1.0)
https://creativecommons.org/licenses/nc-sa/1.0/

You are free to:

Share — copy and redistribute the material in any medium or format

Adapt — remix, transform, and build upon the material

Under the following terms:

NonCommercial — You may not use the material for commercial purposes.

ShareAlike — If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].