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

ADD lang support for purple resume

Browse Source
This commit is contained in:
salomonelli 2017-09-19 19:05:34 +02:00
parent 2c912b6246
commit 6fe00399ed
10 changed files with 45 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
pdf/purple.pdf
View File

Binary file not shown.

BIN
src/assets/preview/resume-purple.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 413 KiB

After

Width:  |  Height:  |  Size: 137 KiB

3
src/lang/cn.js
View File

@ -4,7 +4,8 @@ const cn = {
contact: '联系方式',
experience: '工作经历',
education: '教育经历',
skills: '技能专长'
skills: '技能专长',
about: 'About me' // Translation needed!
}
};
export default cn;

3
src/lang/de.js
View File

@ -4,7 +4,8 @@ const de = {
contact: 'Kontakt',
experience: 'Berufserfahrung',
education: 'Schulbildung',
skills: 'Qualifikationen'
skills: 'Qualifikationen',
about: 'Über mich'
}
};
export default de;

3
src/lang/en.js
View File

@ -4,7 +4,8 @@ const en = {
contact: 'Contact',
experience: 'Experience',
education: 'Education',
skills: 'Skills'
skills: 'Skills',
about: 'About me'
}
};
export default en;

3
src/lang/fr.js
View File

@ -4,7 +4,8 @@ const fr = {
contact: 'Contact',
experience: 'Expériences professionelles',
education: 'Formation',
skills: 'Compétences'
skills: 'Compétences',
about: 'C\'est moi'
}
};
export default fr;

3
src/lang/it.js
View File

@ -4,7 +4,8 @@ const it = {
contact: 'Contatti',
experience: 'Esperienza professionale',
education: 'Formazione',
skills: 'Competenze'
skills: 'Competenze',
about: 'About me' // Translation needed!
}
};
export default it;

3
src/lang/pt.js
View File

@ -4,7 +4,8 @@ const pt = {
contact: 'Contactos',
experience: 'Experiência Profissional',
education: 'Educação',
skills: 'Competências'
skills: 'Competências',
about: 'About me' // Translation needed!
}
};
export default pt;

1
src/person.js
View File

@ -5,6 +5,7 @@ export const PERSON = {
middle: '',
last: 'Doe',
},
about: 'Hi, my name is John Doe. I\'m just about the most boring type of person you could possibly imagine. I like collecting leaves from the tree in my back yard and documenting each time I eat a peanut that is non-uniform. I am not a robot. Please hire me.',
position: 'Software Developer',
birth: {
year: 1990,

75
src/resumes/purple.vue
View File

@ -5,10 +5,11 @@
<h2 id="position">{{person.position}}</h2>
<h1 id="name">{{person.name.first}} {{person.name.last}}</h1>
<div id="info-flex">
<span id="email"><a :href='mailto'><i class="fa fa-envelope" aria-hidden="true"></i> {{person.contact.email}}</a></span>
<span id="email"><a :href='"mailto:" + person.contact.email'>
<i class="fa fa-envelope" aria-hidden="true"></i> {{person.contact.email}}</a></span>
<span id="phone"><i class='fa fa-phone-square' aria-hidden="true"></i> {{person.contact.phone}}</span>
<span id="website"><a :href='person.contact.website'><i class="fa fa-home" aria-hidden="true"></i> {{person.contact.website}}</a></span>
<span id="github"><a :href='githubFull'><i class="fa fa-github" aria-hidden="true"></i> {{person.contact.github}}</a></span>
<span id="github"><a :href='"https://github.com/" + person.contact.github'><i class="fa fa-github" aria-hidden="true"></i> {{person.contact.github}}</a></span>
</div>
</div>
<div id="header-right">
@ -17,19 +18,19 @@
</div>
<div id="resume-body">
<div id="experience-container">
<h2 id="experience-title">Experience</h2>
<h2 id="experience-title">{{ lang.headings.experience }}</h2>
<div class="spacer"></div>
<div class="experience" v-for="experience in person.experience">
<h2 class="company">{{experience.company}}</h2>
<p class="job-info"><span class="job-title">{{experience.position}} | </span><span class="experience-timeperiod">{{experience.timeperiod}}</span></p>
<p class="job-description" v-if="experience.description">{{experience.description}}</p>
<ul v-if="experience.list" >
<ul v-if="experience.list" >
<li v-for="item in experience.list"><span class="list-item-black">{{item}}</span></li>
</ul>
</div>
</div>
<div id="education-container">
<h2 id="education-title">Education</h2>
<h2 id="education-title">{{ lang.headings.education }}</h2>
<div class="spacer"></div>
<div class="education" v-for="education in person.education">
<h2 class="education-description">{{education.description}}</h2>
@ -37,7 +38,7 @@
</div>
</div>
<div id="skills-container" v-if="person.skills != []">
<h2 id="skills-title">Skills</h2>
<h2 id="skills-title">{{ lang.headings.skills }}</h2>
<div class="spacer"></div>
<p id="skill-description">{{person.skillDescription}}</p>
<ul id="skill-list">
@ -47,7 +48,7 @@
</div>
<div id="resume-footer">
<div v-if="person.about">
<h2>About Me</h2>
<h2>{{ lang.headings.about }}</h2>
<p>{{person.about}}</p>
</div>
</div>
@ -55,22 +56,10 @@
</template>
<script>
import {
PERSON
} from '../person';
import Vue from 'vue';
import { getVueOptions } from './resumes';
export default Vue.component('purple', {
name: 'purple',
data () {
return {
person: PERSON,
githubFull: 'https://github.com/' + PERSON.contact.github,
mailto: 'mailto:' + PERSON.contact.email
};
}
});
export default Vue.component('purple', getVueOptions(name));
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
@ -84,33 +73,33 @@ export default Vue.component('purple', {
margin:0;
color: @text-purple;
}
p {
margin:0;
font-size:12px;
}
ul li {
color:@text-purple;
font-size:12px;
}
a {
color:#FFF;
text-decoration:none;
}
.list-item-black {
color:black;
}
#resume-header {
color: white;
height: 136px;
background-color: purple;
box-shadow: inset 0px 0px 200px #301030;
padding: 40px 100px 25px;
#header-left {
/*width: 465px;*/
width:100%;
@ -129,7 +118,7 @@ export default Vue.component('purple', {
display:flex;
margin-top:20px;
font-size:14px;
span {
margin-right:25px;
}
@ -138,7 +127,7 @@ export default Vue.component('purple', {
}
}
}
/*#header-right {
width: 125px;
float: right;
@ -156,48 +145,48 @@ export default Vue.component('purple', {
}
}*/
}
#resume-body {
padding: 40px 100px;
#experience-title, #education-title, #skills-title {
font-size:26px;
text-transform:uppercase;
}
.experience {
margin: 10px 0 10px 50px;
ul {
margin: 5px 0 0 0;
}
}
.company, .education-description {
font-size:20px;
font-size:20px;
}
.job-info {
margin-bottom:5px;
}
.job-title, .degree {
font-weight:700;
color: @text-purple;
font-size:16px;
}
.experience-timeperiod, .education-timeperiod {
font-weight:100;
color: @text-purple;
font-size:16px;
}
.education {
margin: 10px 0 10px 50px;
}
#skill-list {
column-count: 3;
list-style-position: inside;
@ -205,7 +194,7 @@ export default Vue.component('purple', {
font-size:14px;
}
}
#education-container, #skills-container {
margin-top: 20px;
}
@ -230,6 +219,6 @@ export default Vue.component('purple', {
width:100%;
border-bottom:1px solid @text-purple;
margin:5px 0 10px;
}
</style>