return-youtube-dislike/Website/pages/install.vue

<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>