12 | 13 | ## Templates 14 | 15 | In the directory `src/resumes` you will find all existing templates. 16 | 17 | 18 | ### Creating New Templates 19 | 20 | 1. Create a copy of `src/resumes/template.vue`. 21 | 22 | 2. Rename file and update template name: 23 | ```javascript 24 | let name = 'TEMPLATE-NAME'; 25 | ``` 26 | 27 | 3. Import the newly added template in `src/resumes/resumes.js`. 28 | 29 |
30 | Your new resume will be now reachable at localhost:8080/#/resume/TEMPLATE-NAME. 31 |
32 |
33 | 34 | 5. Export resumes as PDF with `npm run export`. Verify export of new template. 35 | 36 | 4. Generate previews by converting PDF-files to PNG-files with `npm run preview`. 37 | 38 | 5. Add preview to `/src/pages/home.vue`: 39 | ```javascript 40 |
41 |
42 |
47 |
48 | ```
49 |
50 | ## Fonts
51 |
52 | ### Icons
53 |
54 | This project contains the [Material Design](https://github.com/google/material-design-icons) and [Font Awesome](https://github.com/FortAwesome/Font-Awesome) icon sets.
55 |
56 | ### Included Fonts
57 |
58 | These fonts are included:
59 |
60 | - Open Sans, Open Sans Condensed
61 |
62 | - Raleway
63 |
64 | - Roboto
65 |
66 | - Source Sans Pro
67 |
68 |
69 | ### Adding a New Font
70 |
71 | All fonts are installed via npm. To add a new font, search for the associated npm-module. Add the module to the package.json and install it. Import the css file in `src/App.vue`.
72 |
43 | 
44 | left-right
45 |
46 |
44 | left-right
45 | 73 |
74 | 75 | 76 | ## Export 77 | 78 | Resumes are being exported with [Puppeteer](https://github.com/GoogleChrome/puppeteer). 79 | 80 | ### Box Shadows 81 | 82 | [Electroshot](https://github.com/mixu/electroshot) uses Electron to generate PDF-files. Since Chrome does not export box-shadows properly, every resume uses [chrome-shadow-fixer](https://github.com/salomonelli/chrome-shadow-fixer). 83 | -------------------------------------------------------------------------------- /src/resumes/options.js: -------------------------------------------------------------------------------- 1 | import yaml from 'js-yaml'; 2 | import { 3 | PERSON 4 | } from '../../resume/data.yml'; 5 | import { 6 | terms 7 | } from '../terms'; 8 | 9 | // Called by templates to decrease redundancy 10 | function getVueOptions (name) { 11 | const opt = { 12 | name: name, 13 | data () { 14 | return { 15 | person: yaml.load(PERSON), 16 | terms: terms, 17 | }; 18 | }, 19 | computed: { 20 | lang () { 21 | const defaultLang = this.terms.en; 22 | const useLang = this.terms[this.person.lang]; 23 | 24 | // overwrite non-set fields with default lang 25 | Object.keys(defaultLang) 26 | .filter(k => !useLang[k]) 27 | .forEach(k => { 28 | console.log(k); 29 | useLang[k] = defaultLang[k]; 30 | }); 31 | 32 | return useLang; 33 | }, 34 | 35 | contactLinks() { 36 | const links = {}; 37 | 38 | if(this.person.contact.github) { 39 | links.github = `https://github.com/${this.person.contact.github}`; 40 | } 41 | 42 | if(this.person.contact.codefights) { 43 | links.codefights = `https://codefights.com/profile/${this.person.contact.codefights}`; 44 | } 45 | 46 | if(this.person.contact.medium) { 47 | links.medium = `https://medium.com/@${this.person.contact.medium}`; 48 | } 49 | 50 | if(this.person.contact.email) { 51 | links.email = `mailto:${this.person.contact.email}`; 52 | } 53 | 54 | if(this.person.contact.linkedin) { 55 | links.linkedin = `https://linkedin.com/in/${this.person.contact.linkedin}`; 56 | } 57 | 58 | if(this.person.contact.phone) { 59 | links.phone = `tel:${this.person.contact.phone}`; 60 | } 61 | 62 | return links; 63 | }, 64 | } 65 | }; 66 | return opt; 67 | } 68 | 69 | export { 70 | getVueOptions 71 | }; 72 | -------------------------------------------------------------------------------- /resume/data.yml: -------------------------------------------------------------------------------- 1 | /* #*/ export const PERSON = ` 2 | name: 3 | first: John 4 | middle: 5 | last: Doe 6 | about: Hi, my name is John Doe. I"m just about the most boring type of person you could 7 | possibly imagine. I like collecting leaves from the tree in my back yard and documenting 8 | each time I eat a peanut that is non-uniform. I am not a robot. Please hire me. 9 | position: Software Developer 10 | 11 | birth: 12 | year: 1990 13 | location: New York 14 | 15 | experience: 16 | - company: Company A 17 | position: Developer 18 | timeperiod: since January 2016 19 | description: Programming and watching cute cat videos. 20 | website: https://example.com 21 | 22 | - company: Company B 23 | position: Frontend Developer 24 | timeperiod: January 2015 - December 2015 25 | description: Fulfillment of extremely important tasks. 26 | 27 | - company: Company C 28 | position: Trainee 29 | timeperiod: March 2014 - December 2014 30 | description: Making coffee and baking cookies. 31 | 32 | education: 33 | - degree: Master of Arts 34 | timeperiod: March 2012 - December 2013 35 | description: Major in Hacking and Computer Penetration, University A, New York, USA. 36 | website: https://example.com 37 | 38 | - degree: Bachelor of Science 39 | timeperiod: March 2009 - December 2011 40 | description: Major in Engineering, University B, Los Angeles, USA. 41 | 42 | # skill level goes 0 to 100 43 | skills: 44 | - name: HTML5 45 | level: 99 46 | - name: CSS3 47 | level: 95 48 | - name: JavaScript 49 | level: 97 50 | - name: Node.js 51 | level: 93 52 | - name: Angular 2 53 | level: 60 54 | - name: TypeScript 55 | level: 80 56 | - name: ES.Next 57 | level: 70 58 | - name: Docker 59 | level: 99 60 | knowledge: Also proficient in Adobe Photoshop and Illustrator, grew up bilingual 61 | (English and Klingon). 62 | 63 | projects: 64 | - name: best-resume-ever 65 | platform: Vue 66 | description: 👔 💼 Build fast 🚀 and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS. 67 | url: https://github.com/salomonelli/best-resume-ever 68 | 69 | hobbies: 70 | - name: Video Games 71 | iconClass: fa fa-gamepad 72 | url: https://example.com 73 | 74 | - name: Drawing 75 | iconClass: fa fa-pencil 76 | url: https://example.com 77 | 78 | contributions: 79 | - name: best-resume-ever 80 | description: 👔 💼 Build fast 🚀 and easy multiple beautiful resumes. 81 | url: https://github.com/salomonelli/best-resume-ever 82 | 83 | contact: 84 | email: john.doe@email.com 85 | phone: 0123 456789 86 | street: 1234 Broadway 87 | city: New York 88 | website: johndoe.com 89 | github: johnyD 90 | # en, de, fr, pt, ca, cn, it, es, th, pt-br, ru, sv, id, hu, pl, ja, ka, nl, he, zh-tw, lt, ko, el 91 | lang: en 92 | ` 93 | -------------------------------------------------------------------------------- /scripts/export.js: -------------------------------------------------------------------------------- 1 | const puppeteer = require('puppeteer'); 2 | const fs = require('fs'); 3 | const path = require('path'); 4 | const http = require('http'); 5 | const config = require('../config'); 6 | 7 | const { 8 | interval 9 | } = require('rxjs'); 10 | const { 11 | filter, 12 | first, 13 | mergeMap 14 | } = require('rxjs/operators'); 15 | 16 | const fetchResponse = () => { 17 | return new Promise((res, rej) => { 18 | try { 19 | const req = http.request(`http://localhost:${config.dev.port}/#/`, response => res(response.statusCode)); 20 | req.on('error', (err) => rej(err)); 21 | req.end(); 22 | } catch (err) { 23 | rej(err); 24 | } 25 | }); 26 | }; 27 | 28 | const waitForServerReachable = () => { 29 | return interval(1000).pipe( 30 | mergeMap(async () => { 31 | try { 32 | const statusCode = await fetchResponse(); 33 | if (statusCode === 200) return true; 34 | } catch (err) {} 35 | return false; 36 | }), 37 | filter(ok => !!ok) 38 | ); 39 | }; 40 | /* 41 | const timedOut = timeout => { 42 | return new Promise(res => { 43 | setTimeout(res, timeout); 44 | }); 45 | }; 46 | */ 47 | const convert = async () => { 48 | await waitForServerReachable().pipe( 49 | first() 50 | ).toPromise(); 51 | 52 | console.log('Connected to server ...'); 53 | console.log('Exporting ...'); 54 | try { 55 | const directories = getResumesFromDirectories(); 56 | directories.forEach(async (dir) => { 57 | const browser = await puppeteer.launch({ 58 | args: ['--no-sandbox'] 59 | }); 60 | const page = await browser.newPage(); 61 | await page.goto(`http://localhost:${config.dev.port}/#/resume/` + dir.name, { 62 | waitUntil: 'networkidle2' 63 | }); 64 | await page.pdf({ 65 | path: path.join(__dirname, '../pdf/' + dir.name + '.pdf'), 66 | format: 'A4' 67 | }); 68 | await browser.close(); 69 | }); 70 | } catch (err) { 71 | throw new Error(err); 72 | } 73 | console.log('Finished exports.'); 74 | }; 75 | 76 | const getResumesFromDirectories = () => { 77 | const directories = getDirectories(); 78 | return directories 79 | .map(dir => { 80 | const fileName = dir.replace('.vue', ''); 81 | return { 82 | path: fileName, 83 | name: fileName 84 | }; 85 | }); 86 | }; 87 | 88 | const getDirectories = () => { 89 | const srcpath = path.join(__dirname, '../src/resumes'); 90 | return fs.readdirSync(srcpath) 91 | .filter(file => file !== 'resumes.js' && file !== 'template.vue' && file !== 'options.js'); 92 | }; 93 | 94 | convert(); 95 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 | 
5 |
6 | best-resume-ever
7 |
8 |
9 |
10 |
11 |
12 | [](https://travis-ci.org/salomonelli/best-resume-ever)
13 |
14 |
15 |
16 |
17 | :necktie: :briefcase: Build fast :rocket: and easy multiple beautiful resumes and create your best CV ever!
18 |
19 | Made with Vue and LESS.
20 |
21 |
22 | 23 |
24 | 25 |
26 | 
27 | 
28 | 
29 | 
30 | 
31 | 
32 | 
33 | 
34 | 
35 |
38 |
39 | 40 | ## Prerequisite 41 | 42 | 1. It is required to have NodeJs with version 8.5 or higher 43 | 44 | 2. If you do not have installed node.js in your machine then go to [this link](https://nodejs.org/en/download/) in order to install node. 45 | 46 | ## How to use 47 | 48 | best-resume-ever requires at least node v.8.5.0. 49 | 50 | 1. Clone this repository. 51 | ``` 52 | git clone https://github.com/salomonelli/best-resume-ever 53 | ``` 54 | 55 | 2. Go to the cloned directory (e.g. `cd best-resume-ever`). 56 | 57 | 3. Run `npm install`. 58 | 59 | 4. Customize your resume in the `resume/` directory: edit your data `data.yml` and replace your profile-picture `id.jpg`. 60 | 61 | 5. Preview resumes with `npm run dev`. 62 | 63 | 6. Export with `npm run export`. 64 | 65 | 66 | All resumes will be exported to the `pdf/` folder. 67 | 68 |
69 | 70 | 71 | ## Creating and Updating Templates 72 | 73 | Please read the developer docs on how to create or update templates. 74 | 75 |
76 | 77 | 78 | ## Contribute 79 | 80 | Feel free to add your own templates, language supports, fix bugs or improve the docs. Any kind of help is appreciated! If you make any kind of changes to an existing template, please commit them as new templates. 81 | 82 |
83 | 84 | 85 | ## Credits 86 | 87 | This project uses several open source packages: 88 | 89 | * Vue 90 | * Puppeteer 91 | * LESS 92 | 93 |
94 | 95 | 96 | --- 97 | 98 | > [sarasteiert.com](https://www.sarasteiert.com) · 99 | > GitHub [@salomonelli](https://github.com/salomonelli) · 100 | > Twitter [@salomonelli](https://twitter.com/salomonelli) 101 | 102 | 103 | ## License 104 | 105 | [MIT](https://github.com/salomonelli/best-resume-ever/blob/master/LICENCE.md) 106 | -------------------------------------------------------------------------------- /docs/static/js/manifest.a1968370188ff6000ad1.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///webpack/bootstrap 9f0cacd17c1ba60bcf81"],"names":[],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAQ,oBAAoB;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAY,2BAA2B;AACvC;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAK;AACL;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;AAEA;AACA,kDAA0C,oBAAoB,WAAW","file":"static/js/manifest.a1968370188ff6000ad1.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tvar parentJsonpFunction = window[\"webpackJsonp\"];\n \twindow[\"webpackJsonp\"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) {\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [], result;\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules);\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n \t\tif(executeModules) {\n \t\t\tfor(i=0; i < executeModules.length; i++) {\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = executeModules[i]);\n \t\t\t}\n \t\t}\n \t\treturn result;\n \t};\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// objects to store loaded and loading chunks\n \tvar installedChunks = {\n \t\t2: 0\n \t};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/best-resume-ever/\";\n\n \t// on error function for async loading\n \t__webpack_require__.oe = function(err) { console.error(err); throw err; };\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 9f0cacd17c1ba60bcf81"],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/static/js/manifest.a1968370188ff6000ad1.js: -------------------------------------------------------------------------------- 1 | /******/ (function(modules) { // webpackBootstrap 2 | /******/ // install a JSONP callback for chunk loading 3 | /******/ var parentJsonpFunction = window["webpackJsonp"]; 4 | /******/ window["webpackJsonp"] = function webpackJsonpCallback(chunkIds, moreModules, executeModules) { 5 | /******/ // add "moreModules" to the modules object, 6 | /******/ // then flag all "chunkIds" as loaded and fire callback 7 | /******/ var moduleId, chunkId, i = 0, resolves = [], result; 8 | /******/ for(;i < chunkIds.length; i++) { 9 | /******/ chunkId = chunkIds[i]; 10 | /******/ if(installedChunks[chunkId]) { 11 | /******/ resolves.push(installedChunks[chunkId][0]); 12 | /******/ } 13 | /******/ installedChunks[chunkId] = 0; 14 | /******/ } 15 | /******/ for(moduleId in moreModules) { 16 | /******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) { 17 | /******/ modules[moduleId] = moreModules[moduleId]; 18 | /******/ } 19 | /******/ } 20 | /******/ if(parentJsonpFunction) parentJsonpFunction(chunkIds, moreModules, executeModules); 21 | /******/ while(resolves.length) { 22 | /******/ resolves.shift()(); 23 | /******/ } 24 | /******/ if(executeModules) { 25 | /******/ for(i=0; i < executeModules.length; i++) { 26 | /******/ result = __webpack_require__(__webpack_require__.s = executeModules[i]); 27 | /******/ } 28 | /******/ } 29 | /******/ return result; 30 | /******/ }; 31 | /******/ 32 | /******/ // The module cache 33 | /******/ var installedModules = {}; 34 | /******/ 35 | /******/ // objects to store loaded and loading chunks 36 | /******/ var installedChunks = { 37 | /******/ 2: 0 38 | /******/ }; 39 | /******/ 40 | /******/ // The require function 41 | /******/ function __webpack_require__(moduleId) { 42 | /******/ 43 | /******/ // Check if module is in cache 44 | /******/ if(installedModules[moduleId]) { 45 | /******/ return installedModules[moduleId].exports; 46 | /******/ } 47 | /******/ // Create a new module (and put it into the cache) 48 | /******/ var module = installedModules[moduleId] = { 49 | /******/ i: moduleId, 50 | /******/ l: false, 51 | /******/ exports: {} 52 | /******/ }; 53 | /******/ 54 | /******/ // Execute the module function 55 | /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); 56 | /******/ 57 | /******/ // Flag the module as loaded 58 | /******/ module.l = true; 59 | /******/ 60 | /******/ // Return the exports of the module 61 | /******/ return module.exports; 62 | /******/ } 63 | /******/ 64 | /******/ 65 | /******/ // expose the modules object (__webpack_modules__) 66 | /******/ __webpack_require__.m = modules; 67 | /******/ 68 | /******/ // expose the module cache 69 | /******/ __webpack_require__.c = installedModules; 70 | /******/ 71 | /******/ // define getter function for harmony exports 72 | /******/ __webpack_require__.d = function(exports, name, getter) { 73 | /******/ if(!__webpack_require__.o(exports, name)) { 74 | /******/ Object.defineProperty(exports, name, { 75 | /******/ configurable: false, 76 | /******/ enumerable: true, 77 | /******/ get: getter 78 | /******/ }); 79 | /******/ } 80 | /******/ }; 81 | /******/ 82 | /******/ // getDefaultExport function for compatibility with non-harmony modules 83 | /******/ __webpack_require__.n = function(module) { 84 | /******/ var getter = module && module.__esModule ? 85 | /******/ function getDefault() { return module['default']; } : 86 | /******/ function getModuleExports() { return module; }; 87 | /******/ __webpack_require__.d(getter, 'a', getter); 88 | /******/ return getter; 89 | /******/ }; 90 | /******/ 91 | /******/ // Object.prototype.hasOwnProperty.call 92 | /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; 93 | /******/ 94 | /******/ // __webpack_public_path__ 95 | /******/ __webpack_require__.p = "/best-resume-ever/"; 96 | /******/ 97 | /******/ // on error function for async loading 98 | /******/ __webpack_require__.oe = function(err) { console.error(err); throw err; }; 99 | /******/ }) 100 | /************************************************************************/ 101 | /******/ ([]); 102 | //# sourceMappingURL=manifest.a1968370188ff6000ad1.js.map -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "best-resume-ever", 3 | "version": "1.0.0", 4 | "description": "Build fast and easy multiple beautiful resumes and create your best CV ever! ", 5 | "author": "salomonelli", 6 | "license": "MIT", 7 | "repository": { 8 | "type": "git", 9 | "url": "git+https://github.com/salomonelli/best-resume-ever.git" 10 | }, 11 | "scripts": { 12 | "docs": "node build/build.js", 13 | "docs:serve": "cd docs/ && ws --port 8080 --rewrite '/best-resume-ever/* -> /$1'", 14 | "dev": "node build/dev-server.js", 15 | "start": "node build/dev-server.js", 16 | "pdf": "node scripts/export.js", 17 | "preview": "node scripts/preview.js", 18 | "test:deleteFiles": "node test/scripts/deleteFiles.js", 19 | "test:cafe": "testcafe chromium test/", 20 | "test:e2e": "concurrently \"npm run dev\" \"npm run test:cafe\" --success first --kill-others --raw", 21 | "test:export": "SCRIPT=export npm run test:deleteFiles && npm run export && mocha test/scripts/export.js", 22 | "test:preview": "SCRIPT=preview npm run test:deleteFiles && npm run preview && mocha test/scripts/preview.js", 23 | "test:docs": "npm run docs && concurrently \"npm run docs:serve\" \"npm run test:cafe\" --success first --kill-others --raw", 24 | "test": "npm run test:export && npm run test:preview && npm run test:docs && npm run test:e2e", 25 | "export": "concurrently \"npm run dev\" \"npm run pdf\" --success first --kill-others --raw", 26 | "lint": "eslint --ext .js,.vue src scripts", 27 | "lint:fix": "eslint --ext .js,.vue src scripts --fix" 28 | }, 29 | "dependencies": { 30 | "font-awesome": "4.7.0", 31 | "js-yaml": "3.12.0", 32 | "material-design-icons": "3.0.1", 33 | "material-icons": "0.2.3", 34 | "npm-font-open-sans": "1.1.0", 35 | "npm-font-open-sans-condensed": "1.0.3", 36 | "raleway-webfont": "3.0.1", 37 | "roboto-fontface": "0.10.0", 38 | "source-sans-pro": "2.20.2", 39 | "vue": "2.5.17", 40 | "vue-router": "3.0.1" 41 | }, 42 | "devDependencies": { 43 | "@babel/cli": "7.1.0", 44 | "@babel/core": "7.1.0", 45 | "@babel/plugin-transform-runtime": "7.1.0", 46 | "@babel/preset-env": "7.1.0", 47 | "@babel/register": "7.0.0", 48 | "autoprefixer": "9.1.5", 49 | "babel-loader": "8.0.2", 50 | "chalk": "2.4.1", 51 | "check-node-version": "3.2.0", 52 | "concurrently": "4.0.1", 53 | "connect-history-api-fallback": "1.5.0", 54 | "copy-webpack-plugin": "4.5.2", 55 | "cpx": "1.5.0", 56 | "css-loader": "1.0.0", 57 | "escope": "3.6.0", 58 | "eslint": "5.6.0", 59 | "eslint-config-standard": "12.0.0", 60 | "eslint-friendly-formatter": "4.0.1", 61 | "eslint-loader": "2.1.1", 62 | "eslint-plugin-html": "4.0.6", 63 | "eslint-plugin-import": "2.14.0", 64 | "eslint-plugin-node": "7.0.1", 65 | "eslint-plugin-promise": "4.0.1", 66 | "eslint-plugin-standard": "4.0.0", 67 | "eventsource-polyfill": "0.9.6", 68 | "express": "4.16.3", 69 | "extract-text-webpack-plugin": "4.0.0-beta.0", 70 | "file-loader": "2.0.0", 71 | "friendly-errors-webpack-plugin": "1.7.0", 72 | "html-webpack-plugin": "3.2.0", 73 | "http": "0.0.0", 74 | "http-proxy-middleware": "0.19.0", 75 | "less": "3.8.1", 76 | "less-loader": "4.1.0", 77 | "local-web-server": "2.6.0", 78 | "lolex": "2.7.5", 79 | "mocha": "5.2.0", 80 | "mv": "2.1.1", 81 | "node": "10.11.0", 82 | "opn": "5.4.0", 83 | "optimize-css-assets-webpack-plugin": "5.0.1", 84 | "ora": "3.0.0", 85 | "pdf-image": "2.0.0", 86 | "postcss": "7.0.4", 87 | "postcss-cssnext": "3.1.0", 88 | "puppeteer": "1.8.0", 89 | "rename": "1.0.4", 90 | "request": "2.88.0", 91 | "request-promise": "4.2.2", 92 | "rimraf": "2.6.2", 93 | "rxjs": "6.3.3", 94 | "semver": "5.5.1", 95 | "shelljs": "0.8.2", 96 | "testcafe": "0.22.0", 97 | "testcafe-hammerhead": "14.2.7", 98 | "url-exists": "1.0.3", 99 | "url-loader": "1.1.1", 100 | "vue-loader": "15.4.2", 101 | "vue-style-loader": "4.1.2", 102 | "vue-template-compiler": "2.5.17", 103 | "webpack": "4.20.2", 104 | "webpack-bundle-analyzer": "3.0.2", 105 | "webpack-dev-middleware": "3.4.0", 106 | "webpack-hot-middleware": "2.24.2", 107 | "webpack-merge": "4.1.4" 108 | }, 109 | "engines": { 110 | "node": ">= 8.5.0", 111 | "npm": ">= 5.0.0" 112 | } 113 | } 114 | -------------------------------------------------------------------------------- /src/pages/home.vue: -------------------------------------------------------------------------------- 1 | 2 |
3 | 
4 |
83 |
84 |
85 |
91 |
92 |
160 |
--------------------------------------------------------------------------------
/src/resumes/oblique.vue:
--------------------------------------------------------------------------------
1 |
2 | 
4 |
5 | 
6 |
7 |
6 | best-resume-ever
8 |
9 |
82 |
10 |
11 |
16 |
17 |
12 | 
13 | material-dark
14 |
15 |
13 | material-dark
14 |
18 |
19 |
24 |
25 |
20 | 
21 | left-right
22 |
23 |
21 | left-right
22 |
26 |
27 |
32 |
33 |
28 | 
29 | oblique
30 |
31 |
29 | oblique
30 |
34 |
35 |
40 |
41 |
36 | 
37 | side-bar
38 |
39 |
37 | side-bar
38 |
42 |
43 |
48 |
49 |
44 | 
45 | purple
46 |
47 |
45 | purple
46 |
50 |
51 |
56 |
57 |
52 | 
53 | side-bar-rtl
54 |
55 |
53 | side-bar-rtl
54 |
58 |
59 |
64 |
65 |
60 | 
61 | left-right-rtl
62 |
63 |
61 | left-right-rtl
62 |
66 |
67 |
72 |
73 |
68 | 
69 | creative
70 |
71 |
69 | creative
70 |
74 |
75 |
80 |
81 |
76 | 
77 | cool
78 |
79 |
77 | cool
78 |
3 |
73 |
74 |
75 |
82 |
83 |
84 |
210 |
--------------------------------------------------------------------------------
/src/resumes/left-right.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
17 |
6 |
16 |
7 |
14 |
15 |
8 |
11 | {{person.name.first}} {{person.name.middle}} {{person.name.last}}
9 | {{person.position}}
10 |
12 |
13 |
18 |
72 |
19 |
34 | {{ lang.experience }}
20 | 21 |
22 |
33 |
23 | {{experience.position}}
24 | details
25 | {{experience.company}}
26 |
27 |
28 |
29 | {{experience.timeperiod}}
30 | , {{experience.description}}
31 |
32 |
35 |
45 | {{ lang.education }}
36 |
37 |
44 |
38 | {{education.degree}}
39 |
40 |
41 | {{education.description}}
42 |
43 |
46 |
54 | {{ lang.skills }}
47 |
48 |
53 |
49 | details
50 | {{skill.name}}
51 |
52 |
55 | {{person.knowledge}}
56 |
57 |
58 |
71 | {{ lang.contact }}
59 | {{person.contact.email}} 60 | ; 61 | {{person.contact.phone}} 62 | ; 63 | {{person.contact.street}}, {{person.contact.city}} 64 | ; 65 | 66 | {{person.contact.website}} 67 | ; 68 | 69 | {{contactLinks.github}} 70 |
3 |
70 |
71 |
72 |
79 |
80 |
81 |
225 |
--------------------------------------------------------------------------------
/src/resumes/left-right-rtl.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 | {{person.name.first}} {{person.name.middle}} {{person.name.last}}
5 |
6 |
7 |
9 | {{person.position}}
8 |
10 |
14 |
11 |
12 |
13 |
15 |
50 |
16 |
24 | {{ lang.experience }}
17 |
18 | {{experience.company}}
19 | {{experience.position}}
20 | {{experience.timeperiod}}
21 | {{experience.description}}
22 |
23 |
25 |
27 |
48 |
49 | {{ lang.contact }}
26 || {{person.contact.email}} | 29 |30 | |
| {{person.contact.phone}} | 33 |34 | |
| {{person.contact.street}} {{person.contact.city}} |
37 | 38 | |
| {{person.contact.website}} | 41 |42 | |
| {{contactLinks.github}} | 45 |46 | |
51 |
69 |
52 |
58 | {{ lang.education }}
53 |
54 | {{education.degree}}
55 | {{education.description}}
56 |
57 | {{ lang.skills }}
59 |
60 |
67 | {{person.knowledge}}
68 |
61 | {{skill.name}}
62 |
65 |
66 |
3 |
70 |
71 |
72 |
78 |
79 |
80 |
227 |
--------------------------------------------------------------------------------
/src/resumes/purple.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 | {{person.name.first}} {{person.name.middle}} {{person.name.last}}
5 |
6 |
7 |
9 | {{person.position}}
8 |
10 |
14 |
11 |
12 |
13 |
15 |
50 |
16 |
24 | {{ lang.experience }}
17 |
18 | {{experience.company}}
19 | {{experience.position}}
20 | {{experience.timeperiod}}
21 | {{experience.description}}
22 |
23 |
25 |
27 |
48 |
49 | {{ lang.contact }}
26 || 29 | | {{person.contact.email}} | 30 |
| 33 | | {{person.contact.phone}} | 34 |
| 37 | | {{person.contact.street}} {{person.contact.city}} |
38 |
| 41 | | {{person.contact.website}} | 42 |
| 45 | | {{contactLinks.github}} | 46 |
51 |
69 |
52 |
58 | {{ lang.education }}
53 |
54 | {{education.degree}}
55 | {{education.description}}
56 |
57 | {{ lang.skills }}
59 |
60 |
67 | {{person.skillDescription}}
68 |
61 | {{skill.name}}
62 |
65 |
66 |
3 |
64 |
65 |
66 |
73 |
74 |
75 |
234 |
--------------------------------------------------------------------------------
/src/resumes/side-bar-rtl.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
19 |
5 |
15 | {{person.position}}
6 |{{person.name.first}} {{person.name.last}}
7 |
8 |
9 | {{person.contact.email}}
10 | {{person.contact.phone}}
11 | {{person.contact.website}}
12 | {{person.contact.github}}
13 |
14 |
16 |
17 |
18 |
20 |
57 |
63 |
21 |
36 | {{ lang.experience }}
22 | 23 |
24 |
35 | {{experience.company}}
25 |{{experience.position}} | {{experience.timeperiod}}
26 |{{experience.description}}
27 |-
28 |
- 29 | 30 | {{item}} 31 | 32 | 33 |
37 |
44 | {{ lang.education }}
38 | 39 |
40 |
43 | {{education.description}}
41 |{{education.degree}} | {{education.timeperiod}}
42 |
45 |
56 | {{ lang.skills }}
46 | 47 |{{person.knowledge}}
48 |-
49 |
- 50 | 51 | {{skill.name}} 52 | 53 | 54 |
3 |
86 |
87 |
88 |
89 |
90 |
97 |
98 |
99 |
241 |
--------------------------------------------------------------------------------
/src/resumes/side-bar.vue:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 | {{person.name.first}} {{person.name.middle}} {{person.name.last}}
6 |
7 |
8 | {{person.position}}
9 |
10 |
11 |
12 |
48 |
13 |
17 |
14 |
15 |
16 |
18 |
47 | {{ lang.contact }}
19 |
20 | {{person.contact.email}}
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 | {{person.contact.phone}}
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | {{person.contact.street}}
{{person.contact.city}} 37 |
38 | {{person.contact.city}} 37 |
39 |
40 |
41 |
42 |
43 |
44 | {{contactLinks.github}}
45 |
46 |
49 |
85 |
50 |
64 | {{ lang.experience }}
51 |
52 |
63 |
53 | {{experience.company}} -
54 | {{experience.position}}
55 |
56 |
57 | {{experience.timeperiod}}
58 |
59 |
60 | {{experience.description}}
61 |
62 |
65 |
75 | {{ lang.education }}
66 |
67 |
74 |
68 | {{education.degree}}
69 |
70 |
71 | {{education.description}}
72 |
73 |
76 |
84 | {{ lang.skills }}
77 |
78 |
82 | {{person.knowledge}}
83 |
79 | {{skill.name}}
80 |
81 |
3 |
86 |
87 |
88 |
89 |
90 |
97 |
98 |
99 |
239 |
--------------------------------------------------------------------------------
4 |
5 | {{person.name.first}} {{person.name.middle}} {{person.name.last}}
6 |
7 |
8 | {{person.position}}
9 |
10 |
11 |
12 |
48 |
13 |
17 |
14 |
15 |
16 |
18 |
47 | {{ lang.contact }}
19 |
20 | {{person.contact.email}}
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 | {{person.contact.phone}}
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | {{person.contact.street}}
{{person.contact.city}} 37 |
38 | {{person.contact.city}} 37 |
39 |
40 |
41 |
42 |
43 |
44 | {{contactLinks.github}}
45 |
46 |
49 |
85 |
50 |
64 | {{ lang.experience }}
51 |
52 |
63 |
53 | {{experience.company}} -
54 | {{experience.position}}
55 |
56 |
57 | {{experience.timeperiod}}
58 |
59 |
60 | {{experience.description}}
61 |
62 |
65 |
75 | {{ lang.education }}
66 |
67 |
74 |
68 | {{education.degree}}
69 |
70 |
71 | {{education.description}}
72 |
73 |
76 |
84 | {{ lang.skills }}
77 |
78 |
82 | {{person.knowledge}}
83 |
79 | {{skill.name}}
80 |
81 |