diff --git a/src/website/index.js b/src/website/index.js index cb849342..d86eb9d2 100644 --- a/src/website/index.js +++ b/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(); diff --git a/src/website/introduction/index.js b/src/website/introduction/index.js index f0076d8f..c75a1b41 100644 --- a/src/website/introduction/index.js +++ b/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(); diff --git a/src/website/libraries/index.js b/src/website/libraries/index.js index 81c2ad9f..e1aaa352 100644 --- a/src/website/libraries/index.js +++ b/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(); diff --git a/views/website/navigation.pug b/views/website/navigation.pug index 1388f24c..4b01443a 100644 --- a/views/website/navigation.pug +++ b/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