From 23ecdf9cbe3895f01c103aa60c4c1ddfa8341518 Mon Sep 17 00:00:00 2001
From: Lordmau5 <mail@lordmau5.com>
Date: Tue, 17 Jul 2018 11:46:46 +0200
Subject: [PATCH] Several small fixes to various pages

---
 src/App.vue                   |  2 +-
 src/components/Build.vue      |  3 ++
 src/components/Contribute.vue | 58 +++++++++++++++++++++++++++++++++--
 3 files changed, 60 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 2e69559..9da253a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -150,7 +150,7 @@
     </v-navigation-drawer>
 	<v-footer fixed app class="text-xs-center">
 		<v-flex>
-			<em>Made with <v-icon color="red" class="mx-1">fas fa-heart</v-icon> by <a target="_blank" href="https://twitter.com/Lordmau5">Lordmau5</a></em>
+			<em>Website made with <v-icon color="red" class="mx-1">fas fa-heart</v-icon> by <a target="_blank" href="https://twitter.com/Lordmau5">Lordmau5</a></em>
 		</v-flex>
     </v-footer>
   </v-app>
diff --git a/src/components/Build.vue b/src/components/Build.vue
index 54758fe..ffe6623 100644
--- a/src/components/Build.vue
+++ b/src/components/Build.vue
@@ -31,6 +31,9 @@
 											<v-btn flat target="_blank" href="https://ci.appveyor.com/project/gdkchan/ryujinx">
 												<img width="140" src="https://ci.appveyor.com/api/projects/status/ssg4jwu6ve3k594s?svg=true">
 											</v-btn>
+											<p>
+												<a href="https://openal.org/downloads/OpenAL11CoreSDK.zip">OpenAL</a> is required for Ryujinx to work!
+											</p>
 										</v-flex>
 									</v-layout>
 								</span>
diff --git a/src/components/Contribute.vue b/src/components/Contribute.vue
index 1289097..78200ed 100644
--- a/src/components/Contribute.vue
+++ b/src/components/Contribute.vue
@@ -9,11 +9,65 @@
 			>
 				<v-container grid-list-xl fluid>
 					<v-layout row wrap align-start justify-center>
-						<v-flex xs12 md6>
+						<v-flex xs12 md8>
 							<div class="text-xs-center">
 								<p class="display-1">How may I contribute?</p>
 								<span class="subheading">
-									<v-layout row wrap align-start justify-center>
+									<v-layout row wrap align-start justify-center class="hidden-sm-and-down">
+										<v-flex xs12 md6>
+											<p class="headline mt-4">Helping With Development</p>
+										</v-flex>
+										<v-flex xs12 md6>
+											<p class="headline mt-4">Helping With Donations</p>
+										</v-flex>
+									</v-layout>
+
+									<v-layout row wrap align-center justify-center class="hidden-sm-and-down">
+										<v-flex xs12 md6>
+											<p class="mt-2">
+												You may contribute if you have experience in C#, Switch Homebrew, image design, Discord management, etc.
+												It doesn't matter what you're good at. If you have any skills that you think would be useful in the development,
+												please do contact us through our Discord.
+											</p>
+										</v-flex>
+										<v-flex xs12 md6>
+											<p class="mt-2">
+												If you can't help out with development experience, there's other ways to support.
+												Whilst monetary donations are by no means required, we do appreciate them.
+												They'll go towards necessary equipment and the likes.
+												In return, there's some rewards that you as a supporter will get (for example access to a patreon-only text channel on our Discord).
+											</p>
+										</v-flex>
+									</v-layout>
+
+									<v-layout row wrap align-start justify-center class="hidden-sm-and-down">
+										<v-flex xs12 md6>
+											<v-btn
+												href="https://discord.gg/VkQYXAZ"
+												target="_blank"
+												dark
+												color="blue"
+												class="my-0"
+											>
+												<v-icon left>fab fa-discord</v-icon>
+												Join our Discord!
+											</v-btn>
+										</v-flex>
+										<v-flex xs12 md6>
+											<v-btn
+												href="https://patreon.com/Ryujinx"
+												target="_blank"
+												dark
+												color="red"
+												class="my-0"
+											>
+												<v-icon left>fab fa-patreon</v-icon>
+												Become a patron!
+											</v-btn>
+										</v-flex>
+									</v-layout>
+
+									<v-layout row wrap align-start justify-center class="hidden-md-and-up">
 										<v-flex xs12 md6>
 											<p class="headline mt-4">Helping With Development</p>
 											<p class="mt-2">