add effect days banner

Effect-TS · Oct 2, 2023 · 097fae6 · 097fae6
1 parent 59fa15b
commit 097fae6
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/styles/globals.css b/styles/globals.css
@@ -3,3 +3,12 @@
 @tailwind utilities;
 
 /* @import url("./twoslash.css"); */
+
+:root {
+    --nextra-banner-height: 60px
+}
+
+.nextra-banner-container {
+    height: var(--nextra-banner-height);
+    background: #5227A6 !important;
+}
diff --git a/theme.config.tsx b/theme.config.tsx
@@ -15,6 +15,14 @@ const config: DocsThemeConfig = {
       }
     }
   },
+  banner: {
+    key: 'effect-days-2024',
+    text: (
+      <a href="/events/effect-days" className="text-lg font-bold" target="_blank">
+        Join the waitlist for <strong>Effect Days 2024</strong><span className="hidden sm:inline"> in Vienna, Austria</span> &#8594;
+      </a>
+    )
+  },
   head: (
     <>
       <meta name="viewport" content="width=device-width, initial-scale=1.0" />