Merge pull request #1 from million1156/dev
Add FAQ, "smart" downloading, & redirect to our new git
This commit is contained in:
nullptr
GitHub
commit
6699677ef6
5 changed files with 164 additions and 28 deletions
25
README.md
25
README.md
|
|
@ -1,22 +1,14 @@
|
||||||
# create-svelte
|
# Suyu website
|
||||||
|
|
||||||
Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
|
This project contains the source code for the Suyu website, found at [suyu.dev](https://suyu.dev)
|
||||||
|
|
||||||
## Creating a project
|
|
||||||
|
|
||||||
If you're seeing this, you've probably already done this step. Congrats!
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# create a new project in the current directory
|
|
||||||
npm create svelte@latest
|
|
||||||
|
|
||||||
# create a new project in my-app
|
|
||||||
npm create svelte@latest my-app
|
|
||||||
```
|
|
||||||
|
|
||||||
## Developing
|
## Developing
|
||||||
|
If you are deeloping, please take note of the `.env.example` & the secrets config (found at src/lib/server/secrets/secrets.example.json).
|
||||||
|
At minimum, please make sure to clone the `secrets.example.json` file and rename it to `secrets.json`. Otherwise, the project will not run or build (you don't have to edit the values to get it running, but you can if you'd like).
|
||||||
|
|
||||||
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
|
|
||||||
|
Once you've installed dependencies with `npm install` (or `pnpm install` or `yarn`), you can start a development server by running:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm run dev
|
npm run dev
|
||||||
|
|
@ -27,12 +19,9 @@ npm run dev -- --open
|
||||||
|
|
||||||
## Building
|
## Building
|
||||||
|
|
||||||
To create a production version of your app:
|
To create a production version of our app, you can run:
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npm run build
|
npm run build
|
||||||
```
|
```
|
||||||
|
|
||||||
You can preview the production build with `npm run preview`.
|
|
||||||
|
|
||||||
> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
|
|
||||||
|
|
|
||||||
|
|
@ -142,15 +142,15 @@
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ",
|
||||||
href: "/coming-soon",
|
href: "/faq",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "Discord",
|
name: "Discord",
|
||||||
href: "https://discord.gg/suyu",
|
href: "https://discord.gg/suyu",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "GitLab",
|
name: "Git",
|
||||||
href: "https://gitlab.com/suyu-emu/suyu",
|
href: "https://git.suyu.dev/suyu/suyu",
|
||||||
},
|
},
|
||||||
// {
|
// {
|
||||||
// name: $token || data.tokenCookie ? "Account" : "Sign up",
|
// name: $token || data.tokenCookie ? "Account" : "Sign up",
|
||||||
|
|
@ -290,13 +290,13 @@
|
||||||
>
|
>
|
||||||
<a href="/coming-soon" class="px-5 py-3 transition hover:text-white">Blog</a>
|
<a href="/coming-soon" class="px-5 py-3 transition hover:text-white">Blog</a>
|
||||||
<a href="/coming-soon" class="px-5 py-3 transition hover:text-white">Docs</a>
|
<a href="/coming-soon" class="px-5 py-3 transition hover:text-white">Docs</a>
|
||||||
<a href="/coming-soon" class="px-5 py-3 transition hover:text-white">FAQ</a>
|
<a href="/faq" class="px-5 py-3 transition hover:text-white">FAQ</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex w-full flex-row items-center justify-end text-[#A6A5A7]">
|
<div class="flex w-full flex-row items-center justify-end text-[#A6A5A7]">
|
||||||
<div class="flex flex-row gap-4 max-[625px]:hidden">
|
<div class="flex flex-row gap-4 max-[625px]:hidden">
|
||||||
<a
|
<a
|
||||||
class="p-2 transition hover:text-white"
|
class="p-2 transition hover:text-white"
|
||||||
href="https://gitlab.com/suyu-emu/suyu"
|
href="https://git.suyu.dev/suyu/suyu"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -71,7 +71,7 @@
|
||||||
</p>
|
</p>
|
||||||
<div class="flex flex-col gap-4 md:flex-row">
|
<div class="flex flex-col gap-4 md:flex-row">
|
||||||
<a
|
<a
|
||||||
href="https://gitlab.com/suyu-emu/suyu/-/releases"
|
href="/download"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
class="cta-button"
|
class="cta-button"
|
||||||
|
|
@ -90,7 +90,7 @@
|
||||||
>
|
>
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a
|
||||||
href="https://gitlab.com/suyu-emu/suyu"
|
href="https://git.suyu.dev/suyu/suyu"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
class="button text-[#8A8F98]"
|
class="button text-[#8A8F98]"
|
||||||
|
|
@ -180,14 +180,14 @@
|
||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a
|
||||||
href="https://gitlab.com/suyu-emu/suyu"
|
href="https://git.suyu.dev/suyu/suyu"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noreferrer noopener"
|
rel="noreferrer noopener"
|
||||||
class="relative w-full rounded-[2.25rem] bg-[#f78c40] p-12 text-black"
|
class="relative w-full rounded-[2.25rem] bg-[#f78c40] p-12 text-black"
|
||||||
>
|
>
|
||||||
<h2 class="text-[24px] leading-[1.41] md:text-[60px] md:leading-[1.1]">GitLab</h2>
|
<h2 class="text-[24px] leading-[1.41] md:text-[60px] md:leading-[1.1]">Git</h2>
|
||||||
<p class="mt-2 text-lg leading-relaxed">
|
<p class="mt-2 text-lg leading-relaxed">
|
||||||
GitLab is where all the magic of suyu happens. We're always looking for new contributors
|
Our Git instance is where all the magic of suyu happens. We're always looking for new contributors
|
||||||
to help us out, so feel free to check out our code.
|
to help us out, so feel free to check out our code.
|
||||||
</p>
|
</p>
|
||||||
<svg
|
<svg
|
||||||
|
|
|
||||||
104
src/routes/download/+page.svelte
Normal file
104
src/routes/download/+page.svelte
Normal file
|
|
@ -0,0 +1,104 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import { onMount } from "svelte";
|
||||||
|
// Note: This is an absolutely terrible and unoptimized way to do this. Feel free to change it xd
|
||||||
|
onMount(async () => {
|
||||||
|
const UA = navigator.userAgent;
|
||||||
|
const url = `https://gitlab.com/api/v4/projects/55558123/releases`; // 55558123 = Suyu repo ID
|
||||||
|
async function getTag() {
|
||||||
|
try {
|
||||||
|
const response = await fetch(url, {
|
||||||
|
headers: {
|
||||||
|
"Content-Type": "application/json",
|
||||||
|
},
|
||||||
|
});
|
||||||
|
// Convert to JSON
|
||||||
|
const releases = await response.json();
|
||||||
|
|
||||||
|
// Release found
|
||||||
|
if (releases && releases.length > 0) {
|
||||||
|
console.log("Latest release tag:", releases[0].tag_name);
|
||||||
|
return releases[0].tag_name; // Assuming the first result is the latest
|
||||||
|
} else {
|
||||||
|
console.log("No releases found.");
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Error fetching latest release tag:", error);
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
const latestRelease = await getTag();
|
||||||
|
// give it time so the user can see the message
|
||||||
|
setTimeout(() => {
|
||||||
|
if (UA.includes("Windows")) {
|
||||||
|
window.location.href = `https://gitlab.com/suyu-emu/suyu-releases/-/raw/master/${latestRelease}/Suyu-Windows_x64.7z`;
|
||||||
|
} else if (UA.includes("Linux")) {
|
||||||
|
window.location.href = `https://gitlab.com/suyu-emu/suyu-releases/-/raw/master/${latestRelease}/suyu-mainline--.AppImage`;
|
||||||
|
} else if (UA.includes("Macintosh;")) {
|
||||||
|
window.location.href = `https://gitlab.com/suyu-emu/suyu-releases/-/raw/master/${latestRelease}/suyu-macOS-arm64.dmg?inline=false`;
|
||||||
|
} else {
|
||||||
|
window.location.href = `https://gitlab.com/suyu-emu/suyu-releases/-/blob/master/${latestRelease}/`;
|
||||||
|
}
|
||||||
|
}, 3000);
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<title>Downloading Suyu</title>
|
||||||
|
</svelte:head>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="relative flex w-full flex-col gap-6 overflow-hidden rounded-[2.25rem] bg-[#110d10] p-8 md:p-12"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="512"
|
||||||
|
height="525"
|
||||||
|
viewBox="0 0 512 525"
|
||||||
|
fill="none"
|
||||||
|
style="animation-duration: 300s; transform-origin: 50% 50%; animation-iteration-count: infinite; animation-timing-function: linear; animation-name: spin; animation-delay: 0s; animation-direction: normal; animation-fill-mode: none; animation-play-state: running;"
|
||||||
|
class="pointer-events-none absolute -bottom-[18rem] right-0 z-0 animate-spin opacity-20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M511.5 262.12C511.5 353.613 465.547 434.182 396.019 480.947C408.179 457.937 415.083 431.597 415.083 403.617C415.083 313.723 343.816 240.744 255.992 240.744C191.257 240.744 138.692 186.941 138.692 120.622C138.692 54.3027 191.257 0.5 255.992 0.5C397.026 0.5 511.5 117.695 511.5 262.12ZM255.992 53.5225C243.745 53.5225 233.816 63.7047 233.816 76.2224C233.816 88.7388 243.745 98.9223 255.992 98.9223C268.257 98.9223 278.173 88.7387 278.173 76.2224C278.173 63.7048 268.257 53.5225 255.992 53.5225ZM299.355 97.9223C287.104 97.9223 277.173 108.104 277.173 120.622C277.173 133.139 287.104 143.322 299.355 143.322C311.62 143.322 321.536 133.139 321.536 120.622C321.536 108.104 311.62 97.9223 299.355 97.9223ZM212.635 97.9223C200.382 97.9223 190.455 108.104 190.455 120.622C190.455 133.139 200.382 143.322 212.635 143.322C224.889 143.322 234.816 133.139 234.816 120.622C234.816 108.104 224.888 97.9223 212.635 97.9223ZM255.992 142.322C243.745 142.322 233.816 152.505 233.816 165.021C233.816 177.539 243.745 187.721 255.992 187.721C268.257 187.721 278.173 177.538 278.173 165.021C278.173 152.505 268.257 142.322 255.992 142.322Z"
|
||||||
|
stroke="white"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M0.5 262.119C0.5 170.626 46.444 90.0553 115.976 43.2909C103.82 66.3019 96.9172 92.6424 96.9172 120.622C96.9172 210.516 168.174 283.495 255.992 283.495C320.735 283.495 373.305 337.298 373.305 403.617C373.305 469.934 320.735 523.739 255.992 523.739C114.974 523.739 0.5 406.544 0.5 262.119ZM255.992 336.517C243.744 336.517 233.816 346.7 233.816 359.217C233.816 371.735 243.745 381.917 255.992 381.917C268.256 381.917 278.173 371.735 278.173 359.217C278.173 346.701 268.256 336.517 255.992 336.517ZM299.355 380.917C287.104 380.917 277.173 391.099 277.173 403.617C277.173 416.135 287.104 426.317 299.355 426.317C311.619 426.317 321.536 416.135 321.536 403.617C321.536 391.099 311.619 380.917 299.355 380.917ZM255.992 425.317C243.745 425.317 233.816 435.499 233.816 448.016C233.816 460.533 243.744 470.717 255.992 470.717C268.256 470.717 278.173 460.533 278.173 448.016C278.173 435.499 268.256 425.317 255.992 425.317ZM212.634 380.917C200.382 380.917 190.454 391.099 190.454 403.617C190.454 416.135 200.382 426.317 212.634 426.317C224.888 426.317 234.816 416.135 234.816 403.617C234.816 391.099 224.888 380.917 212.634 380.917Z"
|
||||||
|
stroke="white"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<script>
|
||||||
|
onMount(() => {
|
||||||
|
let text = "Downloading Suyu";
|
||||||
|
let interval = setInterval(() => {
|
||||||
|
text += ".";
|
||||||
|
if (text.length > 16) {
|
||||||
|
text = "Downloading Suyu";
|
||||||
|
}
|
||||||
|
$text = text;
|
||||||
|
}, 500);
|
||||||
|
$: clearInterval(interval);
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<!-- TODO: Have the 3 dots loop (e.g . -> .. -> ...) -->
|
||||||
|
<h1 class="text-[24px] leading-[1.41] md:text-[60px] md:leading-[1.1]">
|
||||||
|
Downloading Suyu...
|
||||||
|
</h1>
|
||||||
|
<!-- <h1 class="text-[24px] leading-[1.41] md:text-[60px] md:leading-[1.1]">
|
||||||
|
{#if $text}
|
||||||
|
{$text}
|
||||||
|
{:else}
|
||||||
|
Downloading Suyu
|
||||||
|
{/if}
|
||||||
|
</h1> -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<p class="max-w-[36rem] text-lg leading-relaxed text-[#A6A5A7]">
|
||||||
|
Your download should start shortly. If it doesn't, click <a
|
||||||
|
href="https://gitlab.suyu.dev/suyu/suyu/releases">here</a
|
||||||
|
>.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
43
src/routes/faq/+page.svelte
Normal file
43
src/routes/faq/+page.svelte
Normal file
|
|
@ -0,0 +1,43 @@
|
||||||
|
<svelte:head>
|
||||||
|
<title>FAQ</title>
|
||||||
|
</svelte:head>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="relative flex w-full flex-col gap-6 overflow-hidden rounded-[2.25rem] bg-[#110d10] p-8 md:p-12"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="512"
|
||||||
|
height="525"
|
||||||
|
viewBox="0 0 512 525"
|
||||||
|
fill="none"
|
||||||
|
style="animation-duration: 300s; transform-origin: 50% 50%; animation-iteration-count: infinite; animation-timing-function: linear; animation-name: spin; animation-delay: 0s; animation-direction: normal; animation-fill-mode: none; animation-play-state: running;"
|
||||||
|
class="pointer-events-none absolute -bottom-[18rem] right-0 z-0 animate-spin opacity-20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M511.5 262.12C511.5 353.613 465.547 434.182 396.019 480.947C408.179 457.937 415.083 431.597 415.083 403.617C415.083 313.723 343.816 240.744 255.992 240.744C191.257 240.744 138.692 186.941 138.692 120.622C138.692 54.3027 191.257 0.5 255.992 0.5C397.026 0.5 511.5 117.695 511.5 262.12ZM255.992 53.5225C243.745 53.5225 233.816 63.7047 233.816 76.2224C233.816 88.7388 243.745 98.9223 255.992 98.9223C268.257 98.9223 278.173 88.7387 278.173 76.2224C278.173 63.7048 268.257 53.5225 255.992 53.5225ZM299.355 97.9223C287.104 97.9223 277.173 108.104 277.173 120.622C277.173 133.139 287.104 143.322 299.355 143.322C311.62 143.322 321.536 133.139 321.536 120.622C321.536 108.104 311.62 97.9223 299.355 97.9223ZM212.635 97.9223C200.382 97.9223 190.455 108.104 190.455 120.622C190.455 133.139 200.382 143.322 212.635 143.322C224.889 143.322 234.816 133.139 234.816 120.622C234.816 108.104 224.888 97.9223 212.635 97.9223ZM255.992 142.322C243.745 142.322 233.816 152.505 233.816 165.021C233.816 177.539 243.745 187.721 255.992 187.721C268.257 187.721 278.173 177.538 278.173 165.021C278.173 152.505 268.257 142.322 255.992 142.322Z"
|
||||||
|
stroke="white"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M0.5 262.119C0.5 170.626 46.444 90.0553 115.976 43.2909C103.82 66.3019 96.9172 92.6424 96.9172 120.622C96.9172 210.516 168.174 283.495 255.992 283.495C320.735 283.495 373.305 337.298 373.305 403.617C373.305 469.934 320.735 523.739 255.992 523.739C114.974 523.739 0.5 406.544 0.5 262.119ZM255.992 336.517C243.744 336.517 233.816 346.7 233.816 359.217C233.816 371.735 243.745 381.917 255.992 381.917C268.256 381.917 278.173 371.735 278.173 359.217C278.173 346.701 268.256 336.517 255.992 336.517ZM299.355 380.917C287.104 380.917 277.173 391.099 277.173 403.617C277.173 416.135 287.104 426.317 299.355 426.317C311.619 426.317 321.536 416.135 321.536 403.617C321.536 391.099 311.619 380.917 299.355 380.917ZM255.992 425.317C243.745 425.317 233.816 435.499 233.816 448.016C233.816 460.533 243.744 470.717 255.992 470.717C268.256 470.717 278.173 460.533 278.173 448.016C278.173 435.499 268.256 425.317 255.992 425.317ZM212.634 380.917C200.382 380.917 190.454 391.099 190.454 403.617C190.454 416.135 200.382 426.317 212.634 426.317C224.888 426.317 234.816 416.135 234.816 403.617C234.816 391.099 224.888 380.917 212.634 380.917Z"
|
||||||
|
stroke="white"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
<h1 class="text-[24px] leading-[1.41] md:text-[60px] md:leading-[1.1]">
|
||||||
|
FAQ
|
||||||
|
</h1>
|
||||||
|
<p class="max-w-[36rem] text-lg leading-relaxed text-[#A6A5A7]">
|
||||||
|
Got some questions? We got answers!
|
||||||
|
</p>
|
||||||
|
<p class="text-[15px] leading-[1.41] md:text-[19px] md:leading-[1.1]">Q: How is this project different from Yuzu? How do we know you won't have the same fate as Yuzu?</p>
|
||||||
|
<p class= "text-m text-[15px]">A: Unlike Yuzu, Suyu does <b>not</b> include many of the core "requirements" to run it. You need to legally dump your Nintendo Switch to obtain a title.keys file, which Yuzu did not do. Additionally, you must dump your own firmware.</p>
|
||||||
|
<p class="text-[15px] leading-[1.41] md:text-[19px] md:leading-[1.1]">Q: What is the purpose of Suyu?</p>
|
||||||
|
<p class= "text-m text-[15px]">A: The purpose of this project is to provide a free, open-source alternative to the now-dead Yuzu emulator. We believe that the community should be able to emulate their Switch device (legally) and be able to enjoy their favorite game titles.</p>
|
||||||
|
<p class="text-[15px] leading-[1.41] md:text-[19px] md:leading-[1.1]">Q: How can I contribute to Suyu?</p>
|
||||||
|
<p class= "text-m text-[15px]">A: You can contribute to this project by submitting a pull request on our <a href="https://git.suyu.dev/suyu/suyu">Git</a> page. We are always looking for new contributors to help us improve the project!</p>
|
||||||
|
<p class="text-[15px] leading-[1.41] md:text-[19px] md:leading-[1.1]">Q: Where can I download Suyu?</p>
|
||||||
|
<p class= "text-m text-[15px]">A: You can download the latest build of Suyu from our <a href="https://git.suyu.dev/suyu/suyu/releases">Git</a>. Please make sure you are using the right URL!</p>
|
||||||
|
<p class="text-[15px] leading-[1.41] md:text-[19px] md:leading-[1.1]">Q: What is the current progress for Suyu?</p>
|
||||||
|
<p class= "text-m text-[15px]">A: As of 3/20/2024, we have released our first Windows binary 🎉! You can find it <a href="https://git.suyu.dev/suyu/suyu/releases">here</a>. We are always trying to make more and more progress, so please feel free to <a href="https://discord.gg/suyu">join the Discord!</a></p>
|
||||||
|
</div>
|
||||||
Loading…
Reference in a new issue