add refresh promo banner bc why not

dilanx · May 10, 2024 · 5ab2acf · 5ab2acf
1 parent 6d2af85
commit 5ab2acf
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 1 deletion.
diff --git a/src/app/BannerNotice.tsx b/src/app/BannerNotice.tsx
@@ -1,5 +1,23 @@
 import { BannerData } from '../types/BaseTypes';
 
-const bn: BannerData | null = null;
+const bn: BannerData | null = {
+  id: 'promo-refresh',
+  gradient: 2,
+  content: (
+    <>
+      💃 Don't miss the Refresh Dance Crew performances Fri 9 PM, Sat 7 PM, or
+      Sat 10 PM.{' '}
+      <a
+        href="https://nbo.universitytickets.com/w/default.aspx?cid=211"
+        target="_blank"
+        rel="noreferrer"
+        className="text-yellow-100 underline underline-offset-2 hover:text-yellow-300 hover:no-underline"
+      >
+        Get tickets.
+      </a>{' '}
+      🕺
+    </>
+  ),
+};
 
 export default bn;
diff --git a/src/index.css b/src/index.css
@@ -95,6 +95,20 @@
     ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   }
 
+  .background-gradient-2 {
+    background: #000000; /* fallback for old browsers */
+    background: -webkit-linear-gradient(
+      to right,
+      #434343,
+      #000000
+    ); /* Chrome 10-25, Safari 5.1-6 */
+    background: linear-gradient(
+      to right,
+      #434343,
+      #000000
+    ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+  }
+
   .text-gradient {
     font-size: 196px;
     font-weight: 900;