Files
return-youtube-dislike/Website/pages/links.vue
T

68 lines
1.7 KiB
Vue

<template>
<div style="height: 100%">
<h1 class="title-text">Project Links</h1>
<div style="color: #999">
<p style="margin-top: 0.5rem; margin-bottom: 1rem">
Links to the project and its developers
</p>
</div>
<v-btn class="mainAltButton" :href="githubLink" target="_blank">
<v-icon style="margin-right: 0.5em">mdi-github</v-icon>
GitHub
</v-btn>
<v-btn class="mainAltButton" :href="discordLink" target="_blank">
<v-icon style="margin-right: 0.5em">mdi-discord</v-icon>
Discord
</v-btn>
<h1 style="margin-top: 1em">Contact Me</h1>
<v-btn class="mainAltButton" :href="emailLink" target="_blank">
<v-icon style="margin-right: 0.5em">mdi-email</v-icon>
Email
</v-btn>
<p id="credits" class="flex-row no-wrap">
Site by <v-icon color="#555">mdi-discord</v-icon> Front#2990
<br />
<span style="color: #444; font-size: 0.75rem"
>&
<v-icon color="#333" size="1rem">mdi-discord</v-icon>
PickleNik#0864</span
>
</p>
</div>
</template>
<script>
export default {
transition(to, from) {
if (!from) return "swoop-in";
let routes = ["index", "install", "docs", "help", "faq", "donate", "links"];
if (routes.indexOf(to.name) < 0) return "swoop-out";
if (routes.indexOf(from.name) < 0) return "swoop-in";
return routes.indexOf(to.name) > routes.indexOf(from.name)
? "swoop-left"
: "swoop-right";
},
data() {
return {
githubLink: "https://github.com/Anarios/return-youtube-dislike",
discordLink: "https://discord.gg/mYnESY4Md5",
emailLink: "mailto:selivano.d@gmail.com ",
};
},
};
</script>
<style scoped>
#credits {
transform: translate(0, 100%);
color: #555;
}
</style>