Crypto donate links added to website

5 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>
diff --git a/Website/static/qrs/bitcoin.jpg b/Website/static/qrs/bitcoin.jpg
new file mode 100644
index 0000000..555d270
--- /dev/null
+++ b/Website/static/qrs/bitcoin.jpg
diff --git a/Website/static/qrs/ethereum.jpg b/Website/static/qrs/ethereum.jpg
new file mode 100644
index 0000000..47445e6
--- /dev/null
+++ b/Website/static/qrs/ethereum.jpg
diff --git a/Website/static/qrs/monero.jpg b/Website/static/qrs/monero.jpg
new file mode 100644
index 0000000..eef5b89
--- /dev/null
+++ b/Website/static/qrs/monero.jpg