Website Update - Blog, Sidebar, Bulma 0.7.0 (#16)

* Updated submodules. Updated SCSS for +spacing, entries CSS, updated config for descriptions. Gulp now uses yarn. etc.

* Added authors.json, sidebar, and yarn.lock file.

* Updated shared LESS. Updated gulp to combine js vendor files into main script. Refactored partials / renamed. Added blank template files for partials. Updated homepage.

* Updated homepage, banners, etc.

* Removed twitterBanner placeholder.

* Updated sidebar with GA.
This commit is contained in:
Flame Sage 2018-04-14 19:55:09 -04:00 committed by GitHub
parent 71f9df8b25
commit 3783295d13
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
27 changed files with 5798 additions and 733 deletions

3
.gitignore vendored
View file

@ -1,4 +1,5 @@
node_modules/ node_modules/
yarn-error.log
# Binaries # Binaries
site/hugo site/hugo
@ -13,12 +14,12 @@ site/public/
# Dynamic content imported on deploy. # Dynamic content imported on deploy.
site/content/wiki/ site/content/wiki/
site/content/game/ site/content/game/
site/content/entry/tweet_*
site/static/images/game/icons site/static/images/game/icons
site/static/images/game/boxart site/static/images/game/boxart
!site/static/images/game/boxart/default.png !site/static/images/game/boxart/default.png
site/static/images/screenshots0/ site/static/images/screenshots0/
site/static/savefiles/ site/static/savefiles/
site/data/twitter.json
# Filesystem stuff. # Filesystem stuff.
.directory .directory

View file

@ -51,17 +51,13 @@ gulp.task('start:setup', () => {
}); });
gulp.task('scripts:twitter', callback => { gulp.task('scripts:twitter', callback => {
exec(`cd ./scripts/shared-hugo-scripts/twitter/ && npm install && node app.js`, (err, stdout, stderr) => { exec(`cd ./scripts/shared-hugo-scripts/twitter/ && yarn install && node app.js`, (err, stdout, stderr) => {
console.log(stdout);
console.log(stderr);
callback(err); callback(err);
}); });
}); });
gulp.task('scripts:wiki', callback => { gulp.task('scripts:wiki', callback => {
exec(`cd ./scripts/shared-hugo-scripts/wiki/ && npm install && node app.js`, (err, stdout, stderr) => { exec(`cd ./scripts/shared-hugo-scripts/wiki/ && yarn install && node app.js`, (err, stdout, stderr) => {
console.log(stdout);
console.log(stderr);
callback(err); callback(err);
}); });
}); });
@ -88,12 +84,9 @@ gulp.task('assets:images', () => {
}); });
gulp.task('assets:js', () => { gulp.task('assets:js', () => {
let userScripts = gulp.src(['src/js/*.js']) return gulp.src(['src/js/**/*.js'])
.pipe(concat('script.js')) .pipe(concat('script.js'))
.pipe(gulp.dest('build/js')); .pipe(gulp.dest('build/js'));
let vendorScripts = gulp.src(['src/js/vendor/*.js'])
.pipe(gulp.dest('build/js'));
return merge(userScripts, vendorScripts);
}); });
gulp.task('assets:scss', () => { gulp.task('assets:scss', () => {
@ -108,7 +101,6 @@ gulp.task('assets:scss', () => {
gulp.task('hugo', cb => { gulp.task('hugo', cb => {
exec('hugo -s ./site/ -d ../build/ -v', (err, stdout, stderr) => { exec('hugo -s ./site/ -d ../build/ -v', (err, stdout, stderr) => {
console.log(stdout); console.log(stdout);
console.log(stderr);
cb(err); cb(err);
}); });
}); });

View file

@ -17,7 +17,7 @@
}, },
"homepage": "https://github.com/yuzu-emu/yuzu-emu.github.io#readme", "homepage": "https://github.com/yuzu-emu/yuzu-emu.github.io#readme",
"dependencies": { "dependencies": {
"bulma": "0.6.2", "bulma": "0.7.0",
"cssnano": "^3.10.0", "cssnano": "^3.10.0",
"gulp": "^3.9.1", "gulp": "^3.9.1",
"gulp-concat": "^2.6.1", "gulp-concat": "^2.6.1",

@ -1 +1 @@
Subproject commit a51065db6fce853a55008d5c3ddd08ec4a7b9df5 Subproject commit 09f9e110ec4efc3c6603666f047d8c8dfdf9055d

View file

@ -8,10 +8,10 @@ theme = "shared-bulma-theme"
paginate = 20 paginate = 20
[[menu.main]] [[menu.main]]
name = "about" name = "blog"
weight = 1 weight = 1
identifier = "about" identifier = "blog"
url = "/#about-section" url = "/"
[[menu.main]] [[menu.main]]
name = "download" name = "download"
@ -31,7 +31,7 @@ paginate = 20
identifier = "donate" identifier = "donate"
url = "/donate" url = "/donate"
[params] [Params]
BulmaPrimaryShade = "is-dark" BulmaPrimaryShade = "is-dark"
DiscordURL = "https://discord.gg/u77vRWY" DiscordURL = "https://discord.gg/u77vRWY"
TwitterURL = "https://twitter.com/yuzuemu" TwitterURL = "https://twitter.com/yuzuemu"
@ -40,10 +40,14 @@ paginate = 20
GoogleAdsenseSlot = "5525580072" GoogleAdsenseSlot = "5525580072"
GoogleAnalyticsTrackingId = "UA-112443698-1" GoogleAnalyticsTrackingId = "UA-112443698-1"
[Params.fmt]
ISO8601 = "2006-01-02T15:04:05-07:00"
Date = "January 02 2006"
[Languages] [Languages]
[Languages.en] [Languages.en]
title = "yuzu" title = "yuzu"
tagline = "An experimental emulator for the Nintendo Switch" tagline = "Nintendo Switch Emulator"
description = "yuzu is a highly experimental open-source emulator for the Nintendo Switch." description = "yuzu is a highly experimental open-source emulator for the Nintendo Switch."
weight = 1 weight = 1

View file

@ -1,7 +1,8 @@
+++ ---
title = "Downloads" title: "Downloads"
layout = "downloads" layout: "downloads"
+++ FullWidth: true
---
The nightly build of yuzu contains already reviewed and tested features. If you require support with the installation or use of yuzu, or you want to report bugs you should use this version. The nightly build of yuzu contains already reviewed and tested features. If you require support with the installation or use of yuzu, or you want to report bugs you should use this version.
This version is still in development, so expect crashes and bugs. This version is still in development, so expect crashes and bugs.

View file

@ -1,18 +0,0 @@
+++
date = "2016-02-22T22:18:00-05:00"
title = "Placeholder"
author = "flamesage"
forum = 8
+++
This is just a placeholder blog post.
New line.
Test line.
Test *italics*.
Test **bold**.
Test [link](//google.com).

View file

@ -1,8 +1,9 @@
+++ +++
date = "2016-02-22T22:18:00-05:00" date = "2018-03-22T22:18:00-05:00"
title = "Placeholder" title = "Placeholder"
author = "flamesage" author = "flamesage"
forum = 8 forum = 8
draft = true
+++ +++
This is just a placeholder blog post. This is just a placeholder blog post.

13
site/data/authors.json Normal file
View file

@ -0,0 +1,13 @@
{
"flamesage": { "key": "flamesage", "name": "Flame Sage", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/flamesage/120/6_1.png" },
"bunnei": { "key": "bunnei", "name": "bunnei", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/bunnei/120/21_1.png" },
"thekoopakingdom": { "key": "thekoopakingdom", "name": "The Koopa Kingdom", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/thekoopakingdom/120/8_1.png" },
"leo121": { "key": "leo121", "name": "leo121", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/leo121/120/10_1.png" },
"flamboyant_ham": { "key": "flamboyant_ham", "name": "Flamboyant_Ham", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/flamboyant_ham/120/9_1.png" },
"tfarley": { "key": "tfarley", "name": "tfarley", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/citrabot/120/28_1.png" },
"merrymage": { "key": "merrymage", "name": "Merry Mage", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/citrabot/120/28_1.png" },
"jroweboy": { "key": "jroweboy", "name": "jroweboy", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/jroweboy/120/30_1.png" },
"jmc47": { "key": "jmc47", "name": "JMC47", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/jmc47/45/1487_1.png" },
"anodium": { "key": "anodium", "name": "anodium", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/anodium/120/485_1.png"},
"saphiresurf": {"key": "saphiresurf", "name": "saphiresurf", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/saphiresurf/120/695_1.png"}
}

View file

@ -1,8 +1,8 @@
{{ define "main" }} {{ partial "home_hero" . }} {{ define "header" }} {{ partial "homepage/hero" . }}
<!-- Wiki Hero --> <!-- Wiki Hero -->
<section class="hero is-info"> <section class="hero is-info">
<div class="hero-body"> <div class="hero-body py-lg">
<div class="container"> <div class="container">
<nav class="columns"> <nav class="columns">
@ -39,114 +39,22 @@
</div> </div>
</div> </div>
</section> </section>
{{ end }}
<!-- About Yuzu Section -->
<section class="hero"> {{ define "main" }}
<div class="hero-body"> <section class="pt-lg">
<div class="container"> {{ $pag := .Paginate (where .Data.Pages "Type" "entry") 4 }}
<div id="about-section"></div>
<h1 class="title">About</h1> <div class="columns is-multiline">
<div class="content"> {{ range $pag.Pages }}
<p> <div class="column is-half">
yuzu is a work-in-progress Nintendo Switch emulator. yuzu is an open-source project, licensed under the GPLv2 (or any later {{ partial "entry/summary" . }}
version). yuzu has been designed with portability in mind, with builds available for Windows, Linux, </div>
and macOS. The project was started in spring of 2017 by {{ end }}
<a href="https://github.com/bunnei">bunnei</a>, one of the original authors of the popular </div>
<a href="https://citra-emu.org/">Citra 3DS emulator</a>, to experiment with and research the Nintendo Switch. Due to the similarities
between Switch and 3DS, yuzu was developed as a fork of Citra. This means that it uses the same project <div class="has-text-centered">
architecture, and both emulators benefit from shared improvements. During the early months of development, <a class="pagination-next" href="{{ .Site.BaseURL }}/entry/">View more posts</a>
work was done in private, and progress was slow. However, as Switch reverse-engineering and homebrew </div>
development became popular, work on yuzu began to take off as well. </section>
</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>
<div class="tile is-ancestor">
<div class="tile is-parent">
<div class="card">
<div class="card-content">
<p class="title is-4">Can I play Switch games?</p>
<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="tile is-parent">
<div class="card">
<div class="card-content">
<p class="title is-4">When will yuzu run games?</p>
<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="tile is-parent">
<div class="card">
<div class="card-content">
<p class="title is-4">Where does the name come from?</p>
<div class="content">
<a href="https://en.wikipedia.org/wiki/Citrus_junos">Citrus junos, or yuzu (from Japanese ユズ)</a>, 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>
</div>
</div>
</section>
<!-- Advertisement -->
<section class="hero is-info">
<div class="hero-body">
<div class="container has-text-centered">
<ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="{{ .Site.Params.GoogleAdsenseClient }}"
data-ad-slot="{{ .Site.Params.GoogleAdsenseSlot }}"></ins>
</div>
</div>
</section>
<!-- Twitter Feed -->
<section class="section">
<div class="container">
<h1 class="title">Progress and Updates Feed</h1>
<div class="columns is-multiline">
{{- range sort .Site.Data.twitter "order" }}
<div class="column is-4">
{{ partial "widget/tweet.html" . }}
</div>
{{- end }}
</div>
</div>
</section>
<!-- Credits Section -->
<section class="hero">
<div class="hero-body">
<div class="container has-text-centered has-text-grey">
<p>Making an emulator for the Nintendo Switch is a massive effort, and wed like to give a huge shout out and thank you to all the folks involved!</p>
<p>Thank you to the Citra team for providing an excellent foundation for this project.
<a href="https://github.com/Subv">Subv</a>, <a href="https://github.com/MerryMage">MerryMage</a>, <a href="https://github.com/jroweboy">jroweboy</a>, <a href="https://github.com/bunnei">bunnei</a>, for their work to jumpstart yuzu.</p>
<p><a href="https://github.com/chris062689">Flame Sage</a>, <a href="https://github.com/j-selby">Selby</a>, <a href="https://github.com/Schplee">Flamboyant Ham</a>, for their work on our web infrastucture.</p>
<p>&nbsp;</p>
<p>Furthermore, we'd like to thank the <a href="https://reswitched.tech/">ReSwitched team</a>, this project would not exist without their excellent work and willingness to share their knowledge:
<a href="https://github.com/SciresM/">SciresM</a>, <a href="https://github.com/daeken">Daeken</a>, <a href="https://github.com/Normmatt">Normmatt</a>, <a href="https://github.com/ogniK5377">ogniK</a>, <a href="https://github.com/hthh">hthh</a>, <a href="https://github.com/TuxSH">TuxSH</a>, <a href="https://github.com/hedgeberg">hedgeberg</a>, <a href="https://github.com/misson20000">misson20000</a>.</p>
</div>
</div>
</section>
{{ end }} {{ end }}

View file

@ -0,0 +1,85 @@
{{ define "header" }}
<section class="section">
<div class="container">
<h1 class="title">{{ .Title }}</h1>
<article class="message has-text-weight-semibold">
<div class="message-body">
<p>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. </p>
<p>
<a href="https://yuzu-emu.org/wiki/switch-homebrew/">Click here</a> for homebrew games you can download and test.</p>
</div>
</article>
<div class="content">
{{ .Content }}
</div>
</div>
</section>
<!-- Advertisement -->
<section class="hero is-info">
<div class="hero-body">
<div class="has-text-centered">
<ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="{{ .Site.Params.GoogleAdsenseClient }}"
data-ad-slot="1038554045"></ins>
</div>
</div>
</section>
<div class="section">
<div class="container">
<div class="columns">
<!-- Nightly -->
<div class="column">
<h3>Nightly Build
<span style='font-size: smaller; margin-left: 6px;'>
Last release was
<span id='last-updated-nightly'></span>
</span>
</h3>
<div id="downloads-nightly">
</div>
<div id="unavailable-nightly" class="is-hidden">There was a problem checking GitHub. Click the link below to view them directly.</div>
<br />
<div class="has-text-centered">
<a href="https://github.com/yuzu-emu/yuzu-nightly/releases">Click here to view previous versions...</a>
</div>
</div>
<div class="column">
<h3>Canary Build
<span style='font-size: smaller; margin-left: 6px;'>
Last release was
<span id='last-updated-canary'></span>
</span>
</h3>
<div id="downloads-canary">
</div>
<div id="unavailable-canary" class="is-hidden">There was a problem checking GitHub. Click the link below to view them directly.</div>
<br />
<div class="has-text-centered">
<a href="https://github.com/yuzu-emu/yuzu-canary/releases">Click here to view previous versions...</a>
</div>
</div>
</div>
</div>
</div>
{{ end }}
{{ define "scripts" }}
<script type="text/javascript">
function fetchReleases() {
getRelease('nightly');
getRelease('canary');
}
fetchReleases();
</script>
{{ end }}

View file

@ -1,21 +0,0 @@
<h2 class="title">{{ .Site.Params.Tagline }}</h2>
<div class="content">
<p>yuzu is an experimental open-source emulator for the Nintendo Switch from the creators of Citra.</p>
<p>It is written in C++ with portability in mind, with builds actively maintained for Windows, Linux and macOS.
The emulator is currently only useful for homebrew development and research purposes.</p>
</div>
<div>
<a class="button is-medium is-light is-hidden-touch" href="/downloads" target="_blank">
<span class="icon">
<i class="fas fa-arrow-down"></i>
</span>
<span>Download</span>
</a>
<a class="button is-medium is-primary is-inverted is-outlined" href="{{ .Site.Params.GithubURL }}" target="_blank">
<span class="icon">
<i class="fab fa-github"></i>
</span>
<span>Source Code</span>
</a>
</div>

View file

@ -0,0 +1,32 @@
<div class="columns">
<!-- Left panel -->
<div class="column is-centered-vertically is-5">
<h2 class="title">{{ .Site.Params.Tagline }}</h2>
<div class="content">
<p>yuzu is an experimental open-source emulator for the Nintendo Switch from the creators of Citra.</p>
<p>It is written in C++ with portability in mind, with builds actively maintained for Windows, Linux and macOS.</p>
</div>
<div>
<a class="button mr-sm is-medium is-light is-hidden-touch" href="/downloads" target="_blank">
<span class="icon">
<i class="fas fa-arrow-down"></i>
</span>
<span>Download</span>
</a>
<a class="button mr-sm is-medium is-primary is-inverted is-outlined" href="{{ .Site.Params.GithubURL }}" target="_blank">
<span class="icon">
<i class="fab fa-github"></i>
</span>
<span>Source Code</span>
</a>
</div>
</div>
<!-- Right panel -->
<div class="column is-centered-vertically is-7 is-hidden-mobile">
<figure class="image">
{{ partial "inline/heroSvg" }}
</figure>
</div>
</div>

View file

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 28 KiB

View file

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 7.4 KiB

View file

@ -0,0 +1,9 @@
<div class="pt-md">
<figure class="image" style="width: 415px; height: 335px; margin: auto;">
<ins class="adsbygoogle" style="display:inline-block; width:400px; height:300px"
data-ad-client="{{ .Site.Params.GoogleAdsenseClient }}"
data-ad-slot="5249468939">
</ins>
<p class="is-size-5 has-text-centered">Advertisement</p>
</figure>
</div>

View file

Before

Width:  |  Height:  |  Size: 99 KiB

After

Width:  |  Height:  |  Size: 99 KiB

View file

@ -1,405 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="svg815"
xml:space="preserve"
width="1840.84"
height="784.29333"
viewBox="0 0 1840.84 784.29333"
sodipodi:docname="switch_outline_svg_final_white_gap.svg"
inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"><metadata
id="metadata821"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
id="defs819"><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath831"><path
d="M 0,588.22 H 1380.63 V 0 H 0 Z"
id="path829"
inkscape:connector-curvature="0" /></clipPath><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath855"><path
d="M 0,588.22 H 1380.63 V 0 H 0 Z"
id="path853"
inkscape:connector-curvature="0" /></clipPath><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath967"><path
d="M 0,588.22 H 1380.63 V 0 H 0 Z"
id="path965"
inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1017"
id="namedview817"
showgrid="false"
inkscape:zoom="0.55313541"
inkscape:cx="1014.4308"
inkscape:cy="261.82145"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="g823" /><g
id="g823"
inkscape:groupmode="layer"
inkscape:label="switch_outline_svg_final_white"
transform="matrix(1.3333333,0,0,-1.3333333,0,784.29333)"><g
id="Switch"
inkscape:label="#g825"><g
id="g827"
clip-path="url(#clipPath831)"><g
id="g833"
transform="translate(1162.8783,14.2794)"><path
d="m 0,0 h -945.347 c -0.117,0 -1.729,0.072 -2.612,1.323 -0.434,0.616 -0.523,1.251 -0.544,1.583 v 525.938 c -0.055,2.062 0.828,3.88 2.338,4.656 0.704,0.361 1.409,0.427 1.943,0.406 0,0 4.556,-0.239 7.782,2.406 4.281,3.512 3.937,9.448 3.937,9.448 v 7.355 c -0.059,1.171 0.42,2.205 1.256,2.636 0.361,0.185 0.73,0.229 1.036,0.218 h 915.458 c 0.718,0 0.941,0.047 1.559,-0.611 0.574,-0.61 0.533,-1.36 0.524,-1.483 v -6.573 c 0,-5.63 2.185,-10.344 6.167,-12.354 0.938,-0.474 2.538,-1.078 4.792,-1.021 1.47,0.065 2.305,-0.382 2.852,-0.733 2.42,-1.551 2.273,-4.892 2.273,-4.892 V 2.677 C 3.414,2.37 3.19,1.726 2.71,1.158 1.722,-0.01 0.229,-0.005 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path835"
inkscape:connector-curvature="0" /></g><g
id="g837"
transform="translate(340.3753,570.2497)"><path
d="m 0,0 v 2.936 c 0,0 0.375,1.062 1.417,1.062 h 24.27 c 0,0 1.322,0.108 1.322,-1.022 h 27.022 c 0,0 -0.015,1.025 1.016,1.025 h 24.307 c 0,0 0.625,-0.086 0.625,-0.898 v -3.105 z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path839"
inkscape:connector-curvature="0" /></g><g
id="g841"
transform="translate(256.6878,32.3106)"><path
d="m 0,0 c -0.439,0 -6.662,-0.244 -11.187,4.312 -4.385,4.416 -4.25,10.518 -4.25,10.876 v 450.374 38.453 c 0,0.357 -0.135,6.46 4.25,10.875 4.525,4.557 10.748,4.312 11.187,4.312 h 866.855 c 0.439,0 6.663,0.245 11.188,-4.312 4.384,-4.415 4.25,-10.518 4.25,-10.875 V 465.562 15.188 c 0,-0.358 0.134,-6.46 -4.25,-10.876 C 873.518,-0.244 867.294,0 866.855,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path843"
inkscape:connector-curvature="0" /></g><g
id="g845"
transform="translate(1069.0941,78.0919)"><path
d="m 0,0 c 0,0 0.927,-0.013 1.573,0.475 0.97,0.732 0.958,2.056 0.958,2.056 v 424.667 c 0,0 0.012,1.324 -0.958,2.056 C 0.927,429.742 0,429.729 0,429.729 h -756.625 c 0,0 -0.927,0.013 -1.573,-0.475 -0.97,-0.732 -0.958,-2.056 -0.958,-2.056 V 2.531 c 0,0 -0.012,-1.324 0.958,-2.056 0.646,-0.488 1.573,-0.475 1.573,-0.475 z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path847"
inkscape:connector-curvature="0" /></g></g></g><g
id="RightJoy"
inkscape:label="#g849"
transform="translate(6)"><g
id="g851"
clip-path="url(#clipPath855)"><g
id="g857"
transform="translate(1173.6665,13.2869)"><path
d="m 0,0 h 67.459 c 7.958,0.214 46.909,2.093 78.333,34.086 31.118,31.682 32.547,70.182 32.667,78.25 V 438.42 c 0.09,10.549 -1.02,41.877 -23.25,71.166 -30.368,40.011 -76.201,44.666 -83.813,45.313 H 3.021 c -2.503,0 -3.864,-0.77 -4.771,-2.313 -0.62,-1.055 -0.584,-2.039 -0.584,-2.666 V 1.951 C -2.346,1.708 -2.321,1.358 -2.133,1.01 -1.767,0.33 -0.932,-0.055 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path859"
inkscape:connector-curvature="0" /></g><g
id="g861"
transform="translate(1247.3754,170.9981)"><path
d="m 0,0 c 0,-12.219 -9.906,-22.125 -22.125,-22.125 -12.219,0 -22.125,9.906 -22.125,22.125 0,12.219 9.906,22.125 22.125,22.125 C -9.906,22.125 0,12.219 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path863"
inkscape:connector-curvature="0" /></g><g
id="g865"
transform="translate(1217.3754,162.3315)"><path
d="m 0,0 h 15.958 v 9.833 h 3.25 l -9.989,9.99 H 6.781 L -3.05,9.992 H 0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path867"
inkscape:connector-curvature="0" /></g><g
id="g869"
transform="translate(1297.0004,275.2481)"><path
d="m 0,0 c 0,-22.851 -18.524,-41.375 -41.375,-41.375 -22.851,0 -41.375,18.524 -41.375,41.375 0,22.851 18.524,41.375 41.375,41.375 C -18.524,41.375 0,22.851 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path871"
inkscape:connector-curvature="0" /></g><g
id="g873"
transform="translate(1287.3754,275.2481)"><path
d="m 0,0 c 0,-17.535 -14.215,-31.75 -31.75,-31.75 -17.535,0 -31.75,14.215 -31.75,31.75 0,17.535 14.215,31.75 31.75,31.75 C -14.215,31.75 0,17.535 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path875"
inkscape:connector-curvature="0" /></g><g
id="g877"
transform="translate(1287.3754,275.2481)"><path
d="M 0,0 H 7"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path879"
inkscape:connector-curvature="0" /></g><g
id="g881"
transform="translate(1223.8754,275.2481)"><path
d="M 0,0 H -7"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path883"
inkscape:connector-curvature="0" /></g><g
id="g885"
transform="translate(1255.6254,306.9981)"><path
d="M 0,0 V 7"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path887"
inkscape:connector-curvature="0" /></g><g
id="g889"
transform="translate(1255.6254,243.4981)"><path
d="M 0,0 V -6.958"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path891"
inkscape:connector-curvature="0" /></g><g
id="g893"
transform="translate(1275.6879,387.9356)"><path
d="m 0,0 c 0,-11.184 -9.066,-20.25 -20.25,-20.25 -11.184,0 -20.25,9.066 -20.25,20.25 0,11.184 9.066,20.25 20.25,20.25 C -9.066,20.25 0,11.184 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path895"
inkscape:connector-curvature="0" /></g><g
id="g897"
transform="translate(1319.2349,429.4356)"><path
d="m 0,0 c 0,-11.184 -9.066,-20.25 -20.25,-20.25 -11.184,0 -20.25,9.066 -20.25,20.25 0,11.184 9.066,20.25 20.25,20.25 C -9.066,20.25 0,11.184 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path899"
inkscape:connector-curvature="0" /></g><g
id="g901"
transform="translate(1275.6879,470.9356)"><path
d="m 0,0 c 0,-11.184 -9.066,-20.25 -20.25,-20.25 -11.184,0 -20.25,9.066 -20.25,20.25 0,11.184 9.066,20.25 20.25,20.25 C -9.066,20.25 0,11.184 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path903"
inkscape:connector-curvature="0" /></g><g
id="g905"
transform="translate(1232.2593,429.4246)"><path
d="m 0,0 c 0,-11.184 -9.066,-20.25 -20.25,-20.25 -11.184,0 -20.25,9.066 -20.25,20.25 0,11.184 9.066,20.25 20.25,20.25 C -9.066,20.25 0,11.184 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path907"
inkscape:connector-curvature="0" /></g><g
id="g909"
transform="translate(1210.6156,428.2047)"><path
d="m 0,0 -6.816,10.326 h 3.128 l 4.909,-7.91 5.061,7.91 H 9.258 L 2.441,0 V -7.682 H 0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path911"
inkscape:connector-curvature="0" /></g><g
id="g913"
transform="translate(1252.7787,380.941)"><path
d="M 0,0 H 3.586 C 3.959,0 4.37,0.038 4.819,0.114 5.269,0.19 5.688,0.343 6.078,0.572 6.469,0.801 6.799,1.11 7.07,1.5 7.342,1.89 7.478,2.407 7.478,3.052 7.478,4.12 7.13,4.921 6.435,5.456 5.739,5.99 4.798,6.257 3.611,6.257 H 0 Z m 0,8.394 h 3.331 c 0.458,0 0.891,0.046 1.298,0.139 0.407,0.093 0.763,0.25 1.068,0.471 0.305,0.22 0.547,0.5 0.725,0.839 0.178,0.339 0.266,0.755 0.266,1.246 0,0.713 -0.228,1.331 -0.686,1.857 -0.458,0.526 -1.179,0.789 -2.162,0.789 H 0 Z m -2.442,7.477 h 6.256 c 0.781,0 1.505,-0.093 2.175,-0.28 0.67,-0.186 1.246,-0.462 1.73,-0.826 C 8.202,14.4 8.584,13.934 8.863,13.366 9.144,12.798 9.283,12.132 9.283,11.369 9.283,10.335 8.995,9.491 8.419,8.838 7.842,8.186 7.096,7.707 6.181,7.401 V 7.351 C 6.723,7.316 7.231,7.176 7.706,6.931 8.181,6.685 8.592,6.363 8.94,5.964 9.287,5.566 9.563,5.104 9.767,4.578 9.97,4.052 10.072,3.484 10.072,2.874 10.072,2.06 9.906,1.344 9.576,0.725 9.245,0.105 8.791,-0.416 8.215,-0.839 7.639,-1.264 6.969,-1.586 6.206,-1.806 5.442,-2.027 4.62,-2.137 3.738,-2.137 h -6.18 z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path915"
inkscape:connector-curvature="0" /></g><g
id="g917"
transform="translate(1302.5765,427.2984)"><path
d="M 0,0 -3.357,8.266 H -3.408 L -6.816,0 Z m -4.375,11.42 h 2.213 L 5.545,-6.588 H 2.696 l -1.805,4.451 h -8.573 l -1.78,-4.451 h -2.849 z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path919"
inkscape:connector-curvature="0" /></g><g
id="g921"
transform="translate(1253.6127,471.1617)"><path
d="m 0,0 -6.054,8.546 h 3.128 L 1.755,1.628 6.384,8.546 H 9.437 L 3.434,0.025 10.047,-9.462 H 6.842 l -5.163,7.809 -5.19,-7.809 h -3.026 z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path923"
inkscape:connector-curvature="0" /></g><g
id="g925"
transform="translate(1214.7504,519.8731)"><path
d="M 0,0 V -9.062"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path927"
inkscape:connector-curvature="0" /></g><g
id="g929"
transform="translate(1204.5004,519.8731)"><path
d="M 0,0 H 10.25"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path931"
inkscape:connector-curvature="0" /></g><g
id="g933"
transform="translate(1195.8754,519.8731)"><path
d="M 0,0 V 9.813 H 8.625 V 0"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path935"
inkscape:connector-curvature="0" /></g><g
id="g937"
transform="translate(1214.7504,510.8106)"><path
d="M 0,0 H -10.25"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path939"
inkscape:connector-curvature="0" /></g><g
id="g941"
transform="translate(1185.6254,510.8106)"><path
d="M 0,0 V 9.062"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path943"
inkscape:connector-curvature="0" /></g><g
id="g945"
transform="translate(1195.8754,510.8106)"><path
d="M 0,0 H -10.25"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path947"
inkscape:connector-curvature="0" /></g><g
id="g949"
transform="translate(1204.5004,510.8106)"><path
d="M 0,0 V -9.813 H -8.625 V 0"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path951"
inkscape:connector-curvature="0" /></g><g
id="g953"
transform="translate(1185.6254,519.8731)"><path
d="M 0,0 H 10.25"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path955"
inkscape:connector-curvature="0" /></g><g
id="g957"
transform="translate(1204.0531,568.1856)"><path
d="m 0,0 v 4.219 c 0,0.112 -0.072,0.944 0.572,1.593 0.651,0.656 1.372,0.584 1.605,0.584 h 36.739 c 10.39,-0.272 37.486,-2.361 64.281,-21.334 24.89,-17.623 35.921,-40.185 40,-49.874 0.761,-1.496 0.197,-3.29 -1.125,-4.032 -1.453,-0.815 -3.484,-0.167 -4.223,1.533"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path959"
inkscape:connector-curvature="0" /></g></g></g><g
id="LeftJoy"
inkscape:label="#g961"
transform="translate(-6)"><g
id="g963"
clip-path="url(#clipPath967)"><g
id="g969"
transform="translate(104.9422,233.1024)"><path
d="m 0,0 c 0,-11.184 9.066,-20.25 20.25,-20.25 11.184,0 20.25,9.066 20.25,20.25 0,11.184 -9.066,20.25 -20.25,20.25 C 9.066,20.25 0,11.184 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path971"
inkscape:connector-curvature="0" /></g><g
id="g973"
transform="translate(61.3951,274.6024)"><path
d="m 0,0 c 0,-11.184 9.066,-20.25 20.25,-20.25 11.184,0 20.25,9.066 20.25,20.25 0,11.184 -9.066,20.25 -20.25,20.25 C 9.066,20.25 0,11.184 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path975"
inkscape:connector-curvature="0" /></g><g
id="g977"
transform="translate(104.9422,316.1024)"><path
d="m 0,0 c 0,-11.184 9.066,-20.25 20.25,-20.25 11.184,0 20.25,9.066 20.25,20.25 0,11.184 -9.066,20.25 -20.25,20.25 C 9.066,20.25 0,11.184 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path979"
inkscape:connector-curvature="0" /></g><g
id="g981"
transform="translate(148.3707,274.5913)"><path
d="m 0,0 c 0,-11.184 9.066,-20.25 20.25,-20.25 11.184,0 20.25,9.066 20.25,20.25 0,11.184 -9.066,20.25 -20.25,20.25 C 9.066,20.25 0,11.184 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path983"
inkscape:connector-curvature="0" /></g><g
id="g985"
transform="translate(83.6297,429.4905)"><path
d="M 0,0 C 0,-22.851 18.524,-41.375 41.375,-41.375 64.226,-41.375 82.75,-22.851 82.75,0 82.75,22.851 64.226,41.375 41.375,41.375 18.524,41.375 0,22.851 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path987"
inkscape:connector-curvature="0" /></g><g
id="g989"
transform="translate(93.2547,429.4905)"><path
d="M 0,0 C 0,-17.535 14.215,-31.75 31.75,-31.75 49.285,-31.75 63.5,-17.535 63.5,0 63.5,17.535 49.285,31.75 31.75,31.75 14.215,31.75 0,17.535 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path991"
inkscape:connector-curvature="0" /></g><g
id="g993"
transform="translate(93.2547,429.4905)"><path
d="M 0,0 H -7"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path995"
inkscape:connector-curvature="0" /></g><g
id="g997"
transform="translate(156.7547,429.4905)"><path
d="M 0,0 H 7"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path999"
inkscape:connector-curvature="0" /></g><g
id="g1001"
transform="translate(125.0047,461.2405)"><path
d="M 0,0 V 7"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1003"
inkscape:connector-curvature="0" /></g><g
id="g1005"
transform="translate(125.0047,397.7405)"><path
d="M 0,0 V -6.958"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1007"
inkscape:connector-curvature="0" /></g><g
id="g1009"
transform="translate(206.9635,13.6413)"><path
d="m 0,0 h -67.459 c -7.958,0.214 -46.909,2.093 -78.333,34.086 -31.118,31.682 -32.547,70.182 -32.667,78.25 v 326.083 c -0.09,10.55 1.02,41.878 23.25,71.167 30.368,40.011 76.201,44.666 83.813,45.313 h 68.375 c 2.503,0 3.864,-0.77 4.771,-2.313 0.62,-1.055 0.584,-2.039 0.584,-2.666 V 1.951 C 2.346,1.708 2.321,1.358 2.133,1.01 1.767,0.33 0.932,-0.055 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1011"
inkscape:connector-curvature="0" /></g><g
id="g1013"
transform="translate(165.8797,519.2274)"><path
d="M 0,0 V -9.063"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1015"
inkscape:connector-curvature="0" /></g><g
id="g1017"
transform="translate(176.1297,519.2274)"><path
d="M 0,0 H -10.25"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1019"
inkscape:connector-curvature="0" /></g><g
id="g1021"
transform="translate(195.0047,510.1649)"><path
d="M 0,0 V 9.063"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1023"
inkscape:connector-curvature="0" /></g><g
id="g1025"
transform="translate(184.7547,510.1649)"><path
d="M 0,0 H 10.25"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1027"
inkscape:connector-curvature="0" /></g><g
id="g1029"
transform="translate(176.1297,519.2274)"><path
d="m 0,0 h 8.625 10.25"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1031"
inkscape:connector-curvature="0" /></g><g
id="g1033"
transform="translate(176.5769,568.5399)"><path
d="m 0,0 v 4.219 c 0,0.112 0.072,0.944 -0.572,1.593 -0.651,0.656 -1.372,0.584 -1.605,0.584 h -36.739 c -10.39,-0.272 -37.486,-2.361 -64.281,-21.334 -24.89,-17.623 -35.921,-40.185 -40,-49.875 -0.761,-1.495 -0.197,-3.289 1.125,-4.031 1.453,-0.815 3.484,-0.167 4.223,1.533"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1035"
inkscape:connector-curvature="0" /></g><g
id="g1037"
transform="translate(118.5341,312.7148)"><path
d="M 0,0 6.658,11.532 13.316,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1039"
inkscape:connector-curvature="0" /></g><g
id="g1041"
transform="translate(164.3503,282.1156)"><path
d="M 0,0 11.532,-6.658 0,-13.316 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1043"
inkscape:connector-curvature="0" /></g><g
id="g1045"
transform="translate(118.3553,238.1302)"><path
d="M 0,0 6.658,-11.532 13.316,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1047"
inkscape:connector-curvature="0" /></g><g
id="g1049"
transform="translate(86.1462,281.9281)"><path
d="M 0,0 -11.532,-6.658 0,-13.316 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1051"
inkscape:connector-curvature="0" /></g><g
id="g1053"
transform="translate(184.7547,510.1649)"><path
d="m 0,0 h -8.625 -10.25"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1055"
inkscape:connector-curvature="0" /></g><g
id="g1057"
transform="translate(172.0995,169.0815)"><path
d="m 0,0 v -11.583 c 0,-0.245 0.071,-1.861 -1.062,-2.813 C -1.952,-15.103 -2.55,-15 -3.208,-15 h -26.791 c -0.658,0 -1.256,-0.103 -2.146,0.604 -1.133,0.952 -1.062,2.568 -1.062,2.813 V 0"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1059"
inkscape:connector-curvature="0" /></g><g
id="g1061"
transform="translate(172.0995,169.0815)"><path
d="m 0,0 v 15.236 c 0,0.245 0.071,1.86 -1.062,2.813 -0.89,0.707 -1.488,0.604 -2.146,0.604 h -26.791 c -0.658,0 -1.256,0.103 -2.146,-0.604 -1.133,-0.953 -1.062,-2.568 -1.062,-2.813 V 0"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1063"
inkscape:connector-curvature="0" /></g><g
id="g1065"
transform="translate(166.4124,171.1231)"><path
d="m 0,0 c 0,6.029 -4.888,10.917 -10.917,10.917 -6.029,0 -10.916,-4.888 -10.916,-10.917 0,-6.029 4.887,-10.917 10.916,-10.917 C -4.888,-10.917 0,-6.029 0,0 Z"
style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path1067"
inkscape:connector-curvature="0" /></g></g></g></g></svg>

Before

Width:  |  Height:  |  Size: 28 KiB

View file

@ -1,155 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="svg2099"
xml:space="preserve"
width="862.35199"
height="233.50932"
viewBox="0 0 862.35199 233.50932"
sodipodi:docname="yuzu-logo-banner.svg"
inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"><metadata
id="metadata2105"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs2103"><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath2115"><path
d="M 0,175.218 H 630.264 V 0 H 0 Z"
id="path2113"
inkscape:connector-curvature="0" /></clipPath><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath2127"><path
d="M 0,175.218 H 630.264 V 0 H 0 Z"
id="path2125"
inkscape:connector-curvature="0" /></clipPath><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath2139"><path
d="M 0,175.218 H 630.264 V 0 H 0 Z"
id="path2137"
inkscape:connector-curvature="0" /></clipPath><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath2155"><path
d="M 0,175.218 H 630.264 V 0 H 0 Z"
id="path2153"
inkscape:connector-curvature="0" /></clipPath><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath2171"><path
d="M 0,175.218 H 630.264 V 0 H 0 Z"
id="path2169"
inkscape:connector-curvature="0" /></clipPath><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath2183"><path
d="M 0,175.218 H 630.264 V 0 H 0 Z"
id="path2181"
inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1017"
id="namedview2101"
showgrid="false"
inkscape:zoom="1.1712861"
inkscape:cx="401.4447"
inkscape:cy="59.691513"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="leftjoy"
inkscape:pagecheckerboard="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0" /><g
id="g2107"
inkscape:groupmode="layer"
inkscape:label="yuzu-logo-banner"
transform="matrix(1.3333333,0,0,-1.3333333,21.999999,233.51839)"><g
id="z"
inkscape:label="#g2109"><g
id="g2111"
clip-path="url(#clipPath2115)"><g
id="g2117"
transform="translate(508.6674,2.6911)"><path
d="m 0,0 h -103.161 c -0.437,0 -1.062,0.989 -1.062,3.052 0,2.062 1.062,3.456 1.062,3.456 l 93.589,162.059 h -86.499 c -1.155,0.015 -1.132,1.899 -1.132,1.899 0,0 -0.023,1.902 1.132,1.902 0.739,0 90.198,0.178 91.171,0 1.302,-0.238 1.13,-2.238 1.13,-2.238 0,0 -0.109,-1.36 -1.13,-2.981 L -98.843,4.735 H 0 C 1.684,4.479 1.418,2.072 1.418,2.072 1.418,2.072 1.419,0.057 0,0"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2119"
inkscape:connector-curvature="0" /></g></g></g><g
id="y"
inkscape:label="#g2121"><g
id="g2123"
clip-path="url(#clipPath2127)"><g
id="g2129"
transform="translate(210.9645,4.9888)"><path
d="M 0,0 C 31.819,0 44.729,15.583 44.729,46.738 V 74.572 C 42.243,64.241 37.392,56.015 30.173,49.89 21.822,42.71 11.328,39.124 -1.308,39.124 c -30.242,0 -45.358,15.578 -45.358,46.739 v 84.287 h 4.738 V 86.125 c 0,-11.73 2.931,-21.269 8.802,-28.621 6.992,-8.927 17.601,-13.391 31.818,-13.391 16.925,0 29.334,6.564 37.236,19.693 5.865,9.625 8.801,21.88 8.801,36.761 v 69.583 h 4.739 V 46.476 C 49.468,12.169 35.198,-4.311 0,-4.982"
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2131"
inkscape:connector-curvature="0" /></g></g></g><g
id="u1"
inkscape:label="#g2133"><g
id="g2135"
clip-path="url(#clipPath2139)"><g
id="g2141"
transform="translate(335.6116,2.6911)"><path
d="m 0,0 c -18.845,0 -32.088,6.628 -39.728,19.888 -6.112,10.235 -9.168,25.34 -9.168,45.314 v 107.245 h 3.82 V 65.454 C -45.076,25.006 -30.051,4.783 0,4.783"
style="fill:#ff3c28;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2143"
inkscape:connector-curvature="0" /></g><g
id="g2145"
transform="translate(335.6116,7.4738)"><path
d="m 0,0 c 30.051,0 45.076,19.888 45.076,59.664 v 108.001 h 3.821 V 59.916 C 48.897,39.941 45.841,24.923 39.728,14.853 32.088,1.762 18.845,-4.783 0,-4.783"
style="fill:#ff3c28;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2147"
inkscape:connector-curvature="0" /></g></g></g><g
id="u2"
inkscape:label="#g2149"><g
id="g2151"
clip-path="url(#clipPath2155)"><g
id="g2157"
transform="translate(581.3674,2.6911)"><path
d="m 0,0 c -18.845,0 -32.088,6.628 -39.728,19.888 -6.112,10.235 -9.168,25.34 -9.168,45.314 v 107.245 h 3.82 V 65.454 C -45.076,25.006 -30.051,4.783 0,4.783"
style="fill:#0ab9e6;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2159"
inkscape:connector-curvature="0" /></g><g
id="g2161"
transform="translate(581.3674,7.4738)"><path
d="m 0,0 c 30.051,0 45.076,19.888 45.076,59.664 v 108.001 h 3.821 V 59.916 C 48.897,39.941 45.841,24.923 39.728,14.853 32.088,1.762 18.845,-4.783 0,-4.783"
style="fill:#0ab9e6;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2163"
inkscape:connector-curvature="0" /></g></g></g><g
id="leftjoy"
inkscape:label="#g2165"><g
id="g2167"
clip-path="url(#clipPath2171)"
transform="translate(-16.5)"><g
id="g2173"
transform="translate(68.9789,174.5876)"><path
d="m 0,0 c -38.096,0 -68.979,-30.883 -68.979,-68.979 0,-38.096 30.883,-68.979 68.979,-68.979 z m -5,-5.193 v -127.571 c -32.951,2.558 -58.979,30.189 -58.979,63.785 0,33.597 26.028,61.228 58.979,63.786"
style="fill:#0ab9e6;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2175"
inkscape:connector-curvature="0" /></g></g></g><g
id="rightjoy"
inkscape:label="#g2177"
transform="translate(-16.5)"><g
id="g2179"
clip-path="url(#clipPath2183)"><g
id="g2185"
transform="translate(86.2236,140.0981)"><path
d="m 0,0 v -137.958 c 38.096,0 68.979,30.883 68.979,68.979 C 68.979,-30.883 38.096,0 0,0 m 5,-5.193 c 32.951,-2.558 58.979,-30.19 58.979,-63.786 0,-33.596 -26.028,-61.227 -58.979,-63.785 V -5.193"
style="fill:#ff3c28;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2187"
inkscape:connector-curvature="0" /></g></g></g></g></svg>

Before

Width:  |  Height:  |  Size: 7.5 KiB

@ -1 +1 @@
Subproject commit 5a5f12732d268add25d5b9c93deccfb30115b82b Subproject commit fd061014848ecaf2bc0992bad4bf6b13d9f8fc19

13
src/js/layout.js Normal file
View file

@ -0,0 +1,13 @@
document.addEventListener("DOMContentLoaded", function() {
// .data-href
document.querySelectorAll('div[data-href]').forEach(x => {
x.addEventListener('click', function() {
window.location = x.getAttribute('data-href')
});
})
// .moment-timeago
document.querySelectorAll('.moment-timeago').forEach(x => {
x.innerHTML = moment(x.innerHTML).fromNow()
})
})

View file

@ -0,0 +1,53 @@
// https://github.com/jgthms/bulma/issues/451#issuecomment-331758839
$sizeUnit: rem;
$marginKey: 'm';
$paddingKey: 'p';
$separator: '-';
$sizes: (
('none', 0),
('xxs', 0.125),
('xs', 0.25),
('sm', 0.5),
('md', 1),
('lg', 2),
('xl', 4),
('xxl', 8),
);
$positions: (
('t', ('top')),
('r', ('right')),
('b', ('bottom')),
('l', ('left')),
('x', ('right', 'left')),
('y', ('top', 'bottom'))
);
@function sizeValue($key, $value) {
@return if($key == 'none', 0, $value + $sizeUnit);
}
@each $size in $sizes {
$sizeKey: nth($size, 1);
$sizeValue: nth($size, 2);
.#{$marginKey}#{$separator}#{$sizeKey} {
margin: sizeValue($sizeKey, $sizeValue);
}
.#{$paddingKey}#{$separator}#{$sizeKey} {
padding: sizeValue($sizeKey, $sizeValue);
}
@each $position in $positions {
$posKey: nth($position, 1);
$posValue: nth($position, 2);
.#{$marginKey}#{$posKey}#{$separator}#{$sizeKey} {
@each $entry in $posValue {
margin-#{$entry}: sizeValue($sizeKey, $sizeValue);
}
}
.#{$paddingKey}#{$posKey}#{$separator}#{$sizeKey} {
@each $entry in $posValue {
padding-#{$entry}: sizeValue($sizeKey, $sizeValue);
}
}
}
}

View file

@ -8,6 +8,7 @@
// Used to smoothly change background colors when transitioning on the homepage. // Used to smoothly change background colors when transitioning on the homepage.
.navbar { .navbar {
transition: background-color 0.2s ease; transition: background-color 0.2s ease;
box-shadow: unset; // TODO: Find Bulma variable for this.
} }
.navbar-logo { height: 32px; } .navbar-logo { height: 32px; }
.hero .navbar.is-freestanding { .hero .navbar.is-freestanding {
@ -18,3 +19,42 @@
.hero .column:hover .is-actionable { .hero .column:hover .is-actionable {
color: #969696; color: #969696;
} }
/* Typography */
.has-text-shadow {
text-shadow: 2px 2px #fff;
}
/* Blog Entry */
.blog-entry-header {
position: relative;
background-image: url('/images/banner.png');
background-color: $dark;
background-size: cover;
}
// Summary
$blog-entry-summary-height: 16em;
.blog-entry-header.summary {
height: $blog-entry-summary-height;
}
.blog-entry-header.summary.twitter {
height: $blog-entry-summary-height / 1.5;
}
.blog-entry-header.summary > div:first-child {
padding-top: $blog-entry-summary-height - 15em;
}
.blog-entry-header.summary:hover {
cursor: hand;
cursor: pointer;
opacity: .9;
}
// Single
$blog-entry-single-height: 26em;
.blog-entry-header.single {
height: $blog-entry-single-height;
}
.blog-entry-header.single > div:first-child {
padding-top: $blog-entry-single-height - 8em;
}

View file

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

View file

@ -12,5 +12,6 @@
/* 4. Import the rest of Bulma */ /* 4. Import the rest of Bulma */
@import "./node_modules/bulma/bulma.sass"; @import "./node_modules/bulma/bulma.sass";
@import "./helpers/spacing.scss";
@import "./shared.scss"; @import "./shared.scss";
@import "./yuzu/yuzu.scss"; @import "./yuzu/yuzu.scss";

5511
yarn.lock Normal file

File diff suppressed because it is too large Load diff