no message

packages/website/public/assets/images/halloween-blood.svg

@@ -0,0 +1,3 @@
+<svg width="1448" height="527" viewBox="0 0 1448 527" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0L6.20857e-05 128C2.50006 129 7.80006 132.4 9.00006 140C10.5001 149.5 16.0001 150.5 17.0001 150.5C18.0001 150.5 22.0001 152 28.5001 138C35.0001 124 48.0001 123.5 50.0001 123.5C52.0001 123.5 72.5001 129 74.0001 170.5C75.5001 212 76.0001 271 81.5001 308C87.0001 345 81.5001 364.5 78.5001 380.5C76.1001 393.3 78.5001 486 87.0001 483.5C92.0001 483.833 102 476.8 102 446C102 407.5 90.0001 416 94.5001 362C99.0001 308 113 297.5 111 267.5C109 237.5 109.5 206.5 102 175.5C94.5001 144.5 103 128 111 121C119 114 134 109 146.5 112.5C159 116 151.5 141.5 149 156C146.5 170.5 152.5 178.5 158 178.5C163.5 178.5 172 176 172.5 166C173 156 170 146 170 138C170 130 173.5 126 176.5 121C179.5 116 186 112.5 193.5 118C201 123.5 204 164 205 175.5C206 187 206 251 201.5 276.5C197 302 202 339 206.5 367C211 395 215.5 427.5 211 459C206.5 490.5 206.5 499 211 508C215.5 517 226 514 228.5 508C231 502 225.5 466.5 225.5 453.5C225.5 440.5 231 353 234.5 344C238 335 231.5 289 228.5 262C225.5 235 217.5 169 221.5 153.5C225.5 138 223.5 120.5 234.5 112.5C245.5 104.5 267.5 102 274.5 108.5C281.5 115 278.5 136.5 274.5 153.5C270.5 170.5 294 167 299 153.5C304 140 293 131.5 296 123.5C299 115.5 300.5 112.5 312.5 112.5C324.5 112.5 331 126.5 329.5 140C328 153.5 319.5 202 324.5 232C329.5 262 329.5 286 329.5 299.5C329.5 313 319.5 368 324.5 376C329.5 384 348 390 353.5 376C359 362 344 319 343.5 299.5C343 280 349.5 221.5 350 210C350.5 198.5 341 171.5 340.5 161C340 150.5 340.5 113.5 355.5 107C370.5 100.5 384 100.5 387 118C390 135.5 378.5 151 392 156C405.5 161 402 150 401.5 135.5C401 121 398 103.5 412 104C426 104.5 432 130.5 430.5 150.5C429 170.5 429 259.5 433 282C437 304.5 444.5 306 451 294C457.5 282 451 215.5 451 199C451 182.5 441.5 152 442 140C442.5 128 449 104 464 104C479 104 505 116 510.5 128C516 140 511.5 161 517 172.5C522.5 184 536.5 185 537.5 175.5C538.5 166 531 152 529.5 140C528 128 528.5 109 544 104C559.5 99 568.5 123 579 128C589.5 133 594 127.5 611 112.5C628 97.5 640 129 635.5 142.5C631 156 623.5 208 632 220C640.5 232 636 277 634 296C632 315 635 338 651 336C667 334 646 287.5 648.5 267.5C651 247.5 651 222.5 662 199C673 175.5 651 138 651 128C651 118 666.5 96 684.5 107C702.5 118 714.693 147.422 719.5 135.5C725.484 120.662 733.5 125.5 739.5 128C750 134.5 758 142 756.5 155.5C755 169 746.5 217.5 751.5 247.5C756.5 277.5 756.5 301.5 756.5 315C756.5 328.5 746.5 383.5 751.5 391.5C756.5 399.5 771.5 380 777 366C782.5 352 771 334.5 770.5 315C770 295.5 776.5 237 777 225.5C777.5 214 768 187 767.5 176.5C767 166 767.5 129 782.5 122.5C797.5 116 811 116 814 133.5C817 151 805.5 166.5 819 171.5C832.5 176.5 829 165.5 828.5 151C828 136.5 825 119 839 119.5C853 120 859 146 857.5 166C856 186 850.5 205.5 854.5 228C858.5 250.5 871.5 306 878 294C884.5 282 878 231 878 214.5C878 198 868.5 167.5 869 155.5C869.5 143.5 876 119.5 891 119.5C902 127.5 900 145 904 160.5C908 176 900 242 897 269C894 296 887.5 342 891 351C894.5 360 900 447.5 900 460.5C900 473.5 894.5 509 897 515C899.5 521 910 524 914.5 515C919 506 919 497.5 914.5 466C910 434.5 914.5 402 919 374C923.5 346 928.5 309 924 283.5C919.5 258 919.5 194 920.5 182.5C921.5 171 924.5 130.5 932 125C939.5 119.5 946 123 949 128C952 133 955.5 137 955.5 145C955.5 153 952.5 163 953 173C953.5 183 962 185.5 967.5 185.5C973 185.5 979 177.5 976.5 163C974 148.5 966.5 115 979 111.5C994 118 994.5 155 994 165.5C993.5 176 984 203 984.5 214.5C985 226 991.5 284.5 991 304C990.5 323.5 979 341 984.5 355C990 369 1005 388.5 1010 380.5C1015 372.5 1005 317.5 1005 304C1005 290.5 1005 266.5 1010 236.5C1015 206.5 1006.5 158 1005 144.5C1003.5 131 1011.5 123.5 1022 117C1037 117 1043.5 141 1044 153C1044.5 165 1035 195.5 1035 212C1035 228.5 1028.5 295 1035 307C1041.5 319 1049 317.5 1053 295C1057 272.5 1057 183.5 1055.5 163.5C1054 143.5 1060 117.5 1074 117C1088 116.5 1085 134 1084.5 148.5C1084 163 1080.5 174 1094 169C1107.5 164 1096 148.5 1099 131C1102 113.5 1115.5 113.5 1130.5 120C1145.5 126.5 1146 163.5 1145.5 174C1145 184.5 1135.5 211.5 1136 223C1136.5 234.5 1143 293 1142.5 312.5C1142 332 1127 375 1132.5 389C1138 403 1156.5 397 1161.5 389C1166.5 381 1156.5 326 1156.5 312.5C1156.5 299 1156.5 275 1161.5 245C1166.5 215 1158 166.5 1156.5 153C1155 139.5 1161.5 125.5 1173.5 125.5C1185.5 125.5 1187 128.5 1190 136.5C1193 144.5 1182 153 1187 166.5C1192 180 1215.5 183.5 1211.5 166.5C1207.5 149.5 1204.5 128 1211.5 121.5C1218.5 115 1240.5 117.5 1251.5 125.5C1262.5 133.5 1260.5 151 1264.5 166.5C1268.5 182 1260.5 248 1257.5 275C1254.5 302 1248 348 1251.5 357C1255 366 1260.5 453.5 1260.5 466.5C1260.5 479.5 1255 515 1257.5 521C1260 527 1270.5 530 1275 521C1279.5 512 1279.5 503.5 1275 472C1270.5 440.5 1275 408 1279.5 380C1284 352 1289 315 1284.5 289.5C1280 264 1280 200 1281 188.5C1282 177 1285 136.5 1292.5 131C1300 125.5 1306.5 129 1309.5 134C1312.5 139 1316 143 1316 151C1316 159 1313 169 1313.5 179C1314 189 1322.5 191.5 1328 191.5C1333.5 191.5 1339.5 183.5 1337 169C1334.5 154.5 1327 129 1339.5 125.5C1352 122 1367 127 1375 134C1383 141 1391.5 157.5 1384 188.5C1376.5 219.5 1377 250Line truncated
+</svg>

