suyu/website
1
0
Fork 0
mirror of https://git.suyu.dev/suyu/website synced 2024-11-21 14:29:01 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

improve exclusions

Browse source
This commit is contained in:
not-nullptr 2024-03-08 08:49:57 +00:00
parent cc59991ec9
commit da1db64e32
2 changed files with 22 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/routes/+layout.svelte
View file

@ -4,11 +4,12 @@
import LogoWithTextHorizontal from "$components/LogoWithTextHorizontal.svelte";
import { page } from "$app/stores";
import "$lib/css/index.css";
import { onMount } from "svelte";
const excludedRoutesNav = ["/mockup/boot"];
const excludedRoutesBg = ["/mockup"];
$: isNavExcluded = excludedRoutesNav.some((route) => $page.url.pathname.startsWith(route));
$: isBgExcluded = excludedRoutesBg.some((route) => $page.url.pathname === route);
$: isNavExcluded = excludedRoutesNav.some((route) => $page.url?.pathname.startsWith(route));
$: isBgExcluded = excludedRoutesBg.some((route) => $page.url?.pathname === route);
</script>
{#if !isNavExcluded}

23
src/routes/mockup/boot/[game]/+page.svelte
View file

@ -3,13 +3,16 @@
import { onMount } from "svelte";
import type { PageData } from "./$types";
import Logo from "$components/Logo.svelte";
import { page } from "$app/stores";
let shadersDone = 0;
const shadersTotal = 8146;
export let data: PageData;
$: game = data.props.games[0];
$: game =
data.props.games.find(
(g) => g.title.trim().toLowerCase() === $page.params.game.trim().toLowerCase(),
) || data.props.games[0];
onMount(() => {
const interval = setInterval(() => {
shadersDone += Math.floor(Math.random() * 150);
@ -44,7 +47,7 @@
<style>
@keyframes spin {
0% {
/* 0% {
transform: none;
animation-timing-function: cubic-bezier(1, 0, 1, 1);
}
@ -66,6 +69,13 @@
70%,
100% {
transform: scale(1) rotateZ(720deg);
} */
0% {
transform: none;
}
100% {
transform: rotateZ(360deg);
}
}
@ -74,7 +84,8 @@
}
.logo {
animation: spin 4s infinite;
animation: spin 2s reverse infinite cubic-bezier(0.8, 0, 0.2, 1);
transform-origin: 50.1% 47.45%;
}
.body {
@ -120,6 +131,9 @@
font-size: 32px;
white-space: nowrap;
overflow: hidden;
}
.launching {
--mask-image: linear-gradient(
90deg,
black,
@ -132,5 +146,6 @@
.bold {
font-weight: bold;
width: 100%;
}
</style>