⚗️ Experimenting ad

assets/css/styles.scss

@@ -931,3 +931,25 @@ section {
     margin-bottom: 68px;
   }
 }
+
+.toasted-ad {
+  background-color: #fefefe;
+  color: #121212;
+  padding: 16px !important;
+  font-weight: 700;
+  font-size: 16px;
+  border-radius: 8px;
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+
+  .action {
+    text-transform: none !important;
+    background-color: #121212;
+    color: #fefefe;
+    padding: 12px 16px !important;
+    font-weight: 500 !important;
+    font-size: 16px !important;
+    border-radius: 8px;
+    margin: 0 !important;
+    margin-left: 8px !important;
+  }
+}

components/layout/header.vue

@@ -342,6 +342,28 @@ export default {
         })
       }
 
+      setTimeout(() => {
+        this.$toast.clear()
+        this.$toast.show(
+          "<span>Get <u><a href='https://gum.co/keky' target='_blank'>De-Coding The Passion Project</a></u> book, expertly crafted by the creator of Postwoman</span>",
+          {
+            icon: "",
+            duration: 0,
+            theme: "toasted-ad",
+            action: [
+              {
+                text: "Get",
+                icon: "chevron_right",
+                onClick: (e, toastObject) => {
+                  toastObject.goAway(0)
+                  window.open("https://gum.co/keky")
+                },
+              },
+            ],
+          }
+        )
+      }, 11000)
+
       let showExtensionsToast = localStorage.getItem("showExtensionsToast") === "yes"
 
       // Just return if showExtensionsToast is "no"
@@ -376,7 +398,7 @@ export default {
             ],
           })
         }
-      }, 15000)
+      }, 5000)
 
       this._keyListener = function (e) {
         if (e.key === "Escape") {