adds conical bg and tailwind.

not yet animated, but should be doable with @property.
2025-06-22 18:34:29 +02:00
parent ce5ec2a763
commit 2a64d05b71
5 changed files with 807 additions and 9 deletions
@@ -1,3 +1,5 @@
+import "./style.css";
+
 export default function RootLayout({
  children,
 }: {
@@ -5,7 +7,7 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en">
-      <body>{children}</body>
+      <body className="bg-game-show">{children}</body>
    </html>
  );
 }
@@ -0,0 +1,12 @@
+@import "tailwindcss";
+
+.bg-game-show {
+    background: repeating-conic-gradient(
+        from 0deg,
+        var(--color-sky-500) 0deg 30deg,
+        var(--color-sky-800) 30deg 60deg,
+        var(--color-sky-500) 60deg 90deg,
+        var(--color-sky-800) 90deg 120deg
+    );
+    height: 100vh;
+}