diff --git a/frontend/src/styles/banners.scss b/frontend/src/styles/banners.scss index a2a85b40b..d929e8321 100644 --- a/frontend/src/styles/banners.scss +++ b/frontend/src/styles/banners.scss @@ -19,7 +19,7 @@ .image { height: 2.35rem; background-size: cover; - aspect-ratio: 8/1; + aspect-ratio: 6/1; background-position: center; background-repeat: no-repeat; margin-left: 2rem; diff --git a/frontend/src/ts/ready.ts b/frontend/src/ts/ready.ts index 1119b9862..06bcbf81f 100644 --- a/frontend/src/ts/ready.ts +++ b/frontend/src/ts/ready.ts @@ -36,18 +36,18 @@ $(document).ready(() => { if (Config.quickRestart === "tab" || Config.quickRestart === "esc") { $("#restartTestButton").addClass("hidden"); } - // if (!window.localStorage.getItem("merchbannerclosed")) { - // Notifications.addBanner( - // `Check out our merchandise, available at monkeytype.store`, - // 1, - // "images/merchdropwebsite2.png", - // false, - // () => { - // window.localStorage.setItem("merchbannerclosed", "true"); - // }, - // true - // ); - // } + if (!window.localStorage.getItem("merchbannerclosed")) { + Notifications.addBanner( + `Check out our merchandise, available at monkeytype.store`, + 1, + "images/merch.png", + false, + () => { + window.localStorage.setItem("merchbannerclosed", "true"); + }, + true + ); + } // if (!window.localStorage.getItem("merchbannerclosed2")) { // Notifications.addBanner( @@ -62,19 +62,6 @@ $(document).ready(() => { // ); // } - if (!window.localStorage.getItem("merchbannerclosed3")) { - Notifications.addBanner( - `Limited Monkey Things merch - monkeytype.store`, - 1, - "images/monkeythings2.png", - false, - () => { - window.localStorage.setItem("merchbannerclosed3", "true"); - }, - true - ); - } - $("#centerContent") .css("opacity", "0") .removeClass("hidden") diff --git a/frontend/static/images/merch.png b/frontend/static/images/merch.png new file mode 100644 index 000000000..96415a23d Binary files /dev/null and b/frontend/static/images/merch.png differ