- {createdBy.name}
- {createdBy.url}
+
+
+
+
@@ -34,7 +27,7 @@
@apply relative w-full max-w-[1100px];
}
.nice-hover {
- transition: transform 540ms cubic-bezier(0.1, -0.81, 0.31, 2);
+ transition: all 540ms cubic-bezier(0.1, -0.81, 0.31, 2);
}
.rice-bg {
@apply w-[calc(100%-24px)] pointer-events-none transition-[filter] duration-500 absolute left-3 brightness-150 rounded-3xl -z-10 saturate-[5] h-full blur-2xl -bottom-10 opacity-50;
diff --git a/src/routes/FeatureCard.svelte b/src/routes/FeatureCard.svelte
index 714fb0f..ab9d65f 100644
--- a/src/routes/FeatureCard.svelte
+++ b/src/routes/FeatureCard.svelte
@@ -71,6 +71,7 @@
>
{title}
+
Nothing in the slot here
@@ -93,8 +94,8 @@
background: black
radial-gradient(
circle at bottom right,
- theme(colors.neutral.900 / 30%),
- theme(colors.neutral.500 / 30%),
+ theme(colors.neutral.900 / 80%),
+ theme(colors.neutral.500 / 10%),
black
);
}
@@ -115,7 +116,7 @@
contain: strict;
background: radial-gradient(
320px circle at calc(var(--borderX) * 1px) calc(var(--borderY) * 1px),
- color-mix(in srgb, var(--color1, theme(colors.cyan.500)), transparent 50%),
+ color-mix(in srgb, var(--color1, theme(colors.cyan.500)), transparent 70%),
color-mix(in srgb, var(--color2, theme(colors.blue.500)), transparent 90%)
);
diff --git a/src/routes/FeaturesSlice.svelte b/src/routes/FeaturesSlice.svelte
index f425bf5..967850e 100644
--- a/src/routes/FeaturesSlice.svelte
+++ b/src/routes/FeaturesSlice.svelte
@@ -12,6 +12,11 @@
import BleedingEdgeIcon from '~icons/gg/controller'
import { animateIn } from '$lib/Helper.mjs'
+ /**
+ * type {{name: string, github: string}}
+ */
+ let createdBy
+
const context = setContext(mouseContext, {
x: writable(0),
y: writable(0),
@@ -36,7 +41,7 @@
-
+
Features
@@ -51,7 +56,7 @@
Transition from windows and workspaces smoothly, without abrupt changes. Instant input with
- a custom wslroot patch included
+ a custom WSLroot patch included
diff --git a/src/routes/HallOfFameSlice.svelte b/src/routes/HallOfFameSlice.svelte
index 34374c0..d877bb0 100644
--- a/src/routes/HallOfFameSlice.svelte
+++ b/src/routes/HallOfFameSlice.svelte
@@ -5,10 +5,10 @@
-
+
@@ -16,28 +16,30 @@
@@ -50,16 +52,16 @@
width: 100%;
/* min-width: 8800px; */
position: absolute;
- opacity: 0.5;
+ opacity: 0.3;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
background-image: radial-gradient(
ellipse at bottom,
- theme(colors.cyan.500),
- theme(colors.blue.700 / 50%) 50%,
- theme(colors.blue.950 / 0%) 80%
+ theme(colors.pink.400),
+ theme(colors.indigo.700 / 50%) 50%,
+ theme(colors.indigo.950 / 0%) 80%
);
}
diff --git a/src/routes/Hero.svelte b/src/routes/Hero.svelte
index 781857a..c986f8e 100644
--- a/src/routes/Hero.svelte
+++ b/src/routes/Hero.svelte
@@ -31,7 +31,7 @@
Dynamic tiling Wayland compositor
with the looks.
diff --git a/src/routes/Navbar.svelte b/src/routes/Navbar.svelte
index 8c04185..782c35d 100644
--- a/src/routes/Navbar.svelte
+++ b/src/routes/Navbar.svelte
@@ -6,14 +6,17 @@
-
-
diff --git a/src/routes/PreviewRiceSlice.svelte b/src/routes/PreviewRiceSlice.svelte
index 2bc5186..26f83a7 100644
--- a/src/routes/PreviewRiceSlice.svelte
+++ b/src/routes/PreviewRiceSlice.svelte
@@ -15,10 +15,9 @@
on:inview_enter={({ detail: { node } }) => {
node.classList.remove('opacity-20')
node.classList.remove('scale-90')
- // videoElement.play()
+ videoElement.play()
}}
>
-