diff --git a/src/resumes/cool.vue b/src/resumes/cool.vue index cf43efa..cef5bbc 100644 --- a/src/resumes/cool.vue +++ b/src/resumes/cool.vue @@ -33,6 +33,7 @@ v-for="(skill, index) in person.skills" class="grid-item" :key="index" + :class="{ link: skill.url !== undefined}" :href="skill.url"> {{ skill.name }} @@ -52,7 +53,7 @@ mail{{ person.contact.email }} @@ -63,28 +64,28 @@ {{ person.contact.website }} {{ person.contact.linkedin }} {{ person.contact.github }} {{ person.contact.medium }} @@ -103,6 +104,7 @@ v-for="(experience, index) in person.experience" :key="index" class="section-content__item" + :class="{ link: experience.website !== undefined}" :href="experience.website"> {{ experience.position }} @@ -127,6 +129,7 @@ v-for="(education, index) in person.education" class="section-content__item" :key="index" + :class="{ link: education.website !== undefined}" :href="education.website"> {{ education.school }} @@ -147,6 +150,7 @@
{{ project.name }} {{ project.platform }} @@ -167,6 +171,7 @@ v-for="(contribution, index) in person.contributions" class="section-content__item-grid" :key="index" + :class="{ link: contribution.url !== undefined}" :href="contribution.url"> {{ contribution.name }} {{ contribution.description }} @@ -201,7 +206,7 @@ export default Vue.component(name, getVueOptions(name)); @base-padding: 30px; @left-column-width: 240px; -a { +.link { color: inherit; cursor: pointer; text-decoration-line: none;