Updated menu. Added donate and wiki pages. Updated scss to add shared_customization. Updated style.scss to reflect this. Updated yuzu base themes. Tweaked the About section.

This commit is contained in:
Chris 2018-01-12 22:21:55 -05:00
parent 31b88e63ca
commit 4419f581cb
8 changed files with 133 additions and 80 deletions

View file

@ -11,25 +11,20 @@ paginate = 10
name = "about"
weight = 1
identifier = "about"
url = "#about"
url = "/"
[[menu.main]]
name = "getting started"
weight = 2
identifier = "getting-started"
url = "#getting-started"
name = "wiki"
weight = 1
identifier = "wiki"
url = "/wiki"
[[menu.main]]
name = "donate"
weight = 3
identifier = "donate"
url = "#donate"
[[menu.main]]
name = "updates"
weight = 4
identifier = "updates"
url = "#updates"
url = "/donate"
[params]
DiscordURL = "https://discord.gg/gz9pz97"
@ -40,7 +35,7 @@ paginate = 10
[Languages]
[Languages.en]
title = "yuzu"
tagline = "An experimental Nintendo Switch Emulator"
tagline = "An experimental emulator for the Nintendo Switch"
description = "Yuzu is a highly experimental open-source emulator for the Nintendo Switch."
weight = 1

5
site/content/donate.md Normal file
View file

@ -0,0 +1,5 @@
---
title: Donations
---
You should donate.

5
site/content/wiki.md Normal file
View file

@ -0,0 +1,5 @@
---
title: Wiki
---
Coming soon!

View file

