New site :+1:

6 files changed, 275 insertions, 0 deletions

diff --git a/Website/pages/donate.vue b/Website/pages/donate.vue
new file mode 100644
index 0000000..6b1b77f
--- /dev/null
+++ b/Website/pages/donate.vue
@@ -0,0 +1,39 @@
+<template>
+  <div>
+    
+    <section style="position: relative;">
+
+      <div class="center">
+        <center>
+
+          <h1 style="font-size: 3em; margin-bottom: 0em;">Donate</h1>
+          <p style="color: #999; margin-bottom: 3em;">You can support our efforts to keep the internet free with a donation!</p>
+
+          <v-btn class="mainAltButton" :href="patreonLink" target="_blank">
+            <v-icon style="margin-right: 0.5em;">mdi-patreon</v-icon>
+            Patreon
+          </v-btn>
+
+          <v-btn class="mainAltButton" :to="yoomoneyLink">
+            <v-icon style="margin-right: 0.5em;">mdi-cash-multiple</v-icon>
+            Yoomoney
+          </v-btn>
+
+        </center>
+      </div>
+
+
+    </section>
+
+  </div>
+</template>
+
+<script>
+  export default {
+    data: () => ({
+      patreonLink: "https://www.patreon.com/returnyoutubedislike",
+      yoomoneyLink: "/pay/yoomoney"
+    }),
+  
+  }
+</script>
\ No newline at end of file
diff --git a/Website/pages/faq.vue b/Website/pages/faq.vue
new file mode 100644
index 0000000..5b882ea
--- /dev/null
+++ b/Website/pages/faq.vue
@@ -0,0 +1,49 @@
+<template>
+  <div>
+    
+    <section style="position: relative;">
+      
+
+      <div class="center">
+        <center>
+
+          <h1 style="font-size: 3em; margin-bottom: 0em;">Frequently Asked Questions</h1>
+          <p style="color: #999; margin-bottom: 3em;">Still have questions? Feel free to join our Discord!</p>
+
+          <v-expansion-panels focusable>
+            <v-expansion-panel v-for="(item, i) in items" :key="i" style="width: 50vw; min-width: 300px;">
+              <v-expansion-panel-header v-text="item.question">Loading</v-expansion-panel-header>
+              <v-expansion-panel-content v-html="item.answer" style="text-align: left; padding: 0.5em;">Loading</v-expansion-panel-content>
+            </v-expansion-panel>
+          </v-expansion-panels>
+
+        </center>
+      </div>
+
+
+    </section>
+
+  </div>
+</template>
+
+<script>
+  export default {
+    data: () => ({
+      items: [
+        { 
+          question: "Why is it not in chrome store yet?",
+          answer: "Chrome extension appoval process takes some time. As soon as it's available in the store - We'll update the site "
+        },
+        { 
+          question: "Is it dangerous?/Is it a virus?",
+          answer: "While there is some trust involved in installing an extension from 3-rd party source - you can see all permissions requested by the extension before installing it. This extension only asks for access to youtube.com page "
+        },
+        { 
+          question: "I downvoted a video, and downvotes number didn't change",
+          answer: "Currently we're using YouTube API to get dislikes count. It may take some time for data to be updated. YouTube might freeze dislike counts as well. We're working on a solution for this "
+        },
+      ],
+    }),
+  
+  }
+</script>
\ No newline at end of file
diff --git a/Website/pages/index.vue b/Website/pages/index.vue
new file mode 100644
index 0000000..eec84cb
--- /dev/null
+++ b/Website/pages/index.vue
@@ -0,0 +1,48 @@
+<template>
+  <div>
+    
+    <section style="position: relative;">
+      
+
+      <div class="center">
+        <center>
+
+          <h1 style="font-size: 3em; margin-bottom: 0.5em;">Return Youtube Dislike</h1>
+
+          <v-btn :to="installLink" color="primary lighten-1" style="font-size: 1.5em; padding: 1em; margin-bottom: 0.5em;">
+            <v-icon large style="margin-right: 0.5em;">mdi-tray-arrow-down</v-icon>
+            Install
+          </v-btn>
+
+          <br>
+
+          <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>
+            Our Discord
+          </v-btn>
+
+        </center>
+      </div>
+
+
+    </section>
+
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      installLink: "/install",
+      githubLink: "https://github.com/Anarios/return-youtube-dislike",
+      discordLink: "https://discord.gg/mYnESY4Md5",
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/Website/pages/install.vue b/Website/pages/install.vue
new file mode 100644
index 0000000..5842640
--- /dev/null
+++ b/Website/pages/install.vue
@@ -0,0 +1,59 @@
+<template>
+  <div>
+    
+    <section style="position: relative;">
+      
+
+      <div class="center">
+        <center>
+
+          <h1 style="font-size: 3em; margin-bottom: 0;">Select Your Platform</h1>
+          
+          <div style="color: #999">
+            <p style="margin-bottom: 0;"> This is an <b>ALPHA version!</b> It may be slow. It may be buggy.</p>
+            <p style="margin-bottom: 3em;">Only available for chrome and Firefox now and as a Userscript now, but coming to other platforms soon.</p>
+          </div>
+
+          <v-btn class="mainAltButton" :href="chromeLink" target="_blank">
+            <v-icon style="margin-right: 0.5em;">mdi-google-chrome</v-icon>
+            Chrome
+          </v-btn>
+
+          <v-btn class="mainAltButton" :href="firefoxLink" target="_blank">
+            <v-icon style="margin-right: 0.5em;">mdi-firefox</v-icon>
+            Firefox
+          </v-btn>
+
+          <v-btn class="mainAltButton" :href="scriptLink" target="_blank">
+            <v-icon style="margin-right: 0.5em;">mdi-script-text-outline</v-icon>
+            Userscript (Tampermonkey)
+          </v-btn>
+
+          <h3 style="margin-top: 3em;">Third Party Implementations</h3>
+          <v-btn class="mainAltButton" :href="iosJailbreakLink" target="_blank">
+            <v-icon style="margin-right: 0.5em;">mdi-apple</v-icon>
+            iOS (Jailbroken)
+          </v-btn>
+
+        </center>
+      </div>
+
+
+    </section>
+
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      chromeLink: "https://chrome.google.com/webstore/detail/youtube-dislike-button/gebbhagfogifgggkldgodflihgfeippi/",
+      firefoxLink: "https://addons.mozilla.org/en-US/firefox/addon/return-youtube-dislikes/",
+      scriptLink: "https://github.com/Anarios/return-youtube-dislike/raw/main/Extensions/UserScript/Return%20Youtube%20Dislike.user.js",
+
+      iosJailbreakLink: "https://repo.lillieweeb001.xyz/"
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/Website/pages/links.vue b/Website/pages/links.vue
new file mode 100644
index 0000000..133de7a
--- /dev/null
+++ b/Website/pages/links.vue
@@ -0,0 +1,65 @@
+<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 {
+  data() {
+    return {
+      githubLink: "https://github.com/Anarios/return-youtube-dislike",
+      discordLink: "https://discord.gg/mYnESY4Md5",
+
+      emailLink: "mailto:selivano.d@gmail.com "
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/Website/pages/pay/yoomoney.vue b/Website/pages/pay/yoomoney.vue
new file mode 100644
index 0000000..c162034
--- /dev/null
+++ b/Website/pages/pay/yoomoney.vue
@@ -0,0 +1,15 @@
+<template>
+  <div>
+    
+    <section style="position: relative;">
+      <div class="center">
+        <center>
+
+          <iframe src="https://yoomoney.ru/quickpay/shop-widget?writer=seller&amp;targets=For%20returnyoutubedislike.com&amp;targets-hint=&amp;default-sum=&amp;button-text=13&amp;hint=&amp;successURL=&amp;quickpay=shop&amp;account=410015901550027&amp;" allowtransparency="true" scrolling="no" width="423" height="222" frameborder="0" />
+
+        </center>
+      </div>
+    </section>
+
+  </div>
+</template>
\ No newline at end of file