From 0901ab14b278ff99ee9520c665cb424eb3673489 Mon Sep 17 00:00:00 2001
From: Yangshun <tay.yang.shun@gmail.com>
Date: Fri, 5 Nov 2021 10:41:40 +0800
Subject: [PATCH] misc: add announcement bar

---
 website/docusaurus.config.js | 4 ++++
 website/src/css/custom.css   | 6 ++++++
 2 files changed, 10 insertions(+)

diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 666212d7..181dd5f9 100755
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -8,6 +8,10 @@ module.exports = {
   organizationName: 'yangshun',
   projectName: 'tech-interview-handbook',
   themeConfig: {
+    announcementBar: {
+      id: 'announcement-1', // Increment on change
+      content: `⭐️ Bring your interview skills to the next level with Educative. <a href="https://www.educative.io/explore?search_string=interview&aff=x23W">Join today for a discount!</a> ⭐️`,
+    },
     prism: {
       theme: require('prism-react-renderer/themes/github'),
       darkTheme: require('prism-react-renderer/themes/dracula'),
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 41de0c38..a05d1403 100755
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -37,3 +37,9 @@ html[data-theme='dark'] {
     --ifm-h3-font-size: 1.25rem;
   }
 }
+
+div[class^='announcementBar_'] {
+  background-color: var(--ifm-color-primary);
+  color: #fff;
+  font-weight: bold;
+}