ilia/resume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/salomonelli/best-resume-ever into oblique-rtl

Browse Source
This commit is contained in:
Liel Fridman 2017-12-16 15:35:27 +02:00
commit dec5450fc1
38 changed files with 276 additions and 324 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@ -35,6 +35,12 @@
<br>
<br>
## Prerequisite
1. It is required to have NodeJs with version 8.5 or higher
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.
## How to use
best-resume-ever requires at least node v.8.5.0.

1
build/dev-server.js
View File

@ -12,6 +12,7 @@ var webpackConfig = process.env.NODE_ENV === 'testing'
? require('./webpack.prod.conf')
: require('./webpack.dev.conf')
// default port where dev server listens for incoming traffic
var port = process.env.PORT || config.dev.port
// automatically open browser, if not set will be false

14
build/webpack.prod.conf.js
View File

@ -31,12 +31,6 @@ var webpackConfig = merge(baseWebpackConfig, {
new webpack.DefinePlugin({
'process.env': env
}),
new webpack.optimize.UglifyJsPlugin({
compress: {
warnings: false
},
sourceMap: true
}),
// extract css into its own file
new ExtractTextPlugin({
filename: utils.assetsPath('css/[name].[contenthash].css')
@ -87,14 +81,6 @@ var webpackConfig = merge(baseWebpackConfig, {
name: 'manifest',
chunks: ['vendor']
}),
// copy custom static assets
new CopyWebpackPlugin([
{
from: path.resolve(__dirname, '../static'),
to: config.build.assetsSubDirectory,
ignore: ['.*']
}
])
]
})

2
config/index.js
View File

@ -24,7 +24,7 @@ module.exports = {
dev: {
env: require('./dev.env'),
port: 8080,
autoOpenBrowser: true,
autoOpenBrowser: false,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {},

52
package.json
View File

@ -17,10 +17,11 @@
"pdf": "node scripts/export.js",
"preview": "node scripts/preview.js",
"test:deleteFiles": "node test/scripts/deleteFiles.js",
"test:e2e": "concurrently \"npm run dev\" \"testcafe chromium test/\" --success first --kill-others --raw",
"test:cafe": "testcafe chromium test/",
"test:e2e": "concurrently \"npm run dev\" \"npm run test:cafe\" --success first --kill-others --raw",
"test:export": "SCRIPT=export npm run test:deleteFiles && npm run export && mocha test/scripts/export.js",
"test:preview": "SCRIPT=preview npm run test:deleteFiles && npm run export && npm run preview && mocha test/scripts/preview.js",
"test:docs": "npm run docs && concurrently \"npm run docs:serve\" \"testcafe chromium test/\" --success first --kill-others --raw",
"test:docs": "npm run docs && concurrently \"npm run docs:serve\" \"npm run test:cafe\" --success first --kill-others --raw",
"test": "npm run test:export && npm run test:preview && npm run test:docs && npm run test:e2e",
"export": "concurrently \"npm run dev\" \"npm run pdf\" --success first --kill-others --raw",
"lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
@ -35,48 +36,48 @@
"raleway-webfont": "3.0.1",
"roboto-fontface": "0.8.0",
"source-sans-pro": "2.0.10",
"vue": "2.5.2",
"vue": "2.5.11",
"vue-router": "3.0.1"
},
"devDependencies": {
"autoprefixer": "7.1.6",
"autoprefixer": "7.2.3",
"babel-cli": "6.26.0",
"babel-core": "6.26.0",
"babel-eslint": "8.0.1",
"babel-eslint": "8.0.3",
"babel-loader": "7.1.2",
"babel-plugin-transform-runtime": "6.23.0",
"babel-preset-env": "1.6.1",
"babel-preset-stage-2": "6.24.1",
"babel-register": "6.26.0",
"chalk": "2.2.2",
"check-node-version": "2.1.0",
"concurrently": "3.5.0",
"connect-history-api-fallback": "1.4.0",
"copy-webpack-plugin": "4.2.0",
"chalk": "2.3.0",
"check-node-version": "3.1.1",
"concurrently": "3.5.1",
"connect-history-api-fallback": "1.5.0",
"copy-webpack-plugin": "4.3.0",
"cpx": "1.5.0",
"css-loader": "0.28.7",
"escope": "3.6.0",
"eslint": "4.11.0",
"eslint": "4.13.1",
"eslint-config-standard": "10.2.1",
"eslint-friendly-formatter": "3.0.0",
"eslint-loader": "1.9.0",
"eslint-plugin-html": "3.2.2",
"eslint-plugin-html": "4.0.1",
"eslint-plugin-import": "2.8.0",
"eslint-plugin-node": "5.2.1",
"eslint-plugin-promise": "3.6.0",
"eslint-plugin-standard": "3.0.1",
"eventsource-polyfill": "0.9.6",
"express": "4.16.2",
"extract-text-webpack-plugin": "3.0.1",
"extract-text-webpack-plugin": "3.0.2",
"file-loader": "1.1.5",
"friendly-errors-webpack-plugin": "1.6.1",
"html-webpack-plugin": "2.30.1",
"http": "0.0.0",
"http-proxy-middleware": "0.17.4",
"less": "2.7.2",
"less": "2.7.3",
"less-loader": "4.0.5",
"local-web-server": "2.2.4",
"lolex": "2.2.0",
"local-web-server": "2.3.0",
"lolex": "2.3.1",
"mocha": "4.0.1",
"mv": "2.1.1",
"opn": "5.1.0",
@ -85,25 +86,26 @@
"pdf-image": "1.1.0",
"postcss": "6.0.14",
"postcss-cssnext": "3.0.2",
"puppeteer": "0.12.0",
"puppeteer": "0.13.0",
"rename": "1.0.4",
"request": "2.83.0",
"request-promise": "4.2.2",
"rimraf": "2.6.2",
"rx": "4.1.0",
"rxjs": "5.5.2",
"rxjs": "5.5.5",
"semver": "5.4.1",
"shelljs": "0.7.8",
"testcafe": "0.18.1",
"testcafe": "0.17.1",
"testcafe-hammerhead": "11.2.1",
"url-exists": "1.0.3",
"url-loader": "0.6.2",
"vue-loader": "13.4.0",
"vue-loader": "13.6.0",
"vue-style-loader": "3.0.3",
"vue-template-compiler": "2.5.2",
"webpack": "3.8.1",
"webpack-bundle-analyzer": "2.9.0",
"webpack-dev-middleware": "1.12.0",
"webpack-hot-middleware": "2.20.0",
"vue-template-compiler": "2.5.11",
"webpack": "3.10.0",
"webpack-bundle-analyzer": "2.9.1",
"webpack-dev-middleware": "2.0.1",
"webpack-hot-middleware": "2.21.0",
"webpack-merge": "4.1.1"
},
"engines": {

22
scripts/export.js
View File

@ -3,11 +3,12 @@ const fs = require('fs');
const path = require('path');
const Rx = require('rxjs/Rx');
const http = require('http');
const config = require('../config');
const fetchResponse = () => {
return new Promise((res, rej) => {
try {
const req = http.request('http://localhost:8080/#/', response => res(response.statusCode));
const req = http.request(`http://localhost:${config.dev.port}/#/`, response => res(response.statusCode));
req.on('error', (err) => rej(err));
req.end();
} catch (err) {
@ -19,7 +20,7 @@ const fetchResponse = () => {
const waitForServerReachable = () => {
return Rx.Observable
.interval(1000)
.mergeMap(async() => {
.mergeMap(async () => {
try {
const statusCode = await fetchResponse();
if (statusCode === 200) return true;
@ -35,17 +36,24 @@ const timedOut = timeout => {
});
};
const convert = async() => {
const convert = async () => {
await waitForServerReachable().first().toPromise();
console.log('Connected to server ...');
console.log('Exporting ...');
try {
const directories = getResumesFromDirectories();
directories.forEach(async(dir) => {
const browser = await puppeteer.launch({args: ['--no-sandbox']});
directories.forEach(async (dir) => {
const browser = await puppeteer.launch({
args: ['--no-sandbox']
});
const page = await browser.newPage();
await page.goto('http://localhost:8080/#/resume/' + dir.name, {waitUntil: 'networkidle', networkIdleTimeout: 5E3});
await page.pdf({path: path.join(__dirname, '../pdf/' + dir.name + '.pdf'), format: 'A4'});
await page.goto(`http://localhost:${config.dev.port}/#/resume/` + dir.name, {
waitUntil: 'networkidle2'
});
await page.pdf({
path: path.join(__dirname, '../pdf/' + dir.name + '.pdf'),
format: 'A4'
});
await browser.close();
});
} catch (err) {

17
src/lang/ca.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const ca = {
headings: {
contact: 'Contacte',
experience: 'Experiència',
education: 'Educació',
skills: 'Habilitats',
about: 'Sobre mi'
}
const lang = {
contact: 'Contacte',
experience: 'Experiència',
education: 'Educació',
skills: 'Habilitats',
about: 'Sobre mi'
};
export default ca;
export default lang;

17
src/lang/cn.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const cn = {
headings: {
contact: '联系方式',
experience: '工作经历',
education: '教育经历',
skills: '技能专长',
about: '自我介绍'
}
const lang = {
contact: '联系方式',
experience: '工作经历',
education: '教育经历',
skills: '技能专长',
about: '自我介绍'
};
export default cn;
export default lang;

19
src/lang/de.js
View File

@ -1,11 +1,10 @@
/* eslint-disable */
const de = {
headings: {
contact: 'Kontakt',
experience: 'Berufserfahrung',
education: 'Schulbildung',
skills: 'Qualifikationen',
about: 'Über mich'
}
const lang = {
contact: 'Kontakt',
born: 'Geboren',
bornIn: 'in',
experience: 'Berufserfahrung',
education: 'Schulbildung',
skills: 'Qualifikationen',
about: 'Über mich'
};
export default de;
export default lang;

17
src/lang/el.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const el = {
headings: {
contact: 'Επικοινωνία',
experience: 'Επαγγελματική εμπειρία',
education: 'Εκπαίδευση',
skills: 'Δεξιότητες',
about: 'Σχετικά με εμένα'
}
const lang = {
contact: 'Επικοινωνία',
experience: 'Επαγγελματική εμπειρία',
education: 'Εκπαίδευση',
skills: 'Δεξιότητες',
about: 'Σχετικά με εμένα'
};
export default el;
export default lang;

19
src/lang/en.js
View File

@ -1,11 +1,10 @@
/* eslint-disable */
const en = {
headings: {
contact: 'Contact',
experience: 'Experience',
education: 'Education',
skills: 'Skills',
about: 'About me'
}
const lang = {
contact: 'Contact',
born: 'Born',
bornIn: 'in',
experience: 'Experience',
education: 'Education',
skills: 'Skills',
about: 'About me'
};
export default en;
export default lang;

17
src/lang/es.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const es = {
headings: {
contact: 'Contacto',
experience: 'Experiencia',
education: 'Educación',
skills: 'Habilidades',
about: 'Sobre mi'
}
const lang = {
contact: 'Contacto',
experience: 'Experiencia',
education: 'Educación',
skills: 'Habilidades',
about: 'Sobre mi'
};
export default es;
export default lang;

17
src/lang/fr.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const fr = {
headings: {
contact: 'Contact',
experience: 'Expérience professionelle',
education: 'Formation',
skills: 'Compétences',
about: 'À propos de moi'
}
const lang = {
contact: 'Contact',
experience: 'Expérience professionelle',
education: 'Formation',
skills: 'Compétences',
about: 'À propos de moi'
};
export default fr;
export default lang;

17
src/lang/he.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const he = {
headings: {
contact: 'יצירת קשר',
experience: 'ניסיון',
education: 'השכלה',
skills: 'כישורים',
about: 'תמצית'
}
const lang = {
contact: 'יצירת קשר',
experience: 'ניסיון',
education: 'השכלה',
skills: 'כישורים',
about: 'תמצית'
};
export default he;
export default lang;

17
src/lang/hu.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const hu = {
headings: {
contact: 'Kapcsolat',
experience: 'Munkatapasztalat',
education: 'Tanulmány',
skills: 'Készségek',
about: 'Rólam'
}
const lang = {
contact: 'Kapcsolat',
experience: 'Munkatapasztalat',
education: 'Tanulmány',
skills: 'Készségek',
about: 'Rólam'
};
export default hu;
export default lang;

19
src/lang/id.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const id = {
headings: {
contact: "Kontak",
experience: "Pengalaman",
education: "Pendidikan",
skills: "Keterampilan",
about: "Tentang Saya"
}
};
export default id;
const lang = {
contact: 'Kontak',
experience: 'Pengalaman',
education: 'Pendidikan',
skills: 'Keterampilan',
about: 'Tentang Saya'
};
export default lang;

17
src/lang/it.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const it = {
headings: {
contact: 'Contatti',
experience: 'Esperienza professionale',
education: 'Formazione',
skills: 'Competenze',
about: 'Su di me'
}
const lang = {
contact: 'Contatti',
experience: 'Esperienza professionale',
education: 'Formazione',
skills: 'Competenze',
about: 'Su di me'
};
export default it;
export default lang;

17
src/lang/ja.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const jp = {
headings: {
contact: '連絡先',
experience: '職務経歴',
education: '学歴',
skills: 'スキル',
about: '自己紹介'
}
const lang = {
contact: '連絡先',
experience: '職務経歴',
education: '学歴',
skills: 'スキル',
about: '自己紹介'
};
export default jp;
export default lang;

17
src/lang/ka.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const ka = {
headings: {
contact: 'კონტაქტი',
experience: 'გამოცდილება',
education: 'განათლება',
skills: 'უნარები',
about: 'ჩემ შესახებ'
}
const lang = {
contact: 'კონტაქტი',
experience: 'გამოცდილება',
education: 'განათლება',
skills: 'უნარები',
about: 'ჩემ შესახებ'
};
export default ka;
export default lang;

19
src/lang/ko.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const ko = {
headings: {
contact: "연락처",
experience: "경력",
education: "학력",
skills: "보유스킬",
about: "자기소개"
}
};
export default ko;
const lang = {
contact: '연락처',
experience: '경력',
education: '학력',
skills: '보유스킬',
about: '자기소개'
};
export default lang;

17
src/lang/lt.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const lt = {
headings: {
contact: 'Kontaktai',
experience: 'Patirtis',
education: 'Išsilavinimas',
skills: 'Įgūdžiai',
about: 'Apie mane'
}
const lang = {
contact: 'Kontaktai',
experience: 'Patirtis',
education: 'Išsilavinimas',
skills: 'Įgūdžiai',
about: 'Apie mane'
};
export default lt;
export default lang;

19
src/lang/nl.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const nl = {
headings: {
contact: 'Contact',
experience: 'Ervaringen',
education: 'Opleidingen',
skills: 'Skills',
about: 'Over mij'
}
};
export default nl;
const lang = {
contact: 'Contact',
experience: 'Ervaringen',
education: 'Opleidingen',
skills: 'Skills',
about: 'Over mij'
};
export default lang;

17
src/lang/pl.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const pl = {
headings: {
contact: 'Kontakt',
experience: 'Doświadczenie',
education: 'Wykształcenie',
skills: 'Umiejętności',
about: 'O mnie'
}
const lang = {
contact: 'Kontakt',
experience: 'Doświadczenie',
education: 'Wykształcenie',
skills: 'Umiejętności',
about: 'O mnie'
};
export default pl;
export default lang;

18
src/lang/pt-br.js
View File

@ -1,11 +1,9 @@
/* eslint-disable */
const ptbr = {
headings: {
contact: 'Contato',
experience: 'Experiência Profissional',
education: 'Educação',
skills: 'Competências',
about: 'Sobre'
}
const lang = {
contact: 'Contato',
experience: 'Experiência Profissional',
/* You can choose, "Educação" or "Formação Acadêmica"! But the second one is more professional and is more used. */
education: 'Formação Acadêmica',
skills: 'Competências',
about: 'Sobre'
};
export default ptbr;
export default lang;

17
src/lang/pt.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const pt = {
headings: {
contact: 'Contactos',
experience: 'Experiência Profissional',
education: 'Educação',
skills: 'Competências',
about: 'Sobre mim'
}
const lang = {
contact: 'Contactos',
experience: 'Experiência Profissional',
education: 'Educação',
skills: 'Competências',
about: 'Sobre mim'
};
export default pt;
export default lang;

18
src/lang/ru.js
View File

@ -1,13 +1,9 @@
/* eslint-disable */
const ru = {
headings: {
contact: "Контакты",
experience: "Опыт",
education: "Обучение",
skills: "Навыки",
about: "Обо мне"
}
const lang = {
contact: 'Контакты',
experience: 'Опыт',
education: 'Образование',
skills: 'Навыки',
about: 'Обо мне'
};
export default ru;
export default lang;

17
src/lang/sv.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const sv = {
headings: {
contact: 'Kontakt',
experience: 'Arbetslivserfarenhet',
education: 'Utbildning',
skills: 'Kunskaper',
about: 'Om mig'
}
const lang = {
contact: 'Kontakt',
experience: 'Arbetslivserfarenhet',
education: 'Utbildning',
skills: 'Kunskaper',
about: 'Om mig'
};
export default sv;
export default lang;

17
src/lang/th.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const th = {
headings: {
contact: 'ข้อมูลติดต่อ',
experience: 'ประสบการณ์ทำงาน',
education: 'ประวัติการศึกษา',
skills: 'ทักษะและความสามารถ',
about: 'ข้อมูลส่วนตัว'
}
const lang = {
contact: 'ข้อมูลติดต่อ',
experience: 'ประสบการณ์ทำงาน',
education: 'ประวัติการศึกษา',
skills: 'ทักษะและความสามารถ',
about: 'ข้อมูลส่วนตัว'
};
export default th;
export default lang;

17
src/lang/tr.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const tr = {
headings: {
contact: 'İletişim',
experience: 'Deneyim',
education: 'Eğitim',
skills: 'Yetenekler',
about: 'Hakkımda'
}
const lang = {
contact: 'İletişim',
experience: 'Deneyim',
education: 'Eğitim',
skills: 'Yetenekler',
about: 'Hakkımda'
};
export default tr;
export default lang;

17
src/lang/zh-tw.js
View File

@ -1,11 +1,8 @@
/* eslint-disable */
const zhtw = {
headings: {
contact: '聯絡方式',
experience: '經歷',
education: '學歷',
skills: '技能專長',
about: '自我介紹'
}
const lang = {
contact: '聯絡方式',
experience: '經歷',
education: '學歷',
skills: '技能專長',
about: '自我介紹'
};
export default zhtw;
export default lang;

8
src/resumes/left-right-rtl.vue
View File

@ -13,7 +13,7 @@
</div>
<div class="left half">
<div class="experience">
<h3>{{ lang.headings.experience }}</h3>
<h3>{{ lang.experience }}</h3>
<div class="experience-block" v-for="experience in person.experience" :key="experience.company">
<span class="company"> {{experience.company}} </span>
<span class="job-title"> {{experience.position}} </span>
@ -22,7 +22,7 @@
</div>
</div>
<div class="contact">
<h3>{{ lang.headings.contact }}</h3>
<h3>{{ lang.contact }}</h3>
<table>
<tr>
<td><i class="fa fa-envelope" aria-hidden="true"></i></td>
@ -49,13 +49,13 @@
</div>
<div class="right half">
<div class="education">
<h3>{{ lang.headings.education }}</h3>
<h3>{{ lang.education }}</h3>
<div class="education-block" v-for="education in person.education" :key="education.degree">
<span class="degree">{{education.degree}}</span>
<span class="degree-description">{{education.description}}</span>
</div>
</div>
<h3>{{ lang.headings.skills }}</h3>
<h3>{{ lang.skills }}</h3>
<div class="skills">
<div class="skill-block" v-for="skill in person.skills" :key="skill.name">
<span class="skill">{{skill.name}}</span>

8
src/resumes/left-right.vue
View File

@ -13,7 +13,7 @@
</div>
<div class="left half">
<div class="experience">
<h3>{{ lang.headings.experience }}</h3>
<h3>{{ lang.experience }}</h3>
<div class="experience-block" v-for="experience in person.experience" :key="experience.company">
<span class="company"> {{experience.company}} </span>
<span class="job-title"> {{experience.position}} </span>
@ -22,7 +22,7 @@
</div>
</div>
<div class="contact">
<h3>{{ lang.headings.contact }}</h3>
<h3>{{ lang.contact }}</h3>
<table>
<tr>
<td><a :href="'mailto:'+person.contact.email">{{person.contact.email}}</a></td>
@ -49,13 +49,13 @@
</div>
<div class="right half">
<div class="education">
<h3>{{ lang.headings.education }}</h3>
<h3>{{ lang.education }}</h3>
<div class="education-block" v-for="education in person.education" :key="education.degree">
<span class="degree">{{education.degree}}</span>
<span class="degree-description">{{education.description}}</span>
</div>
</div>
<h3>{{ lang.headings.skills }}</h3>
<h3>{{ lang.skills }}</h3>
<div class="skills">
<div class="skill-block" v-for="skill in person.skills" :key="skill.name">
<span class="skill">{{skill.name}}</span>

10
src/resumes/material-dark.vue
View File

@ -5,7 +5,7 @@
<div class="heading" id="myselfpic">
</div>
<div class="section-headline">
{{ lang.headings.contact }}
{{ lang.contact }}
</div>
<div class="item">
<div class="icon">
@ -13,7 +13,7 @@
</div>
<div class="text">
<ul>
<li> Born {{person.birth.year}} in {{person.birth.location}}</li>
<li> {{ lang.born }} {{person.birth.year}} {{ lang.bornIn }} {{person.birth.location}}</li>
</ul>
</div>
</div>
@ -77,7 +77,7 @@
<div class="item last">
<div class="section-headline">
{{ lang.headings.skills }}
{{ lang.skills }}
</div>
<div class="skill" v-for="skill in person.skills" :key="skill.name">
<div class="right">
@ -98,7 +98,7 @@
<div>{{person.position}}</div>
</div>
<div class="section-headline">{{ lang.headings.experience }}</div>
<div class="section-headline">{{ lang.experience }}</div>
<div class="block" v-for="experience in person.experience" :key="experience.company">
<div class="block-helper"></div>
<h3 class="headline">{{experience.position}} - {{experience.company}}</h3>
@ -107,7 +107,7 @@
{{experience.description}}
</p>
</div>
<div class="section-headline">{{ lang.headings.education }}</div>
<div class="section-headline">{{ lang.education }}</div>
<div class="block" v-for="education in person.education" :key="education.degree">
<div class="block-helper"></div>
<div class="headline">{{education.degree}}</div>

8
src/resumes/oblique.vue
View File

@ -16,7 +16,7 @@
</div>
<div class="resume-content">
<div class="experience">
<h3>{{ lang.headings.experience }}</h3>
<h3>{{ lang.experience }}</h3>
<div class="experience-block" v-for="experience in person.experience" :key="experience.company">
<div class="row">
@ -32,7 +32,7 @@
</div>
</div>
<div class="education">
<h3>{{ lang.headings.education }}</h3>
<h3>{{ lang.education }}</h3>
<div class="education-block" v-for="education in person.education" :key="education.degree">
<div class="row">
<span class="degree">{{education.degree}}</span>
@ -43,7 +43,7 @@
</div>
</div>
<div class="skill-section">
<h3>{{ lang.headings.skills }}</h3>
<h3>{{ lang.skills }}</h3>
<div class="skills" v-for="skill in person.skills" :key="skill.name">
<div class="skill-block">
<i class="material-icons">details</i>
@ -55,7 +55,7 @@
<span>{{person.knowledge}} </span>
</div>
<div class="contact">
<h3>{{ lang.headings.contact }}</h3>
<h3>{{ lang.contact }}</h3>
<a :href="'mailto:'+person.contact.email"> {{person.contact.email}}</a>
<span>;&nbsp;</span>
<a :href="'tel:'+person.contact.phone">{{person.contact.phone}}</a>

25
src/resumes/options.js
View File

@ -1,6 +1,10 @@
import yaml from 'js-yaml';
import { PERSON } from '../../resume/data.yml';
import { terms } from '../terms';
import {
PERSON
} from '../../resume/data.yml';
import {
terms
} from '../terms';
// Called by templates to decrease redundancy
function getVueOptions (name) {
@ -14,11 +18,24 @@ function getVueOptions (name) {
},
computed: {
lang () {
return this.terms[this.person.lang];
const defaultLang = this.terms.en;
const useLang = this.terms[this.person.lang];
// overwrite non-set fields with default lang
Object.keys(defaultLang)
.filter(k => !useLang[k])
.forEach(k => {
console.log(k);
useLang[k] = defaultLang[k];
});
return useLang;
}
}
};
return opt;
}
export { getVueOptions };
export {
getVueOptions
};

8
src/resumes/purple.vue
View File

@ -18,7 +18,7 @@
</div>
<div id="resume-body">
<div id="experience-container">
<h2 id="experience-title">{{ lang.headings.experience }}</h2>
<h2 id="experience-title">{{ lang.experience }}</h2>
<div class="spacer"></div>
<div class="experience" v-for="experience in person.experience" :key="experience.company">
<h2 class="company">{{experience.company}}</h2>
@ -34,7 +34,7 @@
</div>
</div>
<div id="education-container">
<h2 id="education-title">{{ lang.headings.education }}</h2>
<h2 id="education-title">{{ lang.education }}</h2>
<div class="spacer"></div>
<div class="education" v-for="education in person.education" :key="education.degree">
<h2 class="education-description">{{education.description}}</h2>
@ -42,7 +42,7 @@
</div>
</div>
<div id="skills-container" v-if="person.skills != []">
<h2 id="skills-title">{{ lang.headings.skills }}</h2>
<h2 id="skills-title">{{ lang.skills }}</h2>
<div class="spacer"></div>
<p id="skill-description">{{person.knowledge}}</p>
<ul id="skill-list">
@ -56,7 +56,7 @@
</div>
<div id="resume-footer">
<div v-if="person.about">
<h2>{{ lang.headings.about }}</h2>
<h2>{{ lang.about }}</h2>
<p>{{person.about}}</p>
</div>
</div>

8
src/resumes/side-bar-rtl.vue
View File

@ -15,7 +15,7 @@
</div>
</div>
<div class="contact">
<h3>{{ lang.headings.contact }}</h3>
<h3>{{ lang.contact }}</h3>
<div class="contact-row">
<a :href="'mailto:'+person.contact.email">{{person.contact.email}}</a>
</div>
@ -47,7 +47,7 @@
</div>
<div class="left-col">
<div class="experience">
<h3>{{ lang.headings.experience }}</h3>
<h3>{{ lang.experience }}</h3>
<div class="experience-block" v-for="experience in person.experience">
<div class="row">
<span class="company"> {{experience.company}} -</span>
@ -62,7 +62,7 @@
</div>
</div>
<div class="education">
<h3>{{ lang.headings.education }}</h3>
<h3>{{ lang.education }}</h3>
<div class="education-block" v-for="education in person.education">
<div class="row">
<span class="degree">{{education.degree}}</span>
@ -73,7 +73,7 @@
</div>
</div>
<div class="skills-block">
<h3>{{ lang.headings.skills }}</h3>
<h3>{{ lang.skills }}</h3>
<div class="skills">
<div class="skill" v-for="skill in person.skills">
<span class="skill-name">{{skill.name}}</span>

8
src/resumes/side-bar.vue
View File

@ -15,7 +15,7 @@
</div>
</div>
<div class="contact">
<h3>{{ lang.headings.contact }}</h3>
<h3>{{ lang.contact }}</h3>
<div class="contact-row">
<a :href="'mailto:'+person.contact.email">{{person.contact.email}}</a>
</div>
@ -47,7 +47,7 @@
</div>
<div class="right-col">
<div class="experience">
<h3>{{ lang.headings.experience }}</h3>
<h3>{{ lang.experience }}</h3>
<div class="experience-block" v-for="experience in person.experience" :key="experience.company">
<div class="row">
<span class="company"> {{experience.company}} -</span>
@ -62,7 +62,7 @@
</div>
</div>
<div class="education">
<h3>{{ lang.headings.education }}</h3>
<h3>{{ lang.education }}</h3>
<div class="education-block" v-for="education in person.education" :key="education.degree">
<div class="row">
<span class="degree">{{education.degree}}</span>
@ -73,7 +73,7 @@
</div>
</div>
<div class="skills-block">
<h3>{{ lang.headings.skills }}</h3>
<h3>{{ lang.skills }}</h3>
<div class="skills">
<div class="skill" v-for="skill in person.skills" :key="skill.name">
<span class="skill-name">{{skill.name}}</span>