microsite: add Banner component + k8s launch banner

2021-01-22 13:52:52 +01:00
parent 3b165dce33
commit ec5d8e9ee0
5 changed files with 98 additions and 0 deletions
@@ -0,0 +1,18 @@
+window.addEventListener('DOMContentLoaded', () => {
+  const banners = document.querySelectorAll('[data-banner]');
+  banners.forEach(banner => {
+    const storageKey = `hideBanner/${banner.getAttribute('data-banner')}`;
+
+    if (!localStorage.getItem(storageKey)) {
+      banner.classList.remove('Banner--hidden');
+    }
+
+    const dismissButton = banner.querySelector('[data-banner-dismiss]');
+    if (dismissButton) {
+      dismissButton.addEventListener('click', () => {
+        banner.classList.add('Banner--hidden');
+        localStorage.setItem(storageKey, 'true');
+      });
+    }
+  });
+});