Update pages and deps

This commit is contained in:
Thog 2020-06-15 21:49:01 +02:00
parent 56c0d51ae4
commit fb46709fda
5 changed files with 44 additions and 92 deletions

View file

@ -12,15 +12,15 @@
"dependencies": { "dependencies": {
"@babel/polyfill": "^7.8.7", "@babel/polyfill": "^7.8.7",
"@gridsome/plugin-google-analytics": "^0.1.0", "@gridsome/plugin-google-analytics": "^0.1.0",
"core-js": "^3.6.4", "core-js": "^3.6.5",
"gridsome": "^0.7.13", "gridsome": "^0.7.17",
"vuetify": "^2.2.18" "vuetify": "^2.3.0"
}, },
"devDependencies": { "devDependencies": {
"@babel/cli": "^7.8.4", "@babel/cli": "^7.8.4",
"@babel/core": "^7.9.0", "@babel/core": "^7.9.0",
"@babel/preset-env": "^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", "@gridsome/plugin-sitemap": "^0.2.3",
"babel-preset-minify": "^0.5.1", "babel-preset-minify": "^0.5.1",
"deepmerge": "^4.2.2", "deepmerge": "^4.2.2",

View file

@ -60,9 +60,9 @@
</v-btn> </v-btn>
</v-toolbar-items> </v-toolbar-items>
</v-app-bar> </v-app-bar>
<v-content> <v-main>
<slot /> <slot />
</v-content> </v-main>
<v-navigation-drawer temporary v-model="drawer" fixed> <v-navigation-drawer temporary v-model="drawer" fixed>
<v-list> <v-list>
<!-- Index --> <!-- Index -->

View file

@ -30,12 +30,12 @@ export default function (Vue, { appOptions, head }) {
theme: { theme: {
themes: { themes: {
light: { light: {
ryu_blue: '#00C4E1', ryu_blue: '#02C5E5',
ryu_orange: '#FF5E5B', ryu_orange: '#FF5F55',
}, },
dark: { dark: {
ryu_blue: '#00C4E1', ryu_blue: '#02C5E5',
ryu_orange: '#FF5E5B', ryu_orange: '#FF5F55',
} }
} }
}, },

View file

@ -42,13 +42,6 @@
The build directory is "root/bin/release/etc/etc." The build directory is "root/bin/release/etc/etc."
</p> </p>
</v-col> </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> </v-row>
</span> </span>
</div> </div>

View file

@ -8,17 +8,28 @@
<v-col cols="12" md="6"> <v-col cols="12" md="6">
<div class="text-center"> <div class="text-center">
<p class="display-1">Building Ryujinx and latest downloads</p> <p class="display-1">Building Ryujinx and latest downloads</p>
<img class="text-center" width="100%" src="/public/shell.png" alt="Shell" /> <v-img :aspect-ratio="49/32" class="text-center" src="/public/shell.png" alt="Shell" />
<span class="subheading"> <v-container>
<v-row align="start" justify="center"> <v-row align="start" justify="center">
<v-col cols="12" md="6"> <v-col>
<p class="mt-4 title">Building methods</p> <div class="text-h5">
<v-btn dark class="mx-2" color="ryu_blue" to="/build"> Automatically compiled builds
<v-icon class="ml-n1 mr-2">fas fa-code</v-icon>.NET Core </div>
</v-btn> <p>
</v-col> <v-btn
<v-col cols="12" md="6"> text
<p class="mt-4 title">Automatically compiled builds</p> 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 <DownloadButton
color="orange" color="orange"
@ -47,71 +58,22 @@
:loading="isLoading" :loading="isLoading"
/> />
<br /> <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">
<v-btn Changelog
text </v-btn>
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> </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-col>
</v-row> </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> </div>
</v-col> </v-col>
</v-row> </v-row>
@ -137,7 +99,6 @@ export default {
data() { data() {
return { return {
downloadURL: "", downloadURL: "",
downloadURL_profiled: "",
isLoading: true, isLoading: true,
version: "Loading ...", version: "Loading ...",
showProfiledBuilds: false, showProfiledBuilds: false,
@ -157,10 +118,8 @@ export default {
this.version = json.build.version; this.version = json.build.version;
const jobId = json.build.jobs[0].jobId; 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 = `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; this.isLoading = false;
}, },