@ -1,4 +1,6 @@
{{ define "main" }} {{ partial "home_hero" . }}
{{ define "main" }}
{{ partial "home_hero" . }}
<a name="about"></a>
<section class="hero">
@ -6,74 +8,118 @@
<div class="container">
<h1 class="title">About</h1>
<div class="content">
<p>yuzu is a work-in-progress Nintendo Switch emulator. The project was started in spring of 2017 by bunnei,
one of the original authors of the popular Citra 3DS emulator, to experiment with and research the Nintendo
Switch.
<p>
yuzu is a work-in-progress Nintendo Switch emulator. yuzu is an open-source project, licensed under the GPLv2 (or any later
version). yuzu has been designed with portability in mind, with builds available for Windows, Linux,
and macOS.
</p>
<p>Due to the similarities between Switch and 3DS, yuzu was developed as a fork of Citra. This means that it
uses the same project architecture, and both emulators benefit from shared improvements. During the early
months of development, work was done in private, and progress was slow.</p>
<p>However, as Switch reverse-engineering and homebrew development became popular, work on yuzu began to take
off as well. In January of 2018, the yuzu team was formed out of several Citra developers, and the decision
was made to release the project publicly. </p>
<p>As an emulator, yuzu is in its infancy, and is only currently useful for Switch reverse-engineering and homebrew
development. yuzu has been designed with portability in mind, with builds actively maintained for Windows,
Linux, and macOs.
<p>
The project was started in spring of 2017 by bunnei, one of the original authors of the popular Citra 3DS emulator, to experiment
with and research the Nintendo Switch. Due to the similarities between Switch and 3DS, yuzu was developed
as a fork of Citra.
</p>
<ol>
<li>
<span class="is-italic">Can I use yuzu to play Switch games?</span>
<span>No at this time, yuzu does not run any commercial Switch games. yuzu can boot some games, to varying
degrees of success, but does not implement any of the necessary GPU features to render 3D graphics.</span>
</li>
<li>
<span class="is-italic">When will yuzu run games?</span>
<span>In short we do not know. Running games is one of the teams top priorities, so we are actively
working toward that goal!</span>
</li>
<p>
This means that it uses the same project architecture, and both emulators benefit from shared improvements.
</p>
<li>
<span class="is-italic">What is yuzus license?</span>
<span>yuzu is an open-source project, licensed under the GPLv2 (or any later version). Refer to the license
document for more information.</span>
</li>
<p>
During the early months of development, work was done in private, and progress was slow. However, as Switch reverse-engineering
and homebrew development became popular, work on yuzu began to take off as well.
</p>
<p>
In January of 2018, the yuzu team was formed out of several Citra developers, and the decision was made to release the project
publicly. As an emulator, yuzu is in its infancy, and is only currently useful for Switch reverse-engineering
and homebrew development.
</p>
<div class="columns">
<div class="column">
<div class="card">
<header class="card-header">
<p class="card-header-title">Can I use yuzu to play Switch games?</p>
</header>
<div class="card-content">
<div class="content">
No at this time, yuzu does not run any commercial Switch games. yuzu can boot some games, to varying degrees of success,
but does not implement any of the necessary GPU features to render 3D graphics.
</div>
</div>
</div>
</div>
<div class="column">
<div class="card">
<header class="card-header">
<p class="card-header-title">When will yuzu run games?</p>
</header>
<div class="card-content">
<div class="content">
In short we do not know how soon games might run. While yuzu is making great progress, Switch emulation is very complex.
Running games is one of the teams top priorities, so we are actively working toward
that goal!
</div>
</div>
</div>
</div>
<div class="column">
<div class="card">
<header class="card-header">
<p class="card-header-title">Where does the name come from?</p>
</header>
<div class="card-content">
<div class="content">
Citrus junos, or yuzu (from Japanese ユズ), is a citrus fruit, most commonly used in Asian cuisines. This name was chosen as
an homage to Citra and its developers, whose work gave the foundation for this project.
</div>
</div>
</div>
</div>
</div>
<li>
<span class="is-italic">Where does the name come from?</span>
<span>Citrus junos, or yuzu (from Japanese ユズ), is a citrus fruit, most commonly used in Asian cuisines.
This name was chosen as an homage to Citra and its developers, whose work gave the foundation
for this project.</span>
</li>
</ol>
</div>
</div>
</div>
</section>
<a name="getting-started"></a>
<section class="hero">
<section class="hero is-info">
<div class="hero-body">
<div class="container">
<h1 class="title">Getting Started</h1>
<div class="content">
<p>A call to action!</p>
</div>
</div>
</div>
</section>
<nav class="columns">
<a name="donate"></a>
<section class="hero">
<div class="hero-body">
<div class="container">
<h1 class="title">Donating</h1>
<div class="content">
<p>A call to action... 2!</p>
</div>
<a class="column has-text-centered" href="https://www.google.com">
<span class="icon is-large">
<i class="fas fa-3x fa-cubes"></i>
</span>
<p class="title is-4">
<strong>Yuzu Development</strong>
</p>
<p class="subtitle">Custom Builds!</p>
</a>
<a class="column has-text-centered" href="https://www.google.com">
<span class="icon is-large">
<i class="fas fa-3x fa-cubes"></i>
</span>
<p class="title is-4">
<strong>Switch Hacking</strong>
</p>
<p class="subtitle">Cool!</p>
</a>
<a class="column has-text-centered" href="https://www.google.com">
<span class="icon is-large">
<i class="fas fa-3x fa-cubes"></i>
</span>
<p class="title is-4">
<strong>Switch Homebrew</strong>
</p>
<p class="subtitle">You can do that?</p>
</a>
</nav>
</div>
</div>
</section>

View file

@ -0,0 +1,8 @@
$body-background-color: $background;
$footer-background-color: $background;
// Changes the navbar height to match discourse.
$navbar-height: 64px;
// Allows for larger icons with less padding
$navbar-item-img-max-height: 2.75rem;

View file

@ -8,14 +8,7 @@
@import "./yuzu/yuzu_after_derived.scss";
/* 3. Misc customization of Bulma */
$body-background-color: $background;
$footer-background-color: $background;
// Changes the navbar height to match discourse.
$navbar-height: 64px;
// Allows for larger icons with less padding
$navbar-item-img-max-height: 2.75rem;
@import "./shared_customization.scss";
/* 4. Import the rest of Bulma */
@import "./node_modules/bulma/bulma.sass";

View file

@ -3,8 +3,8 @@ $background: darken($dark, 8);
$navbar-background-color: $dark;
$box-background-color: $dark;
$card-background-color: $dark;
$box-background-color: darken($dark, 5);
$card-background-color: darken($dark, 5);
$text: $white;
$text-light: $white;
@ -13,5 +13,5 @@ $text-strong: $white;
$title-color: $white;
$subtitle-color: $white;
$link: $primary;
$link-hover: darken($link, 15);
// $link: $primary;
// $link-hover: darken($link, 15);

View file

@ -1 +1,2 @@
$primary: #37474f;
$info: grey;