Merge pull request #11 from Fabulously-Optimized/changes

Fixes and update

Author: Madis0

lang/en.json

@@ -9,12 +9,15 @@
   "footer.legal_notice": "Fabulously Optimized is not affiliated with Mojang Studios or Microsoft.",
   "content.contributors.columned-hero.title": "These people are truly amazing...",
   "content.contributors.columned-hero.subtitle": "Fabulously Optimized is a community effort, and we couldn't have done it without these people.",
+  "content.home.columned-hero.vanilla": "Manual download",
+  "content.home.columned-hero.disclaimer": "By downloading Fabulously Optimized, you have acknowledged the disclaimers.",
   "content.contributors.org": "Organization Members",
   "content.contributors": "Contributors",
   "content.home.columned-hero.supercharge": "Supercharge",
   "content.home.columned-hero.title": "your Minecraft gameplay.",
   "content.home.columned-hero.subtitle": "A simple Minecraft modpack focusing on performance and graphics enhancements.",
   "content.home.graph.subtitle": "Fabulously Optimized is <span class=\"smaller__gradient\">4x Quicker</span> than OptiFine.<br />",
+  "content.home.graph.vanilla": "Vanilla Minecraft",
   "content.home.download.subtitle": "We encourage using CurseForge App, Modrinth App, Prism Launcher, MultiMC, or official Minecraft Launcher.",
   "content.home.download.title": "Download Now",
   "content.home.features.title": "Why should you use Fabulously Optimized?",

package.json

@@ -14,7 +14,7 @@
     "@nuxt/image": "^1.0.0",
     "@nuxtjs/color-mode": "^3.3.0",
     "@nuxtjs/i18n": "8.0.0-rc.5",
-    "nuxt": "^3.8.0",
+    "nuxt": "^3.10.0",
     "vue": "^3.3.6",
     "vue-router": "^4.2.5"
   },

pages/index.vue

@@ -111,6 +111,12 @@ const features: any = ref([
         <Button color="green" @click="navigateTo(`/modrinth`, { external: true })">
           <DownloadIcon />Modrinth
         </Button>
+        <Button color="gray" @click="navigateTo(`/vanilla`, { external: true })">
+          <DownloadIcon />{{ $t("content.home.columned-hero.vanilla") }}
+        </Button>
+      </div>
+      <div>
+        <p id="disclaimer-text" @click="navigateTo(`/terms`, { external: true })">{{ $t("content.home.columned-hero.disclaimer") }}</p>
       </div>
     </div>
     <div class="column graph__container">
@@ -192,6 +198,10 @@ const features: any = ref([
     <div class="buttons">
       <Button :large="true" color="orange" @click="navigateTo(`/curseforge`, { external: true })">CurseForge</Button>
       <Button :large="true" color="green" @click="navigateTo(`/modrinth`, { external: true })">Modrinth</Button>
+      <Button :large="true" color="gray" @click="navigateTo(`/vanilla`, { external: true })">{{ $t("content.home.columned-hero.vanilla") }}</Button>
+    </div>
+    <div style="margin: -1em">
+      <p id="disclaimer-text" @click="navigateTo(`/terms`, { external: true })">{{ $t("content.home.columned-hero.disclaimer") }}</p>
     </div>
     <!-- <DownloadSection class="download-card-fix" /> -->
   </div>
@@ -309,4 +319,9 @@ h3 {
   flex-direction: row;
   gap: var(--gap-md);
 }
+
+#disclaimer-text{
+  color: gray;
+  cursor: pointer;
+}
 </style>