The-Homebrew-Cloud/Ryujinx-Website
2
0
Fork 0
mirror of https://github.com/Ryujinx/Ryujinx-Website.git synced 2024-09-21 02:29:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

use g-image to improve image loading time

Browse Source
This commit is contained in:
Thog 2020-02-09 22:41:25 +01:00
parent 06fc1cd939
commit 67ac29b015
6 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 6.0 KiB

7
src/layouts/Default.vue
View File

@ -5,7 +5,7 @@
<v-toolbar fixed app> <v-toolbar fixed app>
<v-toolbar-side-icon class="hidden-md-and-up mr-0" @click="drawer = !drawer"></v-toolbar-side-icon> <v-toolbar-side-icon class="hidden-md-and-up mr-0" @click="drawer = !drawer"></v-toolbar-side-icon>
<v-avatar size="32px" tile class="ml-3 mr-1"> <v-avatar size="32px" tile class="ml-3 mr-1">
<img src="@/assets/logo.png" /> <g-image src="~/assets/logo.png" alt="Ryujinx" width="32"/>
</v-avatar> </v-avatar>
<v-toolbar-title v-text="title" class="ml-2"></v-toolbar-title> <v-toolbar-title v-text="title" class="ml-2"></v-toolbar-title>
<v-spacer></v-spacer> <v-spacer></v-spacer>
@ -26,6 +26,7 @@
flat flat
exact exact
href="https://github.com/Ryujinx/Ryujinx-Games-List/issues" href="https://github.com/Ryujinx/Ryujinx-Games-List/issues"
rel="noopener"
target="_blank" target="_blank"
> >
<v-icon>fas fa-gamepad</v-icon> <v-icon>fas fa-gamepad</v-icon>
@ -44,6 +45,7 @@
flat flat
exact exact
href="https://github.com/Ryujinx/Ryujinx-Games-List/issues" href="https://github.com/Ryujinx/Ryujinx-Games-List/issues"
rel="noopener"
target="_blank" target="_blank"
>Compatibility</v-btn> >Compatibility</v-btn>
@ -99,6 +101,7 @@
<v-list-tile <v-list-tile
exact exact
href="https://github.com/Ryujinx/Ryujinx-Games-List/issues" href="https://github.com/Ryujinx/Ryujinx-Games-List/issues"
rel="noopener"
target="_blank" target="_blank"
> >
<v-list-tile-action> <v-list-tile-action>
@ -121,7 +124,7 @@
<v-flex class="text-xs-left"> <v-flex class="text-xs-left">
<v-card-text class="py-2 text-center"> <v-card-text class="py-2 text-center">
Website designed by Website designed by
<a target="_blank" href="https://twitter.com/Lordmau5">Lordmau5</a> <a rel="noopener" target="_blank" href="https://twitter.com/Lordmau5">Lordmau5</a>
</v-card-text> </v-card-text>
</v-flex> </v-flex>
<v-flex class="text-xs-right"> <v-flex class="text-xs-right">

3
src/pages/Build.vue
View File

@ -16,6 +16,7 @@
Download NET Core Download NET Core
<a <a
href="https://dotnet.microsoft.com/download/dotnet-core/3.0" href="https://dotnet.microsoft.com/download/dotnet-core/3.0"
rel="noopener"
target="_blank" target="_blank"
>here</a>. Then install the SDK. >here</a>. Then install the SDK.
</p> </p>
@ -24,7 +25,7 @@
<p class="mt-4 title">Step two (Variant one):</p> <p class="mt-4 title">Step two (Variant one):</p>
<p> <p>
After the installation of the Net Core SDK is done; go ahead and copy the Clone link from GitHub from After the installation of the Net Core SDK is done; go ahead and copy the Clone link from GitHub from
<a href="https://github.com/Ryujinx/Ryujinx" target="_blank">here</a> (via Clone or Download --> Copy HTTPS Link. Or you can download the ZIP tarball.) <a href="https://github.com/Ryujinx/Ryujinx" rel="noopener" target="_blank">here</a> (via Clone or Download --> Copy HTTPS Link. Or you can download the ZIP tarball.)
You can Git Clone the repo by using the GitBash, or you may use the second variant. You can Git Clone the repo by using the GitBash, or you may use the second variant.
</p> </p>
</v-flex> </v-flex>

4
src/pages/Contribute.vue
View File

@ -40,6 +40,7 @@
<v-flex xs12 md6> <v-flex xs12 md6>
<v-btn <v-btn
href="https://discord.gg/VkQYXAZ" href="https://discord.gg/VkQYXAZ"
rel="noopener"
target="_blank" target="_blank"
dark dark
color="blue" color="blue"
@ -51,6 +52,7 @@
<v-flex xs12 md6> <v-flex xs12 md6>
<v-btn <v-btn
href="https://patreon.com/Ryujinx" href="https://patreon.com/Ryujinx"
rel="noopener"
target="_blank" target="_blank"
dark dark
color="red" color="red"
@ -72,6 +74,7 @@
<v-btn <v-btn
href="https://discord.gg/VkQYXAZ" href="https://discord.gg/VkQYXAZ"
rel="noopener"
target="_blank" target="_blank"
dark dark
color="blue" color="blue"
@ -91,6 +94,7 @@
<v-btn <v-btn
href="https://patreon.com/Ryujinx" href="https://patreon.com/Ryujinx"
rel="noopener"
target="_blank" target="_blank"
dark dark
color="red" color="red"

