Files
return-youtube-dislike/Website/pages/links.vue
T
Front bcdaa5561c ⚪ 1.1.1 + Bug Fix
+ Improved readability
+ Improved view on mobile devices and vertical monitors
+ Updated FAQ
2021-11-25 21:20:44 -05:00

66 lines
1.5 KiB
Vue

<template>
<div>
<section style="position: relative;">
<div class="center">
<center>
<h1 style="font-size: 3em; margin-bottom: 0;">Project Links</h1>
<div style="color: #999">
<p style="margin-bottom: 1em;">Links to the project and it's 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>
</center>
</div>
</section>
<p id="credits">Site by <v-icon color="#555">mdi-discord</v-icon> Front#2990.</p>
</div>
</template>
<style scoped>
#credits {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%,0);
color: #555;
}
</style>
<script>
export default {
layout: 'default_legacy',
data() {
return {
githubLink: "https://github.com/Anarios/return-youtube-dislike",
discordLink: "https://discord.gg/mYnESY4Md5",
emailLink: "mailto:selivano.d@gmail.com "
}
}
}
</script>