diff --git a/frontend/src/styles/about.scss b/frontend/src/styles/about.scss index 575a39d52..059e5ebd5 100644 --- a/frontend/src/styles/about.scss +++ b/frontend/src/styles/about.scss @@ -38,6 +38,10 @@ } } + .supportButtons { + grid-template-columns: 1fr; + } + .supporters, .contributors { display: grid; diff --git a/frontend/src/styles/popups.scss b/frontend/src/styles/popups.scss index 7b1587493..ec98f535f 100644 --- a/frontend/src/styles/popups.scss +++ b/frontend/src/styles/popups.scss @@ -1093,7 +1093,7 @@ .buttons { display: grid; - grid-template-columns: 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 1rem; .button { diff --git a/frontend/src/ts/popups/support-popup.ts b/frontend/src/ts/popups/support-popup.ts index d2ded8ea1..0bf12e5d1 100644 --- a/frontend/src/ts/popups/support-popup.ts +++ b/frontend/src/ts/popups/support-popup.ts @@ -1,7 +1,7 @@ import * as Commandline from "../elements/commandline"; import * as CommandlineLists from "../elements/commandline-lists"; -$(document.body).on("click", "#supportMeButton", () => { +$(document.body).on("click", "#supportMeButton, #supportMeAboutButton", () => { $("#supportMeWrapper") .css("opacity", 0) .removeClass("hidden") diff --git a/frontend/src/ts/ready.ts b/frontend/src/ts/ready.ts index a039579c0..e2d7f88b7 100644 --- a/frontend/src/ts/ready.ts +++ b/frontend/src/ts/ready.ts @@ -48,28 +48,28 @@ $(document).ready(() => { if (Config.quickTab) { $("#restartTestButton").addClass("hidden"); } - // if (!window.localStorage.getItem("merchbannerclosed")) { - // Notifications.addBanner( - // `Checkout our merchandise, available at monkeytype.store`, - // 1, - // "images/merchdropwebsite2.png", - // false, - // () => { - // window.localStorage.setItem("merchbannerclosed", "true"); - // } - // ); - // } - if (!window.localStorage.getItem("dasbannerclosed")) { + if (!window.localStorage.getItem("merchbannerclosed")) { Notifications.addBanner( - `Looking to buy a new keyboard? Check out DasKeyboard. `, + `Checkout our merchandise, available at monkeytype.store`, 1, - "images/dasbanner.png", + "images/merchdropwebsite2.png", false, () => { - window.localStorage.setItem("dasbannerclosed", "true"); + window.localStorage.setItem("merchbannerclosed", "true"); } ); } + // if (!window.localStorage.getItem("dasbannerclosed")) { + // Notifications.addBanner( + // `Looking to buy a new keyboard? Check out DasKeyboard. `, + // 1, + // "images/dasbanner.png", + // false, + // () => { + // window.localStorage.setItem("dasbannerclosed", "true"); + // } + // ); + // } $("#centerContent") .css("opacity", "0") .removeClass("hidden") diff --git a/frontend/static/html/pages/about.html b/frontend/static/html/pages/about.html index 3a8f7b8f9..5fd5643a5 100644 --- a/frontend/static/html/pages/about.html +++ b/frontend/static/html/pages/about.html @@ -98,7 +98,11 @@ possible without you and your continued support.