Suyu/website
1
0
Fork 0
mirror of https://git.suyu.dev/suyu/website.git synced 2025-12-22 05:36:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

added notice and got rid of discord link, added placeholder for matrix

Browse source 
commits, not stars
Signed off by: Exverge <exverge@exverge.xyz>
This commit is contained in:
Zekerocks11 2024-04-11 03:25:53 +02:00 • committed by Exverge
parent b068ab99f4
commit 86a0f47774
No known key found for this signature in database
GPG key ID: 19AAFC0AC6A9B35A
2 changed files with 65 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

52
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,8 +76,13 @@
and open-source, forever.
</p>
<div class="flex flex-col gap-4 md:flex-row">
<a href="/download" rel="noreferrer noopener" class="cta-button">
Download <svg
<a
href="/download"
rel="noreferrer noopener"
class="cta-button"
title="Download Suyu"
>
Download <svg
width="16"
height="16"
viewBox="0 0 16 16"
@ -89,6 +100,7 @@
target="_blank"
rel="noreferrer noopener"
class="button text-[#8A8F98]"
title="Suyu Git Repo"
>
Contribute <svg
width="16"
@ -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"