use g-image to improve image loading time

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 6 KiB

View file

@ -5,7 +5,7 @@
<v-toolbar fixed app>
<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">
<img src="@/assets/logo.png" />
<g-image src="~/assets/logo.png" alt="Ryujinx" width="32"/>
</v-avatar>
<v-toolbar-title v-text="title" class="ml-2"></v-toolbar-title>
<v-spacer></v-spacer>
@ -26,6 +26,7 @@
flat
exact
href="https://github.com/Ryujinx/Ryujinx-Games-List/issues"
rel="noopener"
target="_blank"
>
<v-icon>fas fa-gamepad</v-icon>
@ -44,6 +45,7 @@
flat
exact
href="https://github.com/Ryujinx/Ryujinx-Games-List/issues"
rel="noopener"
target="_blank"
>Compatibility</v-btn>
@ -99,6 +101,7 @@
<v-list-tile
exact
href="https://github.com/Ryujinx/Ryujinx-Games-List/issues"
rel="noopener"
target="_blank"
>
<v-list-tile-action>
@ -121,7 +124,7 @@
<v-flex class="text-xs-left">
<v-card-text class="py-2 text-center">
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-flex>
<v-flex class="text-xs-right">

View file

@ -16,6 +16,7 @@
Download NET Core
<a
href="https://dotnet.microsoft.com/download/dotnet-core/3.0"
rel="noopener"
target="_blank"
>here</a>. Then install the SDK.
</p>
@ -24,7 +25,7 @@
<p class="mt-4 title">Step two (Variant one):</p>
<p>
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.
</p>
</v-flex>

View file

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

View file

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

View file

@ -4,7 +4,7 @@
<section>
<v-parallax :src="require('@/assets/wallp.png')" height="600">
<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>
</v-layout>
</v-parallax>
@ -166,13 +166,14 @@
<v-card class="elevation-0 transparent">
<v-card-text class="text-xs-center">
<v-avatar size="72">
<img :src="member.node.avatar" />
<g-image alt="{{member.node.name}}'s avatar" :src="member.node.avatar" />
</v-avatar>
</v-card-text>
<v-card-title primary-title class="layout justify-center">
<a
v-if="member.node.github"
:href="`https://github.com/${member.node.github}`"
rel="noopener"
target="_blank"
class="headline text-xs-center"
>{{ member.node.name }}</a>