packages/website/src/components/EasterEggs.astro

@@ -0,0 +1,27 @@
+<script>
+  import { isHalloween } from "../core/blitzkit/isHalloween";
+
+  const HALLOWEEN_SATURATION_DELTA = 0.35;
+  const HALLOWEEN_SATURATION_TAU = 0.5;
+  const HALLOWEEN_BRIGHTNESS_DELTA = 0.1;
+  const HALLOWEEN_BRIGHTNESS_TAU = 7;
+
+  function halloweenFrame() {
+    const t = Date.now() / 1000;
+
+    document.body.style.filter = `saturate(${
+      1 -
+      HALLOWEEN_SATURATION_DELTA *
+        (1 + (0.5 + 0.5 * Math.sin(HALLOWEEN_SATURATION_TAU * t)))
+    }) brightness(${
+      1 -
+      HALLOWEEN_BRIGHTNESS_DELTA *
+        (1 + (0.5 + 0.5 * Math.sin(HALLOWEEN_BRIGHTNESS_TAU * t)))
+    })`;
+  }
+
+  if (isHalloween()) {
+    document.body.classList.add("halloween");
+    setInterval(halloweenFrame, 1000 / 30);
+  }
+</script>

packages/website/src/components/Navbar.astro

@@ -28,8 +28,7 @@ const strings = getStrings(locale);
 ---
 
 <style>
