feat: add partners carousel, update sponsor section, add Nasalization font

This commit is contained in:
2026-05-15 16:35:28 +07:00
parent 79d428b3b3
commit ad22254cc8
25 changed files with 239 additions and 42 deletions
+28 -4
View File
@@ -1,5 +1,13 @@
@import "tailwindcss";
@font-face {
font-family: "Nasalization";
src: url("/assets/webfonts/Nasalization Rg.otf") format("opentype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@theme {
/* IPV6 Summit design tokens */
--color-primary: #c5a059;
@@ -16,9 +24,9 @@
--color-on-surface-variant: #e0e0e0;
--color-outline: #c5a059;
--font-body-base: "Inter", system-ui, sans-serif;
--font-display-lg: "Space Grotesk", system-ui, sans-serif;
--font-label-caps: "Geist", system-ui, sans-serif;
--font-body-base: "Nasalization", system-ui, sans-serif;
--font-display-lg: "Nasalization", system-ui, sans-serif;
--font-label-caps: "Nasalization", system-ui, sans-serif;
--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
@@ -37,7 +45,7 @@ html {
body {
background-color: var(--color-background);
color: var(--color-on-surface-variant);
font-family: var(--font-body-base);
font-family: "Nasalization", system-ui, sans-serif;
overflow-x: hidden;
}
@@ -98,3 +106,19 @@ textarea::placeholder {
box-shadow: 0 0 8px currentColor;
}
/* Partners Carousel animations */
@keyframes scroll-fwd {
0% { transform: translateX(0); }
100% { transform: translateX(calc(-1 * var(--set-width) - 20px)); }
}
@keyframes scroll-reverse {
0% { transform: translateX(calc(-1 * var(--set-width) - 20px)); }
100% { transform: translateX(0); }
}
.animate-scroll:hover,
.animate-scroll-reverse:hover {
animation-play-state: paused;
}