suyu/website
27
2
Fork 4
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity

matrix stuff

Browse source 
Commited by Exverge <exverge@exverge.xyz> on behalf of Zeke
This commit is contained in:
Zeke 2024-04-10 21:27:21 -04:00 committed by Exverge
parent b068ab99f4
commit de20f25c40
Signed by: Exverge
GPG key ID: 19AAFC0AC6A9B35A
2 changed files with 726 additions and 692 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
src/routes/+layout.svelte
View file

@ -23,6 +23,8 @@
interface NavItem { interface NavItem {
name: string; name: string;
href: string; href: string;
title: string;
target: string;
} }
const token = writable(data.tokenCookie || ""); const token = writable(data.tokenCookie || "");
@ -135,22 +137,38 @@
{ {
name: "Blog", name: "Blog",
href: "/coming-soon", href: "/coming-soon",
title: "Coming Soon",
target: "_self",
}, },
{ {
name: "Docs", name: "Docs",
href: "/coming-soon", href: "/coming-soon",
title: "Coming Soon",
target: "_self",
}, },
{ {
name: "FAQ", name: "FAQ",
href: "/faq", href: "/faq",
title: "Coming Soon",
target: "_self",
}, },
{ {
name: "Discord", name: "Compatibility",
href: "https://discord.gg/suyu", href: "/compatibility",
title: "Compatibility",
target: "_self",
}, },
// {
// name: "Matrix",
// href: "",
// title: "Suyu Matrix Server",
// target: "_blank",
// },
{ {
name: "Git", name: "Git",
href: "https://git.suyu.dev/suyu/suyu", href: "https://git.suyu.dev/suyu/suyu",
title: "Suyu Git Repo",
target: "_blank",
}, },
// { // {
// name: $token || data.tokenCookie ? "Account" : "Sign up", // name: $token || data.tokenCookie ? "Account" : "Sign up",
@ -278,38 +296,42 @@
<div class="flex w-full flex-row items-center justify-start gap-8"> <div class="flex w-full flex-row items-center justify-start gap-8">
<a <a
href="/" href="/"
title="Suyu Home"
on:click={() => { on:click={() => {
if (dropdownOpen && window.innerWidth < 625) toggleDropdown(); if (dropdownOpen && window.innerWidth < 800) toggleDropdown();
}} }}
> >
<Logo size={28} /> <Logo size={28} />
</a> </a>
</div> </div>
<div <div
class="flex w-full flex-row items-center justify-center gap-2 text-sm font-medium text-[#A6A5A7] max-[625px]:hidden" class="flex w-full flex-row items-center justify-center gap-2 text-sm font-medium text-[#A6A5A7] max-[800px]:hidden"
> >
<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" title="Coming Soon">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" title="Coming Soon">Docs</a>
<a href="/faq" class="px-5 py-3 transition hover:text-white">FAQ</a> <a href="/faq" class="px-5 py-3 transition hover:text-white" title="Coming Soon">FAQ</a>
<a href="/compatibility" class="px-5 py-3 transition hover:text-white" title="Compatibility">Compatibility</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-[800px]:hidden">
<a <a
class="p-2 transition hover:text-white" class="p-2 transition hover:text-white"
href="https://git.suyu.dev/suyu/suyu" href="https://git.suyu.dev/suyu/suyu"
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
title="Suyu Git Repo"
> >
<CodeBranchOutline /> <CodeBranchOutline />
</a> </a>
<a <!-- <a
class="p-2 transition hover:text-white" class="p-2 transition hover:text-white"
href="https://discord.gg/suyu" href=""
rel="noreferrer noopener" rel="noreferrer noopener"
target="_blank" target="_blank"
title="Suyu Matrix Server"
> >
<DiscordSolid /> <DiscordSolid />
</a> </a> -->
{#if $token} {#if $token}
<!-- <a href={$token ? "/account" : "/signup"} class="button-sm" <!-- <a href={$token ? "/account" : "/signup"} class="button-sm"
>{$token ? "Account" : "Sign up"}</a >{$token ? "Account" : "Sign up"}</a
@ -321,7 +343,7 @@
<a href="/signup" class="button-sm">Sign up</a> <a href="/signup" class="button-sm">Sign up</a>
{/if} {/if}
</div> </div>
<div class="relative mr-4 hidden flex-row gap-4 max-[625px]:flex"> <div class="relative mr-4 hidden flex-row gap-4 max-[800px]:flex">
<button <button
aria-label={dropdownOpen ? "Close navigation" : "Open navigation"} aria-label={dropdownOpen ? "Close navigation" : "Open navigation"}
aria-expanded={dropdownOpen} aria-expanded={dropdownOpen}
@ -399,6 +421,8 @@
? 'translate-y-0 opacity-100 filter-none' ? 'translate-y-0 opacity-100 filter-none'
: '-translate-y-24 opacity-0 blur-md'} " : '-translate-y-24 opacity-0 blur-md'} "
href={item.href} href={item.href}
title={item.title}
target={item.target}
on:click={() => toggleDropdown()} on:click={() => toggleDropdown()}
> >
<h1 class="w-full text-5xl">{item.name}</h1> <h1 class="w-full text-5xl">{item.name}</h1>

44
src/routes/+page.svelte
View file

