Update contact links in resume

This commit is contained in:
swati kalpavruksh 2018-12-17 13:45:07 +05:30
parent a903922c8d
commit 23d479881f
10 changed files with 49 additions and 23 deletions

View File

@ -53,7 +53,7 @@
<a
class="section-link"
:href="'mailto:' + person.contact.email">
:href="contactLinks.email">
<i class="section-link__icon material-icons">mail</i>{{ person.contact.email }}
</a>
@ -71,21 +71,21 @@
<a
v-if="person.contact.linkedin"
class="section-link"
:href="'https://linkedin.com/in/' + person.contact.linkedin">
:href="contactLinks.linkedin">
<i class="section-link__icon fa fa-linkedin"></i>{{ person.contact.linkedin }}
</a>
<a
v-if="person.contact.github"
class="section-link"
:href="'https://github.com/' + person.contact.github">
:href="contactLinks.github">
<i class="section-link__icon fa fa-github"></i>{{ person.contact.github }}
</a>
<a
v-if="person.contact.medium"
class="section-link"
:href="'https://medium.com/@' + person.contact.medium">
:href="contactLinks.medium">
<i class="section-link__icon fa fa-medium"></i>{{ person.contact.medium }}
</a>
</div>

View File

@ -22,7 +22,7 @@
{{ person.knowledge }}
</div>
<a :href="'mailto:' + person.contact.email">
<a :href="contactLinks.email">
<div class="block-marged txt-full-white">
{{ person.contact.email }}
</div>
@ -43,7 +43,7 @@
</a>
<a v-if="person.contact.github"
:href="'https://github.com/' + person.contact.github"
:href="contactLinks.github"
class="external-link">
<i class="fa fa-github contact-icon"></i>
@ -53,7 +53,7 @@
</a>
<a v-if="person.contact.codefights"
:href="'https://codefights.com/profile/' + person.contact.codefights"
:href="contactLinks.codefights"
class="external-link">
<svg width="20" height="20" viewBox="0 0 24 24"
@ -68,7 +68,7 @@
</a>
<a v-if="person.contact.medium"
:href="'https://medium.com/@' + person.contact.medium"
:href="contactLinks.medium"
class="external-link">
<i class="fab fa-medium contact-icon"></i>
<span class="block-marged txt-full-white">

View File

@ -42,7 +42,7 @@
</tr>
<tr v-if="person.contact.github">
<td><i class="fa fa-github" aria-hidden="true"></i></td>
<td><a :href="'https://github.com/'+person.contact.github">https://github.com/{{person.contact.github}}</a></td>
<td><a :href="contactLinks.github">{{contactLinks.github}}</a></td>
</tr>
</table>
</div>

View File

@ -41,7 +41,7 @@
<td><i class="fa fa-globe" aria-hidden="true"></i></td>
</tr>
<tr v-if="person.contact.github">
<td><a :href="'https://github.com/'+person.contact.github">https://github.com/{{person.contact.github}}</a></td>
<td><a :href="contactLinks.github">{{contactLinks.github}}</a></td>
<td><i class="fa fa-github" aria-hidden="true"></i></td>
</tr>
</table>

View File

@ -52,7 +52,7 @@
</div>
</a>
<a v-if="person.contact.github" :href="'https://github.com/'+person.contact.github" target="_blank">
<a v-if="person.contact.github" :href="contactLinks.github" target="_blank">
<div class="item">
<div class="icon">
<i class="fa fa-github"></i>

View File

@ -65,8 +65,8 @@
<a v-if="person.contact.website" :href="person.contact.website">
{{person.contact.website}}</a>
<span v-if="person.contact.website">;&nbsp;</span>
<a v-if="person.contact.github" :href="'https://github.com/'+person.contact.github">
https://github.com/{{person.contact.github}}</a>
<a v-if="person.contact.github" :href="contactLinks.github">
{{contactLinks.github}}</a>
</div>
</div>
</div>

View File

@ -13,7 +13,7 @@ function getVueOptions (name) {
data () {
return {
person: yaml.load(PERSON),
terms: terms
terms: terms,
};
},
computed: {
@ -23,14 +23,40 @@ function getVueOptions (name) {
// overwrite non-set fields with default lang
Object.keys(defaultLang)
.filter(k => !useLang[k])
.forEach(k => {
console.log(k);
useLang[k] = defaultLang[k];
});
.filter(k => !useLang[k])
.forEach(k => {
console.log(k);
useLang[k] = defaultLang[k];
});
return useLang;
}
},
contactLinks() {
const links = {};
if(this.person.contact.github) {
links.github = `https://github.com/${this.person.contact.github}`;
}
if(this.person.contact.codefights) {
links.codefights = `https://codefights.com/profile/${this.person.contact.codefights}`;
}
if(this.person.contact.medium) {
links.medium = `https://medium.com/@${this.person.contact.medium}`;
}
if(this.person.email) {
links.email = `mailto:${this.person.contact.email}`;
}
if(this.person.contact.linkedin) {
links.linkedin = `https://linkedin.com/in/${this.person.contact.linkedin}`;
}
return links;
},
}
};
return opt;

View File

@ -9,7 +9,7 @@
<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 v-if="person.contact.website" id="website"><a :href='person.contact.website'><i class="fa fa-home" aria-hidden="true"></i> {{person.contact.website}}</a></span>
<span v-if="person.contact.github" id="github"><a :href='"https://github.com/" + person.contact.github'><i class="fa fa-github" aria-hidden="true"></i> {{person.contact.github}}</a></span>
<span v-if="person.contact.github" id="github"><a :href='contactLinks.github'><i class="fa fa-github" aria-hidden="true"></i> {{person.contact.github}}</a></span>
</div>
</div>
<div id="header-right">

View File

@ -41,7 +41,7 @@
<i class="fa fa-circle" aria-hidden="true"></i>
</div>
<div class="contact-row">
<a :href="'https://github.com/'+person.contact.github">https://github.com/{{person.contact.github}}</a>
<a :href="contactLinks.github">{{contactLinks.github}}</a>
</div>
</div>
</div>

View File

@ -41,7 +41,7 @@
<i class="fa fa-circle" aria-hidden="true"></i>
</div>
<div v-if="person.contact.github" class="contact-row">
<a :href="'https://github.com/'+person.contact.github">https://github.com/{{person.contact.github}}</a>
<a :href="contactLinks.github">{{contactLinks.github}}</a>
</div>
</div>
</div>