From fb46709fda8a1a9137647037fc0f6d8bd1103ef7 Mon Sep 17 00:00:00 2001
From: Thog <me@thog.eu>
Date: Mon, 15 Jun 2020 21:49:01 +0200
Subject: [PATCH] Update pages and deps

---
 package.json            |   8 +--
 src/layouts/Default.vue |   4 +-
 src/main.js             |   8 +--
 src/pages/Build.vue     |   7 ---
 src/pages/Download.vue  | 109 +++++++++++++---------------------------
 5 files changed, 44 insertions(+), 92 deletions(-)

diff --git a/package.json b/package.json
index 549d782..4b333c2 100644
--- a/package.json
+++ b/package.json
@@ -12,15 +12,15 @@
   "dependencies": {
     "@babel/polyfill": "^7.8.7",
     "@gridsome/plugin-google-analytics": "^0.1.0",
-    "core-js": "^3.6.4",
-    "gridsome": "^0.7.13",
-    "vuetify": "^2.2.18"
+    "core-js": "^3.6.5",
+    "gridsome": "^0.7.17",
+    "vuetify": "^2.3.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",
     "@babel/core": "^7.9.0",
     "@babel/preset-env": "^7.9.0",
-    "@gridsome/cli": "^0.3.1",
+    "@gridsome/cli": "^0.3.3",
     "@gridsome/plugin-sitemap": "^0.2.3",
     "babel-preset-minify": "^0.5.1",
     "deepmerge": "^4.2.2",
diff --git a/src/layouts/Default.vue b/src/layouts/Default.vue
index fb06dad..e7530ee 100644
--- a/src/layouts/Default.vue
+++ b/src/layouts/Default.vue
@@ -60,9 +60,9 @@
         </v-btn>
       </v-toolbar-items>
     </v-app-bar>
-    <v-content>
+    <v-main>
       <slot />
-    </v-content>
+    </v-main>
     <v-navigation-drawer temporary v-model="drawer" fixed>
       <v-list>
         <!-- Index -->
diff --git a/src/main.js b/src/main.js
index a25b910..7986798 100644
--- a/src/main.js
+++ b/src/main.js
@@ -30,12 +30,12 @@ export default function (Vue, { appOptions, head }) {
     theme: {
       themes: {
         light: {
-          ryu_blue: '#00C4E1',
-          ryu_orange: '#FF5E5B',
+          ryu_blue: '#02C5E5',
+          ryu_orange: '#FF5F55',
         },
         dark: {
-          ryu_blue: '#00C4E1',
-          ryu_orange: '#FF5E5B',
+          ryu_blue: '#02C5E5',
+          ryu_orange: '#FF5F55',
         }
       }
     },
diff --git a/src/pages/Build.vue b/src/pages/Build.vue
index c63465f..0014d16 100644
--- a/src/pages/Build.vue
+++ b/src/pages/Build.vue
@@ -42,13 +42,6 @@
                           The build directory is "root/bin/release/etc/etc."
                         </p>
                       </v-col>
-                      <v-col cols="12">
-                        <p class="mt-4 title">Step four:</p>
-                        <p>
-                          In order to run a game or homebrew; simply drag the file onto the Executable. The app will launch, and the homebrew/game will begin emulation.
-                          Do keep in mind, that emulation is finicky, and will most likely crash at some point.
-                        </p>
-                      </v-col>
                     </v-row>
                   </span>
                 </div>
diff --git a/src/pages/Download.vue b/src/pages/Download.vue
index 6c4489c..ae2ed22 100644
--- a/src/pages/Download.vue
+++ b/src/pages/Download.vue
@@ -8,17 +8,28 @@
               <v-col cols="12" md="6">
                 <div class="text-center">
                   <p class="display-1">Building Ryujinx and latest downloads</p>
-                  <img class="text-center" width="100%" src="/public/shell.png" alt="Shell" />
-                  <span class="subheading">
+                  <v-img :aspect-ratio="49/32" class="text-center" src="/public/shell.png" alt="Shell" />
+                  <v-container>
                     <v-row align="start" justify="center">
-                      <v-col cols="12" md="6">
-                        <p class="mt-4 title">Building methods</p>
-                        <v-btn dark class="mx-2" color="ryu_blue" to="/build">
-                          <v-icon class="ml-n1 mr-2">fas fa-code</v-icon>.NET Core
-                        </v-btn>
-                      </v-col>
-                      <v-col cols="12" md="6">
-                        <p class="mt-4 title">Automatically compiled builds</p>
+                      <v-col>
+                        <div class="text-h5">
+                          Automatically compiled builds
+                        </div>
+                        <p>
+                          <v-btn
+                            text
+                            small
+                            target="_blank"
+                            rel="noopener"
+                            href="https://ci.appveyor.com/project/gdkchan/ryujinx?branch=master"
+                          >
+                            <g-image
+                              width="140"
+                              src="https://ci.appveyor.com/api/projects/status/ssg4jwu6ve3k594s?svg=true"
+                              alt="AppVeyor Badge"
+                            />
+                          </v-btn>
+                        </p>
 
                         <DownloadButton
                           color="orange"
@@ -47,71 +58,22 @@
                           :loading="isLoading"
                         />
                           
-                        <br />
-
-                        <v-btn
-                          text
-                          class="my-2"
-                          target="_blank"
-                          rel="noopener"
-                          href="https://ci.appveyor.com/project/gdkchan/ryujinx?branch=master"
-                        >
-                          <g-image
-                            width="140"
-                            src="https://ci.appveyor.com/api/projects/status/ssg4jwu6ve3k594s?svg=true"
-                          />
-                        </v-btn>
-
-                        <p class="mt-4 title">
-                          Profiled builds
-                          <br />
-                          <span
-                            class="caption"
-                          >(If you're not a developer, these builds aren't for you.)</span>
+                        <p class="mt-4">
+                          <v-btn dark depressed small color="yellow darken-4" href="https://github.com/Ryujinx/Ryujinx/wiki/Changelog" rel="noopener" target="_blank">
+                            Changelog
+                          </v-btn>
                         </p>
-
-                        <div class="text-center">
-                          <div v-if="showProfiledBuilds">
-                            <DownloadButton
-                              color="blue"
-                              platform="windows"
-                              :version="version"
-                              :href="`${downloadURL_profiled}-win_x64.zip`"
-                              :click="trackDownload"
-                              :loading="isLoading"
-                            />
-
-                            <DownloadButton
-                              color="blue"
-                              platform="linux"
-                              :version="version"
-                              :href="`${downloadURL_profiled}-linux_x64.tar.gz`"
-                              :click="trackDownload"
-                              :loading="isLoading"
-                            />
-
-                            <DownloadButton
-                              color="blue"
-                              platform="apple"
-                              :version="version"
-                              :href="`${downloadURL_profiled}-osx_x64.zip`"
-                              :click="trackDownload"
-                              :loading="isLoading"
-                            />
-                          </div>
-                          <div v-else>
-                            <v-btn
-                              dark
-                              color="ryu_orange"
-                              target="_blank"
-                              rel="noopener"
-                              @click.stop="showProfiledBuilds = true"
-                            >I know what I'm doing</v-btn>
-                          </div>
-                        </div>
                       </v-col>
                     </v-row>
-                  </span>
+                    <v-row justify="center">
+                      <v-col>
+                        <p class="text-h5">Building methods</p>
+                        <v-btn dark class="mx-2" color="ryu_blue" to="/build">
+                          <v-icon class="ml-n1 mr-2">fas fa-code</v-icon>.NET Core
+                        </v-btn>
+                      </v-col>
+                    </v-row>
+                  </v-container>
                 </div>
               </v-col>
             </v-row>
@@ -137,7 +99,6 @@ export default {
   data() {
     return {
       downloadURL: "",
-      downloadURL_profiled: "",
       isLoading: true,
       version: "Loading ...",
       showProfiledBuilds: false,
@@ -157,10 +118,8 @@ export default {
       this.version = json.build.version;
 
       const jobId = json.build.jobs[0].jobId;
-      const jobIdProfiled = json.build.jobs[1].jobId;
 
       this.downloadURL = `https://ci.appveyor.com/api/buildjobs/${jobId}/artifacts/ryujinx-${this.version}`;
-      this.downloadURL_profiled = `https://ci.appveyor.com/api/buildjobs/${jobIdProfiled}/artifacts/ryujinx-profiled-${this.version}`;
 
       this.isLoading = false;
     },