added das banner

frontend/src/scripts/ready.ts

@@ -6,7 +6,7 @@ import * as RouteController from "./controllers/route-controller";
 import * as PageController from "./controllers/page-controller";
 import * as MonkeyPower from "./elements/monkey-power";
 import * as NewVersionNotification from "./elements/version-check";
-// import * as Notifications from "./elements/notifications";
+import * as Notifications from "./elements/notifications";
 import * as Focus from "./test/focus";
 
 ManualRestart.set();
@@ -42,27 +42,17 @@ $(document).ready(() => {
   //     }
   //   );
   // }
-  // if (!window.localStorage.getItem("monkebannerclosed")) {
-  //   const end = 1649368800000;
-  //   const diff = end - Date.now();
-  //   const string = Misc.secondsToString(
-  //     diff / 1000,
-  //     false,
-  //     false,
-  //     "text",
-  //     false,
-  //     true
-  //   );
-  //   Notifications.addBanner(
-  //     `Reject humanity, <a target="_blank" href="https://www.monkeytype.store/listing/reject-humanity-black">become</a> <a target="_blank" href="https://www.monkeytype.store/listing/reject-humanity-white">monke</a>. (${string})`,
-  //     1,
-  //     "images/becomemonke.png",
-  //     false,
-  //     () => {
-  //       window.localStorage.setItem("monkebannerclosed", "true");
-  //     }
-  //   );
-  // }
+  if (!window.localStorage.getItem("dasbannerclosed")) {
+    Notifications.addBanner(
+      `Looking to buy a new keyboard? Check out <a target="_blank" href="https://www.monkeytype.com/das">DasKeyboard</a>. `,
+      1,
+      "images/dasbanner.png",
+      false,
+      () => {
+        window.localStorage.setItem("dasbannerclosed", "true");
+      }
+    );
+  }
   $("#centerContent")
     .css("opacity", "0")
     .removeClass("hidden")

frontend/src/styles/banners.scss

@@ -18,7 +18,7 @@
       justify-items: center;
       .image {
         // background-image: url(images/merchdropwebsite2.png);
-        height: 2.3rem;
+        height: 2.35rem;
         background-size: cover;
         aspect-ratio: 6/1;
         background-position: center;