2020-02-07 15:08:14 +00:00
|
|
|
<template>
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-app>
|
2020-02-08 15:59:15 +00:00
|
|
|
<!-- IMPORTANT: KEEP THIS HERE-->
|
|
|
|
<SEO/>
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-app-bar app>
|
|
|
|
<v-app-bar-nav-icon class="hidden-md-and-up mr-0" @click="drawer = !drawer"></v-app-bar-nav-icon>
|
2020-02-07 15:08:14 +00:00
|
|
|
<v-avatar size="32px" tile class="ml-3 mr-1">
|
2020-02-09 21:41:25 +00:00
|
|
|
<g-image src="~/assets/logo.png" alt="Ryujinx" width="32"/>
|
2020-02-07 15:08:14 +00:00
|
|
|
</v-avatar>
|
|
|
|
<v-toolbar-title v-text="title" class="ml-2"></v-toolbar-title>
|
|
|
|
<v-spacer></v-spacer>
|
|
|
|
<v-toolbar-items class="hidden-sm-and-down hidden-lg-and-up">
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-btn text exact to="/">
|
2020-02-07 15:08:14 +00:00
|
|
|
<v-icon>fas fa-home</v-icon>
|
|
|
|
</v-btn>
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-btn text href="https://blog.ryujinx.org/">
|
2020-02-07 15:08:14 +00:00
|
|
|
<v-icon>fas fa-newspaper</v-icon>
|
|
|
|
</v-btn>
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-btn text exact to="/download">
|
2020-02-07 15:08:14 +00:00
|
|
|
<v-icon>fas fa-download</v-icon>
|
|
|
|
</v-btn>
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-btn text exact to="/contribute">
|
2020-02-07 15:08:14 +00:00
|
|
|
<v-icon>fas fa-code</v-icon>
|
|
|
|
</v-btn>
|
2022-05-29 10:11:43 +00:00
|
|
|
<v-btn text href="https://github.com/Ryujinx/Ryujinx/wiki/Ryujinx-Setup-&-Configuration-Guide">
|
|
|
|
<v-icon>fas fa-info-circle</v-icon>
|
|
|
|
</v-btn>
|
|
|
|
<v-btn text href="https://github.com/Ryujinx/Ryujinx/wiki/Frequently-Asked-Questions">
|
|
|
|
<v-icon>fas fa-question-circle</v-icon>
|
|
|
|
</v-btn>
|
2020-02-07 15:08:14 +00:00
|
|
|
<v-btn
|
2020-02-10 14:59:13 +00:00
|
|
|
text
|
2020-02-07 15:08:14 +00:00
|
|
|
exact
|
|
|
|
href="https://github.com/Ryujinx/Ryujinx-Games-List/issues"
|
2020-02-09 21:41:25 +00:00
|
|
|
rel="noopener"
|
2020-02-07 15:08:14 +00:00
|
|
|
target="_blank"
|
|
|
|
>
|
|
|
|
<v-icon>fas fa-gamepad</v-icon>
|
|
|
|
</v-btn>
|
|
|
|
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-btn text v-for="element in $static.socialNavbarElements.edges" :key="element.node.id" :color="element.node.color" :href="element.node.href">
|
2020-02-07 23:03:10 +00:00
|
|
|
<v-icon>fab {{ element.node.icon }}</v-icon>
|
2020-02-07 15:08:14 +00:00
|
|
|
</v-btn>
|
|
|
|
</v-toolbar-items>
|
|
|
|
<v-toolbar-items class="hidden-md-and-down">
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-btn text exact to="/">Home</v-btn>
|
|
|
|
<v-btn text href="https://blog.ryujinx.org/">Blog</v-btn>
|
|
|
|
<v-btn text exact to="/download">Download</v-btn>
|
|
|
|
<v-btn text exact to="/contribute">Contribute</v-btn>
|
2022-05-29 10:11:43 +00:00
|
|
|
<v-btn
|
|
|
|
text
|
|
|
|
exact
|
|
|
|
href="https://github.com/Ryujinx/Ryujinx/wiki/Ryujinx-Setup-&-Configuration-Guide"
|
|
|
|
rel="noopener"
|
|
|
|
target="_blank"
|
|
|
|
>Guide</v-btn>
|
|
|
|
<v-btn
|
|
|
|
text
|
|
|
|
exact
|
|
|
|
href="https://github.com/Ryujinx/Ryujinx/wiki/Frequently-Asked-Questions"
|
|
|
|
rel="noopener"
|
|
|
|
target="_blank"
|
|
|
|
>FAQ</v-btn>
|
2020-02-07 15:08:14 +00:00
|
|
|
<v-btn
|
2020-02-10 14:59:13 +00:00
|
|
|
text
|
2020-02-07 15:08:14 +00:00
|
|
|
exact
|
|
|
|
href="https://github.com/Ryujinx/Ryujinx-Games-List/issues"
|
2020-02-09 21:41:25 +00:00
|
|
|
rel="noopener"
|
2020-02-07 15:08:14 +00:00
|
|
|
target="_blank"
|
|
|
|
>Compatibility</v-btn>
|
|
|
|
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-btn text v-for="element in $static.socialNavbarElements.edges" :key="element.node.id" :color="element.node.color" :href="element.node.href">
|
2020-02-07 23:03:10 +00:00
|
|
|
<v-icon>fab {{ element.node.icon }}</v-icon>
|
2020-02-07 15:08:14 +00:00
|
|
|
</v-btn>
|
|
|
|
</v-toolbar-items>
|
|
|
|
<v-toolbar-items class="ml-0 mr-2">
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-btn text @click.stop="toggleDarkMode()">
|
|
|
|
<v-icon v-if="$vuetify.theme.dark">fas fa-sun</v-icon>
|
2020-02-07 15:08:14 +00:00
|
|
|
<v-icon v-else>fas fa-moon</v-icon>
|
|
|
|
</v-btn>
|
|
|
|
</v-toolbar-items>
|
2020-02-10 14:59:13 +00:00
|
|
|
</v-app-bar>
|
2020-06-15 19:49:01 +00:00
|
|
|
<v-main>
|
2020-02-07 15:08:14 +00:00
|
|
|
<slot />
|
2020-06-15 19:49:01 +00:00
|
|
|
</v-main>
|
2020-02-07 15:08:14 +00:00
|
|
|
<v-navigation-drawer temporary v-model="drawer" fixed>
|
|
|
|
<v-list>
|
|
|
|
<!-- Index -->
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-list-item exact to="/">
|
|
|
|
<v-list-item-action>
|
2020-02-07 15:08:14 +00:00
|
|
|
<v-icon>fas fa-home</v-icon>
|
2020-02-10 14:59:13 +00:00
|
|
|
</v-list-item-action>
|
|
|
|
<v-list-item-title>Home</v-list-item-title>
|
|
|
|
</v-list-item>
|
2020-02-07 15:08:14 +00:00
|
|
|
|
|
|
|
<!-- News -->
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-list-item href="https://blog.ryujinx.org/">
|
|
|
|
<v-list-item-action>
|
2020-02-07 15:08:14 +00:00
|
|
|
<v-icon>fas fa-newspaper</v-icon>
|
2020-02-10 14:59:13 +00:00
|
|
|
</v-list-item-action>
|
|
|
|
<v-list-item-title>Blog</v-list-item-title>
|
|
|
|
</v-list-item>
|
2020-02-07 15:08:14 +00:00
|
|
|
|
|
|
|
<!-- Download -->
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-list-item exact to="/download">
|
|
|
|
<v-list-item-action>
|
2020-02-07 15:08:14 +00:00
|
|
|
<v-icon>fas fa-download</v-icon>
|
2020-02-10 14:59:13 +00:00
|
|
|
</v-list-item-action>
|
|
|
|
<v-list-item-title>Download</v-list-item-title>
|
|
|
|
</v-list-item>
|
2020-02-07 15:08:14 +00:00
|
|
|
|
|
|
|
<!-- Contribute -->
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-list-item exact to="/contribute">
|
|
|
|
<v-list-item-action>
|
2020-02-07 15:08:14 +00:00
|
|
|
<v-icon>fas fa-code</v-icon>
|
2020-02-10 14:59:13 +00:00
|
|
|
</v-list-item-action>
|
|
|
|
<v-list-item-title>Contribute</v-list-item-title>
|
|
|
|
</v-list-item>
|
2020-02-07 15:08:14 +00:00
|
|
|
|
2022-05-29 10:11:43 +00:00
|
|
|
<!-- Setup Guide -->
|
|
|
|
<v-list-item
|
|
|
|
exact
|
|
|
|
href="https://github.com/Ryujinx/Ryujinx/wiki/Ryujinx-Setup-&-Configuration-Guide"
|
|
|
|
rel="noopener"
|
|
|
|
target="_blank"
|
|
|
|
>
|
|
|
|
<v-list-item-action>
|
|
|
|
<v-icon>fas fa-info-circle</v-icon>
|
|
|
|
</v-list-item-action>
|
|
|
|
<v-list-item-title>Guide</v-list-item-title>
|
|
|
|
</v-list-item>
|
|
|
|
|
|
|
|
<!-- FAQ -->
|
|
|
|
<v-list-item
|
|
|
|
exact
|
|
|
|
href="https://github.com/Ryujinx/Ryujinx/wiki/Frequently-Asked-Questions"
|
|
|
|
rel="noopener"
|
|
|
|
target="_blank">
|
|
|
|
<v-list-item-action>
|
|
|
|
<v-icon>fas fa-question-circle</v-icon>
|
|
|
|
</v-list-item-action>
|
|
|
|
<v-list-item-title>FAQ</v-list-item-title>
|
|
|
|
</v-list-item>
|
|
|
|
|
2020-02-07 15:08:14 +00:00
|
|
|
<!-- Game Compatibility -->
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-list-item
|
2020-02-07 15:08:14 +00:00
|
|
|
exact
|
|
|
|
href="https://github.com/Ryujinx/Ryujinx-Games-List/issues"
|
2020-02-09 21:41:25 +00:00
|
|
|
rel="noopener"
|
2020-02-07 15:08:14 +00:00
|
|
|
target="_blank"
|
|
|
|
>
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-list-item-action>
|
2020-02-07 15:08:14 +00:00
|
|
|
<v-icon>fas fa-gamepad</v-icon>
|
2020-02-10 14:59:13 +00:00
|
|
|
</v-list-item-action>
|
|
|
|
<v-list-item-title>Game Compatibility</v-list-item-title>
|
|
|
|
</v-list-item>
|
2020-02-07 15:08:14 +00:00
|
|
|
|
|
|
|
<v-divider></v-divider>
|
|
|
|
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-list-item v-for="element in $static.socialNavbarElements.edges" :key="element.node.id" :color="element.node.color" :href="element.node.href">
|
|
|
|
<v-list-item-action>
|
2020-02-07 23:03:10 +00:00
|
|
|
<v-icon :color="element.node.color">fab {{ element.node.icon }}</v-icon>
|
2020-02-10 14:59:13 +00:00
|
|
|
</v-list-item-action>
|
|
|
|
<v-list-item-title>{{element.node.title}}</v-list-item-title>
|
|
|
|
</v-list-item>
|
2020-02-07 15:08:14 +00:00
|
|
|
</v-list>
|
|
|
|
</v-navigation-drawer>
|
2020-02-10 14:59:13 +00:00
|
|
|
<v-footer class="text-center">
|
|
|
|
<v-col class="text-left">
|
2020-02-08 16:53:51 +00:00
|
|
|
<v-card-text class="py-2 text-center">
|
|
|
|
Website designed by
|
2020-02-09 21:41:25 +00:00
|
|
|
<a rel="noopener" target="_blank" href="https://twitter.com/Lordmau5">Lordmau5</a>
|
2020-02-08 16:53:51 +00:00
|
|
|
</v-card-text>
|
2020-02-10 14:59:13 +00:00
|
|
|
</v-col>
|
|
|
|
<v-col class="text-right">
|
2020-02-08 16:53:51 +00:00
|
|
|
<v-card-text class="py-2 text-center">
|
|
|
|
{{this.$static.metadata.siteAuthor}} © {{ new Date().getFullYear() }}
|
|
|
|
</v-card-text>
|
2020-02-10 14:59:13 +00:00
|
|
|
</v-col>
|
2020-02-07 15:08:14 +00:00
|
|
|
</v-footer>
|
|
|
|
</v-app>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<static-query>
|
|
|
|
query {
|
|
|
|
metadata {
|
2020-02-08 16:53:51 +00:00
|
|
|
siteAuthor
|
2020-02-07 15:08:14 +00:00
|
|
|
}
|
2020-02-07 23:03:10 +00:00
|
|
|
socialNavbarElements: allSocialNavbarElements(order: ASC) {
|
|
|
|
edges {
|
|
|
|
node {
|
|
|
|
title
|
|
|
|
color
|
|
|
|
href
|
|
|
|
icon
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</static-query>
|
|
|
|
|
2020-02-07 15:08:14 +00:00
|
|
|
<style scoped>
|
|
|
|
.btn {
|
|
|
|
min-width: 0;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
a {
|
|
|
|
color: #00c4e1;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
data() {
|
|
|
|
return {
|
2020-02-08 16:53:51 +00:00
|
|
|
title: "Ryujinx - Nintendo Switch Emulator",
|
2020-02-07 15:08:14 +00:00
|
|
|
drawer: false,
|
|
|
|
};
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
toggleDarkMode() {
|
2020-02-10 14:59:13 +00:00
|
|
|
this.$vuetify.theme.dark = !this.$vuetify.theme.dark;
|
2021-01-24 15:33:27 +00:00
|
|
|
localStorage.white_mode = !this.$vuetify.theme.dark;
|
2020-02-07 15:08:14 +00:00
|
|
|
}
|
2020-02-10 14:59:13 +00:00
|
|
|
},
|
|
|
|
beforeMount() {
|
2021-01-24 15:33:27 +00:00
|
|
|
this.$vuetify.theme.dark = localStorage.white_mode !== "true"
|
2020-02-07 15:08:14 +00:00
|
|
|
}
|
|
|
|
};
|
|
|
|
</script>
|