You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.2 KiB
Vue
37 lines
1.2 KiB
Vue
2 years ago
|
<template>
|
||
|
<div class="SocialIcons row">
|
||
|
<a class="col-auto btn bi-github" href="https://github.com/adb-sh/" target="_blank" rel="noopener noreferrer" />
|
||
|
<a class="col-auto btn bi-git" href="https://git.adb.sh" target="_blank" rel="noopener noreferrer" />
|
||
|
<a class="col-auto btn bi-mastodon" href="https://social.cybre.town" target="_blank" rel="noopener noreferrer" />
|
||
|
<a class="col-auto btn bi-instagram" href="https://www.instagram.com/me.adb.sh" target="_blank" rel="noopener noreferrer" />
|
||
|
<a class="col-auto btn bi-spotify" href="https://open.spotify.com/user/op3q884heqao7laioz05ebaoz" target="_blank" rel="noopener noreferrer" />
|
||
|
<a class="col-auto btn bi-youtube" href="https://www.youtube.com/channel/UCoxRdN8T4aCR8tqDpOJAjOQ" target="_blank" rel="noopener noreferrer" />
|
||
|
</div>
|
||
|
</template>
|
||
|
|
||
|
<style scoped lang="scss">
|
||
|
.SocialIcons {
|
||
|
position: relative;
|
||
|
user-select: none;
|
||
|
width: 100%;
|
||
|
display: flex;
|
||
|
justify-content: center;
|
||
|
a.btn {
|
||
|
font-size: 2.5rem;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.social_icons > div {
|
||
|
position: relative;
|
||
|
display: inline-block;
|
||
|
height: min-content;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.logo-img {
|
||
|
fill: #fff;
|
||
|
height: 3rem;
|
||
|
margin: .75rem;
|
||
|
}
|
||
|
</style>
|