Add top cta to NEXT

grantmakers · Apr 2, 2024 · 0e33823 · 0e33823
1 parent a2bceb4
commit 0e33823
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/assets/css/main-materialize.scss b/assets/css/main-materialize.scss
@@ -62,6 +62,14 @@ $gray-lightest: 				 #f5f5f5;
 	color: $grantmakers !important;
 }
 
+.grantmakers-color-light {
+	color: $grantmakers-light !important;
+}
+
+.grantmakers-color-lightest {
+	color: $grantmakers-lightest !important;
+}
+
 .disable-primary-color {
 	color: inherit !important;
 }
@@ -523,6 +531,9 @@ i.suffix {
 /****************************
 Page styling
 *****************************/
+.top-cta {
+	padding: 0.5rem;
+}
 .btn-cta {
 	margin-top: 36px; // btn height is 36px, btn-large height is 54px
 }

diff --git a/index.html b/index.html
@@ -51,6 +51,9 @@
 </head>
 
 <body class="main-landing">
+  <div class="top-cta black white-text center-align">
+    🎉 After seven years and millions of searches, <span class="text-bold">Grantmakers.io is going 2.0!</span> Take a <a class="grantmakers-color-light" href="https://next.grantmakers.io" target="_blank">sneek peak.</a>
+  </div>
   {% include materialize/header.html %}
 
   <main>