From f1ddf4de5661297c27a806d9df75eda8c899096b Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Thu, 28 May 2020 07:35:19 +0530
Subject: [PATCH] :alembic: Experimenting ad

---
 assets/css/styles.scss       | 22 ++++++++++++++++++++++
 components/layout/header.vue | 24 +++++++++++++++++++++++-
 2 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index e1cb5301a..4c388352c 100644
--- a/assets/css/styles.scss
+++ b/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;
+  }
+}
diff --git a/components/layout/header.vue b/components/layout/header.vue
index 7eb1360b1..485030b13 100644
--- a/components/layout/header.vue
+++ b/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") {