diff --git a/scripts/generate-blurred-images.sh b/scripts/generate-blurred-images.sh index d28728d..8f3ec11 100755 --- a/scripts/generate-blurred-images.sh +++ b/scripts/generate-blurred-images.sh @@ -20,7 +20,8 @@ while IFS= read -r -d '' filepath; do # Modify colors with LUT magick convert -brightness-contrast ${brightness_boost}x40 -modulate 100,1000,100 "$filepath" "$generated_filename" magick "$generated_filename" "./hald-clut.color.io.png" -hald-clut "$generated_filename" - magick convert -modulate 100,250,100 -scale 10% -gaussian-blur 0x20 -resize 1000% -quality 50 "$generated_filename" "$generated_filename" + # Also make them smaller to reduce file size + magick convert -modulate 100,250,100 -scale 10% -gaussian-blur 0x20 -resize 500% -quality 50 "$generated_filename" "$generated_filename" # magick convert -scale 10% -brightness-contrast ${brightness_boost}x25 -modulate 100,500,100 -gaussian-blur 0x20 -resize 1000% "$filepath" "$generated_filename" diff --git a/src/lib/Helper.mjs b/src/lib/Helper.mjs index 0f5d2a1..5cdcf05 100755 --- a/src/lib/Helper.mjs +++ b/src/lib/Helper.mjs @@ -1,12 +1,6 @@ /* eslint-disable no-useless-escape */ import { inview } from 'svelte-inview' import { pick } from 'remeda' -// const mappingAnimate = { -// slide: 'translate', -// zoom: 'scale', -// duration: 'transition', -// fade: 'opacity' -// } /** * Fade: The initial opacity from 0 to 1. diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte index 1b72015..ec994b4 100755 --- a/src/lib/components/Footer.svelte +++ b/src/lib/components/Footer.svelte @@ -3,9 +3,9 @@ import GithubIcon from '~icons/ri/github-fill' /** @type {[string, string, string, string]} */ - let developers = [ - ['Fufexan', 'Core Developer', 'cyan', 'https://github.com/fufexan'], - ['NotAShelf', 'Core Member', 'teal', 'https://github.com/NotAShelf'], + let team = [ + ['Fufexan', 'Supporting Developer', 'cyan', 'https://github.com/fufexan'], + ['NotAShelf', 'Real Chad', 'teal', 'https://github.com/NotAShelf'], ['VDawg', 'Webdesign-and dev', 'emerald', 'https://github.com/Visual-Dawg'], ['System-x64', 'Webdev', 'green', 'https://github.com/System-x64'] ] @@ -17,11 +17,9 @@ diff --git a/src/routes/Hypractive.svelte b/src/routes/Hypractive.svelte index e49efbc..7a63059 100755 --- a/src/routes/Hypractive.svelte +++ b/src/routes/Hypractive.svelte @@ -77,6 +77,7 @@ $: hue = lerp(200, 130, $cubibRelativeLevel$) $: scale = lerp(0.9, 2, $cubibRelativeLevel$) + $: translateY = lerp(0, 10, $cubibRelativeLevel$) /** @type {HTMLDivElement} */ let containerElement @@ -95,16 +96,17 @@
-
+
{#each $tiles$ as _} {#if $hasAscended$}
-
+
- Arch Logo{name} + Distrubution Logo{name}
-
+
{#if $$slots.extra} -
+
{/if} diff --git a/src/routes/InstallSlice.svelte b/src/routes/InstallSlice.svelte index b49919a..c478030 100755 --- a/src/routes/InstallSlice.svelte +++ b/src/routes/InstallSlice.svelte @@ -15,29 +15,29 @@ Install now For your favourite distro -
+
AUR git version: hyprland-git
- See instructions -
or install “hyprland” via YaST2 Software.
diff --git a/src/routes/Navbar.svelte b/src/routes/Navbar.svelte index 95acecd..6cb5234 100755 --- a/src/routes/Navbar.svelte +++ b/src/routes/Navbar.svelte @@ -24,7 +24,7 @@ href="/" class="flex items-center gap-4 rounded-full py-1 font-london text-sm font-bold tracking-wider text-white lg:bg-black/50 lg:px-4 lg:py-2 lg:backdrop-blur" > - Hyprland Logo diff --git a/src/routes/WallOfFameSlice.svelte b/src/routes/WallOfFameSlice.svelte index 1b5a1b9..0f8a74a 100755 --- a/src/routes/WallOfFameSlice.svelte +++ b/src/routes/WallOfFameSlice.svelte @@ -16,7 +16,7 @@
@@ -35,7 +35,7 @@ />
@@ -56,6 +56,8 @@ translate: -50% 0px; height: 100vh; width: 200vw; + max-width: 2400px; + max-height: 1000px; background: radial-gradient(closest-side, theme(colors.blue.500 / 30%), transparent), radial-gradient(15% 20%, theme(colors.cyan.500 / 70%), transparent); } diff --git a/src/routes/wall_of_fame/+page.svelte b/src/routes/wall_of_fame/+page.svelte index 788ae02..5e2c190 100755 --- a/src/routes/wall_of_fame/+page.svelte +++ b/src/routes/wall_of_fame/+page.svelte @@ -3,21 +3,57 @@ import Contest from './Contest.svelte' import FamedRice from './FamedRice.svelte' import colors from 'tailwindcss/colors' + + const wisdoms = [ + '炊き込みご飯', + '米どころでの休日', + 'マッサージライス', + '天国の米', + 'ジーンズの中には何キロもの米が入っているから、毎日がトレーニングなんだ。', + '田んぼで撃たれたんだ！', + '田んぼでの作業', + '国の保護による田んぼでの仕事', + '巨大な米ベースの子猫用フードがある。', + 'スパイシー米麺', + '激辛炊飯器', + '絶対にご飯を炊いた' + ] + + const wisdomObjects = wisdoms.map((text) => ({ + text, + z: Math.round(Math.random() * 10) + }))
-
+
+ - <span slot="title">Wall of fame</span> - <div slot="subtitle"> - The chronicles of the triumphant<br /> from bygone rice contests held within our Discord + <span slot="title" class="title">Wall of fame</span> + <div slot="subtitle" class="max-w-[40ch]"> + The chronicles of the triumphant from bygone rice contests held within our Discord </div> + +
diff --git a/src/routes/wall_of_fame/Contest.svelte b/src/routes/wall_of_fame/Contest.svelte index 0009bcc..f304ba6 100755 --- a/src/routes/wall_of_fame/Contest.svelte +++ b/src/routes/wall_of_fame/Contest.svelte @@ -50,12 +50,17 @@