@ -8,8 +8,8 @@
export let data: PageData; export let data: PageData;
$: memberCount = parseFloat(data.memberCount?.toPrecision(2)); $: memberCount = parseFloat(data.memberCount?.toPrecision(2));
$: contributors = parseFloat(data.roleMembers?.["1214817156420862012"]?.toPrecision(2)); $: contributors = parseFloat(data.roleMembers["1214817156420862012"]?.toPrecision(2));
$: gitCommits = parseFloat(data.gitCommits?.toPrecision(2)); $: starCount = parseFloat(data.starCount?.toPrecision(2));
let metadata = { let metadata = {
url: "https://suyu.dev", url: "https://suyu.dev",
title: "suyu - Open-source, non-profit Switch emulator", title: "suyu - Open-source, non-profit Switch emulator",
@ -40,6 +40,12 @@
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
</svelte:head> </svelte:head>
<article class="border-l-[4px] border-solid border-color-[#DBDBDB] rounded-[10px] bg-[#110d10] pt-[10px] inline-block mb-[20px]">
<div class="ml-[10px]">
<p class="text-[20px] font-bold mb-[2px]">Notice: Suyu Discord Deleted</p>
<p class="text-[#A6A5A7] pb-[10px] mr-[12px]">The Suyu Discord Server has been unlawfully DMCA'd, by who we believe is Nintendo Co., Ltd. Whilst we are not pressing charges, we will continue with the development of the emulator as intended. We are moving our communications to a self-hosted Matrix Server for the foreseeable future. Please check back within the next 48 hours for an update as our dev team works hard behind the scenes to get the server implemented. Thank you for sticking with us through this tough journey. We will continue to fight for the right to legal emulation, as shown in <a href="https://www.copyright.gov/fair-use/summaries/sony-connectix-9thcir2000.pdf" target="_blank" class="transition hover:text-[#f94d4d] text-[#60c7e9]"><i>Sega Enterprises Ltd. v. Accolade, Inc.</i></a> and <a href="https://www.copyright.gov/fair-use/summaries/sony-connectix-9thcir2000.pdf" target="_blank" class="transition hover:text-[#f94d4d] text-[#60c7e9]"><i>Sony Computer Entertainment v. Connectix Corporation</i></a>. We are curerntly in the process of auditing our code for copyright infringing content. If you would like to assist, please contribute to the project via our Git. Thank you.</p>
</div>
</article>
<div <div
class="relative flex w-full flex-col gap-6 overflow-hidden rounded-[2.25rem] rounded-bl-none rounded-br-none bg-[#110d10] p-8 md:p-12 lg:rounded-bl-none lg:rounded-br-[2.25rem]" class="relative flex w-full flex-col gap-6 overflow-hidden rounded-[2.25rem] rounded-bl-none rounded-br-none bg-[#110d10] p-8 md:p-12 lg:rounded-bl-none lg:rounded-br-[2.25rem]"
> >
@ -70,7 +76,12 @@
and open-source, forever. and open-source, forever.
</p> </p>
<div class="flex flex-col gap-4 md:flex-row"> <div class="flex flex-col gap-4 md:flex-row">
<a href="/download" rel="noreferrer noopener" class="cta-button"> <a
href="/download"
rel="noreferrer noopener"
class="cta-button"
title="Download Suyu"
>
Download <svg Download <svg
width="16" width="16"
height="16" height="16"
@ -89,6 +100,7 @@
target="_blank" target="_blank"
rel="noreferrer noopener" rel="noreferrer noopener"
class="button text-[#8A8F98]" class="button text-[#8A8F98]"
title="Suyu Git Repo"
> >
Contribute <svg Contribute <svg
width="16" width="16"
@ -112,7 +124,7 @@
> >
<h1 class="text-[48px] leading-[0.9]">By the numbers</h1> <h1 class="text-[48px] leading-[0.9]">By the numbers</h1>
<HomepageCounter count={contributors} subText="dedicated contributors" /> <HomepageCounter count={contributors} subText="dedicated contributors" />
<HomepageCounter count={gitCommits} subText="Git commits" /> <HomepageCounter count={starCount} subText="GitLab stars" />
<HomepageCounter count={4000} subText="supported games" /> <HomepageCounter count={4000} subText="supported games" />
<HomepageCounter count={memberCount} subText="members on Discord" /> <HomepageCounter count={memberCount} subText="members on Discord" />
</div> </div>
@ -148,16 +160,13 @@
</div> </div>
<div class="mt-8 flex w-full flex-col gap-8 lg:flex-row"> <div class="mt-8 flex w-full flex-col gap-8 lg:flex-row">
<a <div
href="https://discord.gg/suyu/" class="relative w-full rounded-[2.25rem] bg-[#662d91] p-12"
target="_blank" title="Suyu Matrix Server"
rel="noreferrer noopener"
class="relative w-full rounded-[2.25rem] bg-[#5451ff] p-12"
> >
<h2 class="text-[24px] leading-[1.41] md:text-[60px] md:leading-[1.1]">Discord</h2> <h2 class="text-[24px] leading-[1.41] md:text-[60px] md:leading-[1.1]">Matrix</h2>
<p class="mt-2 text-lg leading-relaxed"> <p class="mt-2 text-lg leading-relaxed">
Join our Discord server to chat with {memberCount}+ suyu users and developers. Get the Our new Matrix Server is currently being implemented. Please check back here soon for more details. Please view the notice at the top of the page for more information. Thank you.
latest updates and help with any issues you have.
</p> </p>
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -166,24 +175,25 @@
stroke="currentColor" stroke="currentColor"
class="absolute right-12 top-12 h-12 w-12" class="absolute right-12 top-12 h-12 w-12"
> >
<path <!-- <path
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width="4" stroke-width="4"
d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25" d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"
/> /> -->
</svg> </svg>
</a> </div>
<a <a
href="https://git.suyu.dev/suyu/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"
title="Suyu Git Repo"
> >
<h2 class="text-[24px] leading-[1.41] md:text-[60px] md:leading-[1.1]">Git</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">
Our Git instance is where all the magic of suyu happens. We're always looking for new Our Git instance is where all the magic of suyu happens. We're always looking for new contributors
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
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"