moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

use new shortlinks for social icons

Browse source
This commit is contained in:
Moritz Ruth 2019-03-04 00:36:33 +01:00
parent 45b4437fc4
commit a04627ddea
2 changed files with 7 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/SocialIcon.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<a id="root" rel="noopener" :href="to" target="_blank" <a id="root" rel="noopener" :href="`https://go.ctexxx.dev/${name}`" target="_blank"
@mouseenter="$store.commit('setLogoText', username)" @mouseenter="$store.commit('setLogoText', username)"
@mouseleave="$store.commit('resetLogoText', username)" @mouseleave="$store.commit('resetLogoText', username)"
> >
@ -18,7 +18,7 @@
export default { export default {
name: "SocialIcon", name: "SocialIcon",
props: { props: {
icon: String, name: String,
to: String, to: String,
username: String, username: String,
invert: { invert: {
@ -28,7 +28,7 @@
}, },
data() { data() {
return { return {
simpleIcon: requireIcon(`./${this.icon}.js`) simpleIcon: requireIcon(`./${this.name}.js`)
} }
} }
}; };

8
pages/index.vue
View file

@ -4,10 +4,10 @@
<div class="vertically-centered"> <div class="vertically-centered">
<Logo/> <Logo/>
<div class="horizontally-centered"> <div class="horizontally-centered">
<SocialIcon icon="github" to="https://github.com/ctexxx" username="ctexxx" invert/> <SocialIcon name="github" username="ctexxx" invert/>
<SocialIcon icon="twitter" to="https://twitter.com/cte3x" username="cte3x" invert/> <SocialIcon name="twitter" username="cte3x" invert/>
<SocialIcon icon="instagram" to="https://instagram.com/cte3x" username="cte3x" invert/> <SocialIcon name="instagram" username="cte3x" invert/>
<SocialIcon icon="keybase" to="https://keybase.io/ctexxx" username="cte3x"/> <SocialIcon name="keybase" username="ctexxx"/>
</div> </div>
</div> </div>
<ScrollDownArrow to=".section-1" container="#index"/> <ScrollDownArrow to=".section-1" container="#index"/>