Merge branch 'Anarios:main' into translator

5 files changed, 27 insertions, 13 deletions

diff --git a/Website/layouts/default.vue b/Website/layouts/default.vue
index 7382b5e..4e96ec0 100644
--- a/Website/layouts/default.vue
+++ b/Website/layouts/default.vue
@@ -76,12 +76,12 @@ export default {
       // Chrome < 70 or FF < 60
       if (
         (this.$ua._parsed.name == "Chrome" &&
-          parseInt(this.$ua._parsed.version.slice(0, 2)) < 70) ||
+          parseInt(this.$ua._parsed.version.split(".")[0]) < 70) ||
         (this.$ua._parsed.name == "Firefox" &&
-          parseInt(this.$ua._parsed.version.slice(0, 2)) < 60)
+          parseInt(this.$ua._parsed.version.split(".")[0]) < 60)
       ) {
         this.alert.html = `<b style="background: #222; border-radius: .5rem; padding: .25rem .25rem .25rem .5rem; margin: 0 .25rem;">
-        ${this.$ua._parsed.name} ${this.$ua._parsed.version.slice(0, 2)}
+        ${this.$ua._parsed.name} ${this.$ua._parsed.version.split(".")[0]}
         </b> is not supported. Consider upgrading to the latest version.`;
         this.alert.show = true;
       }
diff --git a/Website/pages/faq.vue b/Website/pages/faq.vue
index 49b8fde..9533754 100644
--- a/Website/pages/faq.vue
+++ b/Website/pages/faq.vue
@@ -13,7 +13,7 @@
         <v-expansion-panel-content class="text-left">
           <hr style="border-color: #444" />
           <br />
-          {{ item.answer }}
+          <span v-html="item.answer" />
         </v-expansion-panel-content>
       </v-expansion-panel>
     </v-expansion-panels>
@@ -60,6 +60,14 @@ export default {
         answer:
           "The extension only collects data that is strictly necessary for it to function properly, such as IP address or ID of the video you're watching. None of your data will ever be sold to 3rd parties. If you would like to know more about how we handle security and privacy check out our [add link here to security-faq.md]",
       },
+      {
+        question: "How does the API/Backend work?",
+        answer: "The backend is using archived data from when the youtube api was still returning the dislike count, extension users like/discount count and extrapolation. In the near future we will be allowing content creators to submit their dislike count easily and safely and we will be adding ArchiveTeam's archived data (4.56 billion videos) into our current database. <a href='https://www.youtube.com/watch?v=GSmmtv-0yYQ'>You can also view a video on the topic.</a>",
+      },
+      {
+        question: "Why does the dislike count show 'DISLIKES DISABLED'?",
+        answer: "At the time of writing we aren't showing dislikes for videos that disabled their likes and dislikes count. The extension displays 'DISLIKES DISABLED' for these videos. We will be showing dislikes on all videos soon, this is just a temporary workaround so people don't think the extension is broken (which isn't working well). Sometimes a recently uploaded video might show 'DISLIKES DISABLED' even if the creator hasn't disabled it, this is due to how we are detecting if dislikes are disabled, it should go away in a few hours or by liking or disliking the video and refreshing the page (hopefully).",
+      },
     ],
   }),
 };
diff --git a/Website/pages/index.vue b/Website/pages/index.vue
index 93f3b96..713cad4 100644
--- a/Website/pages/index.vue
+++ b/Website/pages/index.vue
@@ -54,14 +54,20 @@
       </v-btn>
     </div>
 
-    <div class="mb-4" style="color: #999">
-      Get dislikes manually: <input placeholder=" Video URL">
-      <p id="output"></p>
-    </div>
+<!--    <div class="mb-4" style="color: #999">-->
+<!--      Get dislikes manually: <input placeholder=" Video URL">-->
+<!--      <p id="output"></p>-->
+<!--    </div>-->
 
     <v-spacer />
+    <div id="support-ukraine" class="d-flex flex-column items-center py-2">
+      <h3 class="mb-2">
+        <v-img src="/ukraine-flag-xs.png" width="40px"></v-img>
+        <a href="https://helpukrainewin.org/">Support Ukraine</a>
+      </h3>
+    </div>
 
-    <div id="sponsors" class="d-flex flex-column items-center py-8">
+    <div id="cool-people" class="d-flex flex-column items-center py-8">
       <h3 class="mb-4">
         <v-icon class="mb-2">mdi-heart</v-icon>
         Sponsors
diff --git a/Website/pages/install.vue b/Website/pages/install.vue
index 729cceb..1c03121 100644
--- a/Website/pages/install.vue
+++ b/Website/pages/install.vue
@@ -65,14 +65,14 @@
         No liability on our side, use at your own risk.
       </p>
     </div>
-    <v-btn class="mainAltButton" :href="iosJailbreakLink" target="_blank">
-      <v-icon style="margin-right: 0.5em">mdi-apple</v-icon>
-      iOS (Jailbroken)
-    </v-btn>
     <v-btn class="mainAltButton" :href="androidVanced" target="_blank">
       <v-icon style="margin-right: 0.5em">mdi-android</v-icon>
       Android (Youtube Vanced)
     </v-btn>
+    <v-btn class="mainAltButton" :href="iosJailbreakLink" target="_blank">
+      <v-icon style="margin-right: 0.5em">mdi-apple</v-icon>
+      iOS (Jailbroken)
+    </v-btn>
   </div>
 </template>
 
diff --git a/Website/static/ukraine-flag-xs.png b/Website/static/ukraine-flag-xs.png
new file mode 100644
index 0000000..3d9e39a
--- /dev/null
+++ b/Website/static/ukraine-flag-xs.png