feat: call to action banner

assets/css/banner.scss

@@ -0,0 +1,23 @@
+#banner {
+  width: 100%;
+  height: 2rem;
+  display: grid;
+  grid-template-columns:  1fr auto;
+  background: $accent;
+
+  & span {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  & a {
+    color: #1d212c;
+    display: inline;
+  }
+
+  & > button {
+    padding: 0 5px 0 0;
+    margin: 0;
+  }
+} 

assets/css/style.scss

@@ -11,9 +11,10 @@
 @import "post";
 @import "pagination";
 @import "footer";
+@import "banner";
 
 @import "prism";
 @import "syntax";
 @import "code";
 @import "terms";
-@import "gist";
+@import "gist";

assets/js/banner.js

@@ -0,0 +1,12 @@
+const banner = document.getElementById("banner");
+const buttons = banner.getElementsByTagName("button");
+
+if (buttons?.[0]) {
+  const listener = buttons[0].addEventListener("click", () => {
+    banner.remove();
+  });
+
+  if (!document.getElementById("banner")) {
+    removeEventListener("click", listener);
+  }
+}