mirror of
https://github.com/yuzu-emu/yuzu-emu.github.io.git
synced 2025-06-08 05:17:10 +00:00
Add downloads page for nightly and canary (#11)
* Add downloads page for nightly and canary * Use boxes for downloads * Add TODO for commit information * Add TODO for css hack
This commit is contained in:
James
Flame Sage
parent
97d16c8a65
commit
c726427fd8
|
|
@ -88,9 +88,12 @@ gulp.task('assets:images', () => {
|
|||
});
|
||||
|
||||
gulp.task('assets:js', () => {
|
||||
return gulp.src(['src/js/**/*.js'])
|
||||
let userScripts = gulp.src(['src/js/*.js'])
|
||||
.pipe(concat('script.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', () => {
|
||||
|
|
|
|||
|
|
@ -13,13 +13,18 @@ paginate = 10
|
|||
identifier = "about"
|
||||
url = "/#about-section"
|
||||
|
||||
[[menu.main]]
|
||||
name = "download"
|
||||
weight = 2
|
||||
identifier = "download"
|
||||
url = "/downloads"
|
||||
|
||||
[[menu.main]]
|
||||
name = "wiki"
|
||||
weight = 1
|
||||
weight = 2
|
||||
identifier = "wiki"
|
||||
url = "/wiki/home/"
|
||||
|
||||
|
||||
[[menu.main]]
|
||||
name = "donate"
|
||||
weight = 3
|
||||
|
|
|
|||
150
site/content/downloads.md
Normal file
150
site/content/downloads.md
Normal file
|
|
@ -0,0 +1,150 @@
|
|||
+++
|
||||
title = "Downloads"
|
||||
+++
|
||||
|
||||
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.
|
||||
|
||||
The canary build of yuzu is the same as our nightly builds, with additional features that are still waiting on review
|
||||
before making it into the official yuzu builds. If you believe you've found a bug, please retest on our nightly builds.
|
||||
This version is still in development, so expect crashes and bugs.
|
||||
|
||||
<div class="columns">
|
||||
<div class="column">
|
||||
<div class="box">
|
||||
<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>
|
||||
<div class="column">
|
||||
<div class="box">
|
||||
<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>
|
||||
|
||||
<script type="text/javascript" src="/js/moment.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
function releaseCallback(v, count, e) {
|
||||
if (e.status !== 200 || e.responseText.length < 10) {
|
||||
document.getElementById(`last-updated-${v}`).innerText = "never";
|
||||
document.getElementById(`unavailable-${v}`).classList.remove("is-hidden");
|
||||
document.getElementById(`downloads-${v}`).classList.add("is-hidden");
|
||||
return;
|
||||
}
|
||||
|
||||
var releases = JSON.parse(e.responseText);
|
||||
|
||||
document.getElementById(`last-updated-${v}`).innerText = moment(releases[0].published_at).fromNow();
|
||||
|
||||
for (var i = 0; i < releases.length; ++i) {
|
||||
var release = releases[i];
|
||||
var release_date = moment(release.published_at).fromNow();
|
||||
|
||||
var release_commit = release.assets[0].name.split('-').pop().trim().split('.')[0];
|
||||
var release_commit_url = `https://github.com/yuzu-emu/yuzu-${v}/commit/${release_commit}`;
|
||||
|
||||
var release_title = '';
|
||||
if (v == 'nightly') {
|
||||
release_title = 'Nightly Build';
|
||||
} else if (v == 'canary') {
|
||||
release_title = 'Canary Build';
|
||||
}
|
||||
|
||||
if (release_commit) {
|
||||
release_title += ' - ' + release_commit;
|
||||
}
|
||||
|
||||
var download_span = '';
|
||||
|
||||
release.assets.forEach(function(asset) {
|
||||
if (asset.name.includes('nupkg')) return;
|
||||
if (asset.name.includes('.7z')) return;
|
||||
if (asset.name.includes('RELEASES')) return;
|
||||
|
||||
/* We only want to provide mingw builds on the downloads page. */
|
||||
if (asset.name.includes('-msvc-')) return;
|
||||
|
||||
var env_icon = 'unknown';
|
||||
if (asset.name.includes('windows')) env_icon = 'windows';
|
||||
else if (asset.name.includes('exe')) env_icon = 'windows';
|
||||
else if (asset.name.includes('osx')) env_icon = 'apple';
|
||||
else if (asset.name.includes('linux')) env_icon = 'linux';
|
||||
|
||||
var download_url = `https://github.com/yuzu-emu/yuzu-${v}/releases/download/${release.tag_name}/${asset.name}`;
|
||||
download_span += `
|
||||
<a class="level-item">
|
||||
<a href="${download_url}">
|
||||
<span class="icon is-medium">
|
||||
<i class="fab fa-2x fa-${env_icon}"></i>
|
||||
</span>
|
||||
</a>
|
||||
</a>`;
|
||||
});
|
||||
|
||||
/* Generate the link to the Github release. */
|
||||
download_span += `
|
||||
<a class="level-item">
|
||||
<a href="${release.html_url}">
|
||||
<span class="icon is-medium">
|
||||
<i class="fab fa-2x fa-github"></i>
|
||||
</span>
|
||||
</a>
|
||||
</a>
|
||||
`;
|
||||
|
||||
// TODO: Add information on latest commit
|
||||
document.getElementById(`downloads-${v}`).innerHTML +=
|
||||
`<div class="box">
|
||||
<article class="media">
|
||||
<div class="media-content">
|
||||
<div class="content">
|
||||
<p>
|
||||
<strong><a href="${release_commit_url}">${release_title}</a></strong>
|
||||
<small>${release_date}</small>
|
||||
</p>
|
||||
</div>
|
||||
<nav class="level is-mobile">
|
||||
<div class="level-left">
|
||||
${download_span}
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</article>
|
||||
</div>`;
|
||||
if (i + 1 >= count) { break; }
|
||||
};
|
||||
}
|
||||
|
||||
function getRelease(v, count = 5) {
|
||||
var netReq = new XMLHttpRequest();
|
||||
netReq.open("GET", `https://api.github.com/repos/yuzu-emu/yuzu-${v}/releases`);
|
||||
netReq.onload = function() {
|
||||
releaseCallback(v, count, this);
|
||||
};
|
||||
netReq.send();
|
||||
}
|
||||
|
||||
function fetchReleases() {
|
||||
getRelease('nightly');
|
||||
getRelease('canary');
|
||||
}
|
||||
|
||||
fetchReleases();
|
||||
</script>
|
||||
|
|
@ -5,7 +5,14 @@
|
|||
The emulator is currently only useful for homebrew development and research purposes.</p>
|
||||
</div>
|
||||
<div>
|
||||
<a class="button is-medium is-light" href="{{ .Site.Params.GithubURL }}" target="_blank">
|
||||
<a class="button 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-primary is-inverted is-outlined" href="{{ .Site.Params.GithubURL }}" target="_blank">
|
||||
<span class="icon">
|
||||
<i class="fab fa-github"></i>
|
||||
</span>
|
||||
|
|
|
|||
1
src/js/vendor/moment.min.js
vendored
Normal file
1
src/js/vendor/moment.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -34,3 +34,8 @@ $switch-gray: #828282;
|
|||
position: relative;
|
||||
top: -100px;
|
||||
}
|
||||
|
||||
// TODO: Hack for links appearing as the wrong color
|
||||
a:hover {
|
||||
color: lighten($blue, 5);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,10 +8,12 @@ $navbar-item-hover-color: $white;
|
|||
|
||||
$box-background-color: $info;
|
||||
$card-background-color: $info;
|
||||
$table-background-color: $info;
|
||||
|
||||
$text: $white;
|
||||
$text-light: $white;
|
||||
$text-strong: $white;
|
||||
$table-color: $white;
|
||||
|
||||
$link: #03a9f4;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue