Add web weekly plug

stefanjudis · stefanjudis · commit a543a7b56d9b · 2024-09-13T13:28:28.000+02:00
diff --git a/site/_includes/base.njk b/site/_includes/base.njk
@@ -48,6 +48,10 @@
 <body>
   <a href="#main-content" class="skip-link padding-xs">Skip to main content</a>
 
+  <div class="notification">
+    New tools, and fresh HTML, CSS, and JavaScript tricks — get it all by subscribing to <a href="https://webweekly.email?ref=tiny-helpers">Web Weekly</a>! 💌
+  </div>
+
   <div class="container">
     {% include 'templates/_logo.njk' %}
     {% include 'templates/_social.njk' %}
diff --git a/site/_includes/css/components/_notification.css b/site/_includes/css/components/_notification.css
@@ -0,0 +1,13 @@
+.notification {
+  padding: 1rem;
+  text-align: center;
+  background: var(--primary-color);
+  color: white;
+
+  a {
+    &:hover,
+    &:focus {
+      color: white;
+    }
+  }
+}
diff --git a/site/_includes/css/index.css b/site/_includes/css/index.css
@@ -3,6 +3,7 @@
 @import './components/_carbon.css';
 @import './components/_card.css';
 @import './components/_nav.css';
+@import './components/_notification.css';
 @import './components/_skip-link.css';
 @import './util/_colors.css';
 @import './util/_dimensions.css';