12
src/pages/Download.vue
View File

@ -8,7 +8,7 @@
<v-flex xs12 md6> <v-flex xs12 md6>
<div class="text-xs-center"> <div class="text-xs-center">
<p class="display-1">Building Ryujinx and latest downloads</p> <p class="display-1">Building Ryujinx and latest downloads</p>
<img class="text-xs-center" width="100%" src="@/assets/shell.png" /> <g-image class="text-xs-center" width="100%" src="~/assets/shell.png" alt="Shell" />
<span class="subheading"> <span class="subheading">
<v-layout row wrap align-start justify-center> <v-layout row wrap align-start justify-center>
<v-flex xs12 md6> <v-flex xs12 md6>
@ -25,6 +25,7 @@
dark dark
color="ryu_orange" color="ryu_orange"
target="_blank" target="_blank"
rel="noopener"
:loading="isLoading" :loading="isLoading"
:href="`${downloadURL}-win_x64.zip`" :href="`${downloadURL}-win_x64.zip`"
> >
@ -38,6 +39,7 @@
dark dark
color="ryu_orange" color="ryu_orange"
target="_blank" target="_blank"
rel="noopener"
:loading="isLoading" :loading="isLoading"
:href="`${downloadURL}-linux_x64.tar.gz`" :href="`${downloadURL}-linux_x64.tar.gz`"
> >
@ -51,6 +53,7 @@
dark dark
color="ryu_orange" color="ryu_orange"
target="_blank" target="_blank"
rel="noopener"
:loading="isLoading" :loading="isLoading"
:href="`${downloadURL}-osx_x64.zip`" :href="`${downloadURL}-osx_x64.zip`"
> >
@ -62,9 +65,10 @@
<v-btn <v-btn
flat flat
target="_blank" target="_blank"
rel="noopener"
href="https://ci.appveyor.com/project/gdkchan/ryujinx" href="https://ci.appveyor.com/project/gdkchan/ryujinx"
> >
<img <g-image
width="140" width="140"
src="https://ci.appveyor.com/api/projects/status/ssg4jwu6ve3k594s?svg=true" src="https://ci.appveyor.com/api/projects/status/ssg4jwu6ve3k594s?svg=true"
/> />
@ -83,6 +87,7 @@
dark dark
color="ryu_blue" color="ryu_blue"
target="_blank" target="_blank"
rel="noopener"
:loading="isLoading" :loading="isLoading"
:href="`${downloadURL_profiled}-win_x64.zip`" :href="`${downloadURL_profiled}-win_x64.zip`"
> >
@ -96,6 +101,7 @@
dark dark
color="ryu_blue" color="ryu_blue"
target="_blank" target="_blank"
rel="noopener"
:loading="isLoading" :loading="isLoading"
:href="`${downloadURL_profiled}-linux_x64.tar.gz`" :href="`${downloadURL_profiled}-linux_x64.tar.gz`"
> >
@ -109,6 +115,7 @@
dark dark
color="ryu_blue" color="ryu_blue"
target="_blank" target="_blank"
rel="noopener"
:loading="isLoading" :loading="isLoading"
:href="`${downloadURL_profiled}-osx_x64.zip`" :href="`${downloadURL_profiled}-osx_x64.zip`"
> >
@ -123,6 +130,7 @@
dark dark
color="ryu_orange" color="ryu_orange"
target="_blank" target="_blank"
rel="noopener"
@click.stop="showProfiledBuilds = true" @click.stop="showProfiledBuilds = true"
>I know what I'm doing</v-btn> >I know what I'm doing</v-btn>
</div> </div>

5
src/pages/Index.vue
View File

@ -4,7 +4,7 @@
<section> <section>
<v-parallax :src="require('@/assets/wallp.png')" height="600"> <v-parallax :src="require('@/assets/wallp.png')" height="600">
<v-layout column align-center justify-center class="text-xs-center"> <v-layout column align-center justify-center class="text-xs-center">
<img src="@/assets/logo.png" alt="Ryujinx" class="mb-5" /> <g-image src="~/assets/logo.png" alt="Ryujinx" class="mb-5" width="128"/>
<p class="display-1">A simple, experimental Nintendo Switch emulator.</p> <p class="display-1">A simple, experimental Nintendo Switch emulator.</p>
</v-layout> </v-layout>
</v-parallax> </v-parallax>
@ -166,13 +166,14 @@
<v-card class="elevation-0 transparent"> <v-card class="elevation-0 transparent">
<v-card-text class="text-xs-center"> <v-card-text class="text-xs-center">
<v-avatar size="72"> <v-avatar size="72">
<img :src="member.node.avatar" /> <g-image alt="{{member.node.name}}'s avatar" :src="member.node.avatar" />
</v-avatar> </v-avatar>
</v-card-text> </v-card-text>
<v-card-title primary-title class="layout justify-center"> <v-card-title primary-title class="layout justify-center">
<a <a
v-if="member.node.github" v-if="member.node.github"
:href="`https://github.com/${member.node.github}`" :href="`https://github.com/${member.node.github}`"
rel="noopener"
target="_blank" target="_blank"
class="headline text-xs-center" class="headline text-xs-center"
>{{ member.node.name }}</a> >{{ member.node.name }}</a>