diff --git a/site/assets/scss/yuzu/yuzu.scss b/site/assets/scss/yuzu/yuzu.scss index d673f49d..1ef71860 100644 --- a/site/assets/scss/yuzu/yuzu.scss +++ b/site/assets/scss/yuzu/yuzu.scss @@ -135,12 +135,35 @@ pre > code { box-shadow: 0 1px 1px rgba(0,0,0,0.125); } -// Workaround for browsers without JavaScript for the downloads page -#install-view, #manual-package-view { +#download-header { + display: flex; + flex-direction: column; + text-align: center; +} + +#download-buttons > a { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} + +@media screen and (min-width: 768px) { + #download-header { + flex-direction: row; + text-align: left; + } + + #download-buttons > a { + margin-top: 0; + margin-bottom: 0; + } +} + +#unsupported-platform-view { display: none; } -.dl-button, #platform-unsupported { +// Workaround for browsers without JavaScript for the downloads page +#install-view, #manual-package-view { display: none; } diff --git a/site/content/downloads.md b/site/content/downloads.md index 7a381cbe..f6cd38a5 100644 --- a/site/content/downloads.md +++ b/site/content/downloads.md @@ -4,29 +4,32 @@ layout: "downloads" FullWidth: true --- - - -## Windows +
+
+

Windows

yuzu requires the latest versions of Microsoft Visual C++. - Please download and install the dependency from below.

+Please download and install the dependency from below.

Download Microsoft Visual C++ 2022 here!
-#### Windows Installer +

Windows Installer

The installer will allow you to download your preferred release channel. If you are a Patreon subscriber, the "Early Access" channel will be available to you, and will provide early access to exciting experimental changes on top of what is available in the main channel. Please follow our [Early Access guide](https://yuzu-emu.org/help/early-access/) for assistance linking your Patreon account. Intel and AMD users are strongly recommended to switch to Vulkan by going to `Emulation > Configure > Graphics > API`. Latest GPU drivers are recommended. +
-## Linux - + +
+

Linux

+

We have yuzu as an AppImage and Flatpak now! This relaxes dependency requirements for yuzu, as well as enabling it to run on a lot of older distributions.

@@ -42,3 +45,5 @@ chmod a+x yuzu-*.AppImage ``` Or with the GUI, right click the AppImage, click Properties, then Permissions, then click "Allow this file to run as a program". After that, double-click the AppImage to run it. +
+
diff --git a/site/layouts/page/downloads.html b/site/layouts/page/downloads.html index ec3ae233..8d8e760f 100644 --- a/site/layouts/page/downloads.html +++ b/site/layouts/page/downloads.html @@ -1,54 +1,60 @@ {{ define "header" }} -
-
-

{{ .Title }}

-
- {{ .Content }} -
-
+
-
- Hi! We see that you have JavaScript disabled. We can't show you an - updated listing of the available packages for yuzu, nor alternative - installation methods, but here are a few links to get you started:
- Windows x64 Installer
- Mainline releases on GitHub + -
+ +
+ {{ .Content }} +
+
+
+ +
+
+
+
+
+ Hi! We see that you have JavaScript disabled. You can still use the + above download links but we can't show you an updated listing of the available + packages for yuzu, nor alternative installation methods, but we recommend + viewing the + Mainline releases on GitHub +
+
+
+ +
-
- yuzu doesn't support your platform. If you are running Windows x64 or Linux x64 however, +
+ Yuzu doesn't support your platform. If you are running Windows x64 or Linux x64 however, choose one of the options below.
- -
- Download for Windows x64 - Download for Linux x64 -
- -
- - - Manual Download - -
+
-
-

Builds - - Last release was +
+

Builds + + Last release was   -

+

@@ -62,7 +68,7 @@
-
+
@@ -76,6 +82,10 @@ {{ define "scripts" }} {{ end }}