feat: enable ttb to gather feedback from community (#701)

src/website/index.js

@@ -11,6 +11,7 @@ import {
     shareJwtTextElement,
 } from "./dom-elements.js";
 import { CCPAModal } from "./ccpa-modal.js";
+import { TopBanner } from "./top-banner.js";
 
 import queryString from "querystring";
 
@@ -55,3 +56,4 @@ setupHighlighting();
 setupJwtCounter();
 setupShareJwtButton(shareJwtButton, shareJwtTextElement);
 CCPAModal();
+TopBanner();

src/website/introduction/index.js

@@ -2,9 +2,11 @@ import { CCPAModal } from "../ccpa-modal.js";
 import { setupJwtCounter } from "../counter.js";
 import { setupHighlighting } from "../highlighting.js";
 import { setupNavbar } from "../navbar.js";
+import { TopBanner } from "../top-banner.js";
 
 // Initialization
 setupNavbar();
 setupHighlighting();
 setupJwtCounter();
 CCPAModal();
+TopBanner();

src/website/libraries/index.js

@@ -2,6 +2,7 @@ import { CCPAModal } from "../ccpa-modal.js";
 import { setupJwtCounter } from "../counter.js";
 import { setupHighlighting } from "../highlighting.js";
 import { setupNavbar } from "../navbar.js";
+import { TopBanner } from "../top-banner.js";
 import { setupLibraries } from "./libraries.js";
 
 // Initialization
@@ -10,3 +11,4 @@ setupLibraries();
 setupHighlighting();
 setupJwtCounter();
 CCPAModal();
+TopBanner();

views/website/navigation.pug

@@ -1,4 +1,13 @@
-nav.navbar.closed
+.top-banner-bg
+.top-banner
+  .top-banner-container
+    a(href="https://a0.to/jwt-io-feedback" target="_blank") Help us shape the future of jwt.io! Learn more about upcoming changes and share feedback.
+      span(aria-hiden="true") →
+    button.close-top-banner +
+
+.top-banner-spacer
+
+nav.navbar.closed.top-banner-open
     .container
       .top-mobile
         .menu-trigger