From d0f47427ac51338821de1515de60c84b0eee6aa2 Mon Sep 17 00:00:00 2001
From: Yangshun <tay.yang.shun@gmail.com>
Date: Sun, 19 Sep 2021 02:24:15 +0800
Subject: [PATCH] website: add announcement banner

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

diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 305562811..b95b150c0 100755
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -10,6 +10,10 @@ module.exports = {
   projectName: 'front-end-interview-handbook',
   onBrokenLinks: 'ignore',
   themeConfig: {
+    announcementBar: {
+      id: 'announcement-1', // Increment on change
+      content: `⭐️ Front End Interview Handbook now includes content on coding questions and system design questions!⭐️`,
+    },
     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 7ab162075..abce66b2d 100755
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -37,3 +37,8 @@ html[data-theme='dark'] {
     --ifm-h3-font-size: 1.25rem;
   }
 }
+
+div[class^='announcementBar_'] {
+  background-color: var(--ifm-color-primary);
+  font-weight: bold;
+}