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

44
src/routes/+page.svelte
View file

@ -8,8 +8,8 @@
export let data: PageData;
$: memberCount = parseFloat(data.memberCount?.toPrecision(2));
$: contributors = parseFloat(data.roleMembers?.["1214817156420862012"]?.toPrecision(2));
$: gitCommits = parseFloat(data.gitCommits?.toPrecision(2));
$: contributors = parseFloat(data.roleMembers["1214817156420862012"]?.toPrecision(2));
$: starCount = parseFloat(data.starCount?.toPrecision(2));
let metadata = {
url: "https://suyu.dev",
title: "suyu - Open-source, non-profit Switch emulator",
@ -40,6 +40,12 @@
<meta name="twitter:card" content="summary_large_image" />
</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
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.
</p>
<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
width="16"
height="16"
@ -89,6 +100,7 @@
target="_blank"
rel="noreferrer noopener"
class="button text-[#8A8F98]"
title="Suyu Git Repo"
>
Contribute <svg
width="16"
@ -112,7 +124,7 @@
>
<h1 class="text-[48px] leading-[0.9]">By the numbers</h1>
<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={memberCount} subText="members on Discord" />
</div>
@ -148,16 +160,13 @@
</div>
<div class="mt-8 flex w-full flex-col gap-8 lg:flex-row">
<a
href="https://discord.gg/suyu/"
target="_blank"
rel="noreferrer noopener"
class="relative w-full rounded-[2.25rem] bg-[#5451ff] p-12"
<div
class="relative w-full rounded-[2.25rem] bg-[#662d91] p-12"
title="Suyu Matrix Server"
>
<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">
Join our Discord server to chat with {memberCount}+ suyu users and developers. Get the
latest updates and help with any issues you have.
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.
</p>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -166,24 +175,25 @@
stroke="currentColor"
class="absolute right-12 top-12 h-12 w-12"
>
<path
<!-- <path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="4"
d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"
/>
/> -->
</svg>
</a>
</div>
<a
href="https://git.suyu.dev/suyu/suyu"
target="_blank"
rel="noreferrer noopener"
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>
<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
contributors to help us out, so feel free to check out our code.
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.
</p>
<svg
xmlns="http://www.w3.org/2000/svg"