-  .navbar,
-  .navbar-padder {
+  .navbar {
     transition-duration: 1s;
   }
 
@@ -37,7 +36,7 @@ const strings = getStrings(locale);
     transform: translateY(-100%);
   }
 
-  body.no-navbar .navbar-padder {
+  body.no-navbar {
     height: 0;
   }
 
@@ -55,6 +54,18 @@ const strings = getStrings(locale);
     box-shadow: var(--shadow-3);
   }
 
+  body.halloween .navbar[data-expanded="false"] .content {
+    background-color: var(--red-a8);
+  }
+
+  .halloween-blood {
+    display: none;
+  }
+
+  body.halloween .halloween-blood {
+    display: block;
+  }
+
   .navbar[data-expanded="true"] .content {
     background-color: var(--gray-1);
   }
@@ -79,8 +90,6 @@ const strings = getStrings(locale);
   });
 </script>
 
-<Box className="navbar-padder" height={{ initial: "3.5rem", sm: "3rem" }} />
-
 <Flex
   direction="column"
   align="center"
@@ -89,11 +98,8 @@ const strings = getStrings(locale);
   className="navbar"
   width="100%"
   top="0"
-  position="fixed"
-  style={{
-    zIndex: 1,
-    backdropFilter: "blur(4rem)",
-  }}
+  position="sticky"
+  style={{ zIndex: 1, backdropFilter: "blur(4rem)" }}
 >
   <Flex
     className="content"
@@ -101,7 +107,6 @@ const strings = getStrings(locale);
     p={{ initial: "4", sm: "3" }}
     direction="column"
     align="center"
-    style={{ backgroundColor: integrated ? undefined : Var("gray-1") }}
   >
     <Flex gap="4" direction="column" maxWidth="80rem" width="100%">
       <Flex align="center">
@@ -242,14 +247,17 @@ const strings = getStrings(locale);
   </Flex>
 
   <Box
-    data-expanded
-    flexGrow="1"
+    className="halloween-blood"
+    position="absolute"
+    left="0"
+    top="100%"
     width="100%"
-    display={{ initial: "block", sm: "none" }}
+    height="4rem"
     style={{
-      backgroundColor: Var("black-a7"),
-      backdropFilter: "blur(0.5rem)",
-      WebkitBackdropFilter: "blur(0.5rem)",
+      backgroundImage: "url(/assets/images/halloween-blood.svg)",
+      backgroundRepeat: "repeat-x",
+      backgroundSize: "8rem",
+      pointerEvents: "none",
     }}
   />
 </Flex>

packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/components/Lighting.tsx

@@ -65,7 +65,7 @@ export function Lighting() {
         ] as const;
         const color = new Color();
 
-        if (isHalloween()) color.set(1, 0.25, 0.25);
+        if (isHalloween()) color.set(1, 0, 0);
 
         return (
           <HelpingSpotLight

packages/website/src/layouts/BaseLayout.astro

@@ -5,6 +5,7 @@ import { Flex } from "@radix-ui/themes";
 import Analytics from "../components/Analytics.astro";
 import { BlitzKitTheme } from "../components/BlitzKitTheme";
 import { Checks } from "../components/Checks";
+import EasterEggs from "../components/EasterEggs.astro";
 import Footer from "../components/Footer.astro";
 import LocaleRedirector from "../components/LocaleRedirector.astro";
 import Meta from "../components/Meta.astro";
@@ -30,6 +31,7 @@ const { noFooter, noNavbar, integrated, locale } = Astro.props;
     <Meta />
     <Analytics />
     <LocaleRedirector />
+    <EasterEggs />
 
     <slot name="head" />
   </head>

packages/website/src/layouts/base.css

@@ -1,7 +1,7 @@
-@import '@radix-ui/themes/styles.css';
+@import "@radix-ui/themes/styles.css";
 
 .radix-themes {
-  --default-font-family: 'Inter';
+  --default-font-family: "Inter";
 }
 
 body {

packages/website/src/pages/[...locale]/index.astro

@@ -61,7 +61,7 @@ export const getStaticPaths = (() => {
   twitter={{ cardType: "summary_large_image" }}
 />
 
-<BaseLayout integrated>
+<BaseLayout>
   <HomeHero />
 
   <!-- <Flex justify="center" py="6" px="4" justify="center">