diff options
author | Dmitrii Selivanov <selivano.d@gmail.com> | 2021-12-05 02:35:29 +0300 |
---|---|---|
committer | Dmitrii Selivanov <selivano.d@gmail.com> | 2021-12-05 02:35:29 +0300 |
commit | c1a12b0bf74f9649b6da2ba287e181349df247ed (patch) | |
tree | e51525203ae857e243d395e0428aa5fcef0eec5b /Website/pages | |
parent | 904ecf63d1c3bc793a2f54f97ddd00e10229187f (diff) |
Crypto donate links added to website
Diffstat (limited to 'Website/pages')
-rw-r--r-- | Website/pages/donate.vue | 11 | ||||
-rw-r--r-- | Website/pages/pay/crypto.vue | 57 |
2 files changed, 65 insertions, 3 deletions
diff --git a/Website/pages/donate.vue b/Website/pages/donate.vue index 06608fa..b400a1c 100644 --- a/Website/pages/donate.vue +++ b/Website/pages/donate.vue @@ -1,6 +1,6 @@ <template> <div> - + <h1 class="title-text" >Donate</h1> <p style="color: #999; margin-top: .5rem; margin-bottom: 1.5rem;">You can support our efforts to keep the internet free with a donation!</p> <v-btn class="mainAltButton" :href="patreonLink" target="_blank"> @@ -11,6 +11,10 @@ <v-icon style="margin-right: 0.5em;">mdi-cash-multiple</v-icon> Yoomoney </v-btn> + <v-btn class="mainAltButton" :to="cryptoLink"> + <v-icon style="margin-right: 0.5em;">mdi-bitcoin</v-icon> + Crypto + </v-btn> </div> </template> @@ -26,7 +30,8 @@ }, data: () => ({ patreonLink: "https://www.patreon.com/returnyoutubedislike", - yoomoneyLink: "/pay/yoomoney" + yoomoneyLink: "/pay/yoomoney", + cryptoLink: "/pay/crypto" }) } -</script>
\ No newline at end of file +</script> diff --git a/Website/pages/pay/crypto.vue b/Website/pages/pay/crypto.vue new file mode 100644 index 0000000..c944c11 --- /dev/null +++ b/Website/pages/pay/crypto.vue @@ -0,0 +1,57 @@ +<template> + <v-container> + <v-row dense> + <v-col + v-for="card in cards" + :key="card.title" + :lg="4" + :sm="12" + > + <v-card height="100%"> + + <v-card-title> + {{ card.title }} + </v-card-title> + <v-card-text style="height: 80px"> + {{ card.address }} + </v-card-text> + <v-img + :src="card.img" + :contain=true + height="400px" + position="top" + > + + </v-img> + </v-card> + </v-col> + </v-row> + </v-container> +</template> + +<script> +export default { + transition (to, from) { + return to.name == 'crypto' ? 'swoop-in' : 'swoop-out'; + }, + data: () => ({ + cards: [{ + title: 'Bitcoin', + address: 'bitcoin:bc1q90v030fu4z2hzz3x6a4zcwxuzauxkt8gjv8pws', + img: '/qrs/bitcoin.jpg' + }, { + title: 'Monero', + address: 'monero:431SM1vExRbdiq5jArCMkhey1g8kYhLYkbgkXYU4kgL6UrXNRzcXtz3HJDayph6Dcb3ErTg8ZAVqJGtS1Ya7Rr9URJ24Tbe', + img: '/qrs/monero.jpg' + }, { + title: 'Ethereum', + address: 'ethereum:0x981A99cDE3f4E1Ad49Ad84FB62Eca3606007eBEc', + img: '/qrs/ethereum.jpg' + }] + }) +}; +</script> + +<style> + +</style> |