feat: implement the first section of landing page

This commit is contained in:
Henry Li
2026-01-23 00:15:21 +08:00
parent 459d9d0287
commit 307972f93e
14 changed files with 757 additions and 7 deletions

View File

@@ -133,7 +133,57 @@
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
--color-sidebar-border: var(--sidebar-border);
--color-sidebar-ring: var(--sidebar-ring);
}
--animate-aurora:
aurora 8s ease-in-out infinite alternate;
@keyframes aurora {
0% {
background-position:
0% 50%;
transform:
rotate(-5deg) scale(0.9);
}
25% {
background-position:
50% 100%;
transform:
rotate(5deg) scale(1.1);
}
50% {
background-position:
100% 50%;
transform:
rotate(-3deg) scale(0.95);
}
75% {
background-position:
50% 0%;
transform:
rotate(3deg) scale(1.05);
}
100% {
background-position:
0% 50%;
transform:
rotate(-5deg) scale(0.9);
}
}
--animate-shine:
shine var(--duration) infinite linear
;
@keyframes shine {
0% {
background-position:
0% 0%;
}
50% {
background-position:
100% 100%;
}
to {
background-position:
0% 0%;
}
}}
:root {
--radius: 0.625rem;
@@ -212,6 +262,22 @@
body {
@apply bg-background text-foreground;
}
.container-md {
width: 100%;
@media (width >= 40rem) {
max-width: 40rem;
}
@media (width >= 48rem) {
max-width: 48rem;
}
@media (width >= 64rem) {
max-width: 64rem;
}
@media (width >= 80rem) {
max-width: 80rem;
}
}
}
:root {
@@ -219,4 +285,4 @@
--container-width-sm: calc(var(--spacing) * 144);
--container-width-md: calc(var(--spacing) * 204);
--container-width-lg: calc(var(--spacing) * 256);
}
}