From 1ea416a383f306d62ba876392c00c9e5b48b3320 Mon Sep 17 00:00:00 2001
From: Phi <admin@thecrystarium.info>
Date: Sun, 29 May 2022 12:11:43 +0200
Subject: [PATCH] Add setup guide and FAQ links (#11)

Co-authored-by: Phi Zero <wolkan.craanen@gmail.com>
---
 src/layouts/Default.vue | 45 +++++++++++++++++++++++++++++++++++++++++
 src/pages/Download.vue  | 12 ++++++++++-
 2 files changed, 56 insertions(+), 1 deletion(-)

diff --git a/src/layouts/Default.vue b/src/layouts/Default.vue
index b56c24e..b2b16be 100644
--- a/src/layouts/Default.vue
+++ b/src/layouts/Default.vue
@@ -22,6 +22,12 @@
         <v-btn text exact to="/contribute">
           <v-icon>fas fa-code</v-icon>
         </v-btn>
+        <v-btn text href="https://github.com/Ryujinx/Ryujinx/wiki/Ryujinx-Setup-&-Configuration-Guide">
+          <v-icon>fas fa-info-circle</v-icon>
+        </v-btn>
+        <v-btn text href="https://github.com/Ryujinx/Ryujinx/wiki/Frequently-Asked-Questions">
+          <v-icon>fas fa-question-circle</v-icon>
+        </v-btn>
         <v-btn
           text
           exact
@@ -41,6 +47,20 @@
         <v-btn text href="https://blog.ryujinx.org/">Blog</v-btn>
         <v-btn text exact to="/download">Download</v-btn>
         <v-btn text exact to="/contribute">Contribute</v-btn>
+        <v-btn 
+          text 
+          exact 
+          href="https://github.com/Ryujinx/Ryujinx/wiki/Ryujinx-Setup-&-Configuration-Guide" 
+          rel="noopener" 
+          target="_blank"
+        >Guide</v-btn>
+        <v-btn 
+          text 
+          exact 
+          href="https://github.com/Ryujinx/Ryujinx/wiki/Frequently-Asked-Questions" 
+          rel="noopener" 
+          target="_blank"
+        >FAQ</v-btn>
         <v-btn
           text
           exact
@@ -97,6 +117,31 @@
           <v-list-item-title>Contribute</v-list-item-title>
         </v-list-item>
 
+        <!-- Setup Guide -->
+        <v-list-item 
+          exact 
+          href="https://github.com/Ryujinx/Ryujinx/wiki/Ryujinx-Setup-&-Configuration-Guide"
+          rel="noopener"
+          target="_blank"
+        >
+          <v-list-item-action>
+            <v-icon>fas fa-info-circle</v-icon>
+          </v-list-item-action>
+          <v-list-item-title>Guide</v-list-item-title>
+        </v-list-item>
+
+        <!-- FAQ -->
+        <v-list-item
+          exact
+          href="https://github.com/Ryujinx/Ryujinx/wiki/Frequently-Asked-Questions"
+          rel="noopener"
+          target="_blank">
+          <v-list-item-action>
+            <v-icon>fas fa-question-circle</v-icon>
+          </v-list-item-action>
+          <v-list-item-title>FAQ</v-list-item-title>
+        </v-list-item>
+
         <!-- Game Compatibility -->
         <v-list-item
           exact
diff --git a/src/pages/Download.vue b/src/pages/Download.vue
index 0d5e10c..73d35d3 100644
--- a/src/pages/Download.vue
+++ b/src/pages/Download.vue
@@ -7,7 +7,7 @@
             <v-row align="start" justify="center">
               <v-col cols="12" md="6">
                 <div class="text-center">
-                  <p class="display-1">Building Ryujinx and latest downloads</p>
+                  <p class="text-h4">Building Ryujinx and latest downloads</p>
                   <v-container>
                     <v-row align="start" justify="center">
                       <v-img :max-height="300" :max-width="500" position="text-center" src="/public/shell.png" alt="Shell" />
@@ -65,6 +65,16 @@
                         <p class="text">Head over to our <a href="https://www.patreon.com/posts/introducing-ldn2-45268370" rel="noopener" target="_blank">Patreon</a> for more info & FREE download</p>
                       </v-col>
                     </v-row>
+                    <v-row justify="center">
+                      <v-col>
+                        <p class="text-h5">Need help?</p>
+                        <p class="text">
+                          Check out the <a href="https://github.com/Ryujinx/Ryujinx/wiki/Ryujinx-Setup-&-Configuration-Guide" rel="noopener" target="_blank">Setup Guide,</a>
+                          read the <a href="https://github.com/Ryujinx/Ryujinx/wiki/Frequently-Asked-Questions" rel="noopener" target="_blank">FAQ</a>
+                          or head to our <a href="https://discord.gg/VkQYXAZ" rel="noopener" target="_blank">Discord!</a>
+                        </p>
+                      </v-col>
+                    </v-row>
                     <v-row justify="center">
                       <v-col>
                         <p class="text-h5">Building methods</p>