From a0d465fc118788544523cd6e0bbd6e4414dda4da Mon Sep 17 00:00:00 2001
From: Rob Ede <robjtede@icloud.com>
Date: Sun, 9 Jun 2024 01:59:57 +0100
Subject: [PATCH] docs: add discord link to top bar

---
 docusaurus.config.ts |  6 ++++++
 src/css/custom.css   | 15 +++++++++++++++
 2 files changed, 21 insertions(+)

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 9636983..7e27c4b 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -50,6 +50,12 @@ const config: Config = {
           label: "Code",
           position: "left",
         },
+        {
+          href: "https://discord.gg/NWpN5mmg3x",
+          position: "right",
+          className: "header-discord-link",
+          "aria-label": "Chat on Discord",
+        },
         {
           href: "https://github.com/actix/actix-web",
           position: "right",
diff --git a/src/css/custom.css b/src/css/custom.css
index 1ec40b0..2e4505d 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -51,6 +51,21 @@ html[data-theme="dark"] {
   filter: var(--logo-filter);
 }
 
+.header-discord-link::before {
+  content: "";
+  width: 24px;
+  height: 24px;
+  display: flex;
+  background-color: var(--ifm-navbar-link-color);
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 fill%3D%22currentColor%22 class%3D%22bi bi-discord%22 viewBox%3D%220 0 16 16%22%3E%3Cpath d%3D%22M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612%22%2F%3E%3C%2Fsvg%3E");
+  transition: background-color var(--ifm-transition-fast)
+    var(--ifm-transition-timing-default);
+}
+
+.header-discord-link:hover::before {
+  background-color: var(--ifm-navbar-link-hover-color);
+}
+
 .header-github-link::before {
   content: "";
   width: 24px;