update formatting

This commit is contained in:
Jesse Winton
2025-04-07 15:29:09 -04:00
parent 436e4e321e
commit b793c97b4b
6 changed files with 44 additions and 48 deletions

View File

@@ -42,7 +42,7 @@
<div class="group light flex w-fit gap-4"> <div class="group light flex w-fit gap-4">
{#each Array.from({ length: 4 }) as _, i} {#each Array.from({ length: 4 }) as _, i}
<div <div
class="animate-scroll flex items-center gap-8 group-hover:[animation-play-state:paused;]" class="animate-scroll group-hover:[animation-play-state:paused;] flex items-center gap-8"
aria-hidden={i !== 0} aria-hidden={i !== 0}
> >
{#each testimonials as testimonial} {#each testimonials as testimonial}

View File

@@ -4,11 +4,11 @@ export const getTheme = (key: string, fallback?: string): string | undefined =>
if (typeof window === 'undefined') return undefined; if (typeof window === 'undefined') return undefined;
let theme: string | undefined = undefined; let theme: string | undefined = undefined;
try { try {
theme = localStorage.getItem(key) as string || undefined; theme = (localStorage.getItem(key) as string) || undefined;
} catch (e) { } catch (e) {
// Unsupported // Unsupported
} }
return theme || fallback as string; return theme || (fallback as string);
}; };
export const disableAnimation = () => { export const disableAnimation = () => {

View File

@@ -1,4 +1,3 @@
import { writable } from 'svelte/store'; import { writable } from 'svelte/store';
export interface ThemeStore { export interface ThemeStore {
@@ -18,9 +17,7 @@
systemTheme: undefined systemTheme: undefined
}); });
export const setTheme = (theme?: string) => themeStore.update((store) => ({ ...store, theme }));
export const setTheme = (theme?: string) =>
themeStore.update((store) => ({ ...store, theme }));
export const setResolvedTheme = (resolvedTheme?: string) => export const setResolvedTheme = (resolvedTheme?: string) =>
themeStore.update((store) => ({ ...store, resolvedTheme })); themeStore.update((store) => ({ ...store, resolvedTheme }));
@@ -28,7 +25,6 @@
export const setSystemTheme = (systemTheme?: string) => export const setSystemTheme = (systemTheme?: string) =>
themeStore.update((store) => ({ ...store, systemTheme })); themeStore.update((store) => ({ ...store, systemTheme }));
export const setThemes = (themes: string[]) => export const setThemes = (themes: string[]) => themeStore.update((store) => ({ ...store, themes }));
themeStore.update((store) => ({ ...store, themes }));
export { default as ThemeProvider } from './theme.svelte'; export { default as ThemeProvider } from './theme.svelte';

View File

@@ -200,7 +200,7 @@
</svelte:head> </svelte:head>
<a <a
class="bg-mint-500 focus:pointer-events-all z-9999 focus:opacity-1 pointer-events-none absolute inset-y-0 block px-5 py-3 text-black underline opacity-0 focus:relative" class="bg-mint-500 focus:pointer-events-all pointer-events-none absolute inset-y-0 z-9999 block px-5 py-3 text-black underline opacity-0 focus:relative focus:opacity-1"
href="#main">Skip to content</a href="#main">Skip to content</a
> >

View File

@@ -32,7 +32,7 @@
<div <div
class={classNames( class={classNames(
'container mb-10 overflow-clip', 'container mb-10 overflow-clip',
'[filter:brightness(1.5)] [mask-image:linear-gradient(to_right,rgba(0,0,0,0)_0%,_rgba(255,255,255,1)_50%,_rgba(0,0,0,0)_100%)] [mask-mode:alpha]' '[mask-image:linear-gradient(to_right,rgba(0,0,0,0)_0%,_rgba(255,255,255,1)_50%,_rgba(0,0,0,0)_100%)] [mask-mode:alpha] [filter:brightness(1.5)]'
)} )}
> >
<div class="animate-marquee flex w-max gap-4 pl-4 md:[animation-play-state:paused]"> <div class="animate-marquee flex w-max gap-4 pl-4 md:[animation-play-state:paused]">