From bb4aeaacd7dc158e6055a5e333ef487980821326 Mon Sep 17 00:00:00 2001
From: Luke Seers <16389426+LukeSeers@users.noreply.github.com>
Date: Thu, 13 Oct 2022 10:37:19 +0200
Subject: [PATCH] Update add join now bar

Co-Authored-By: Raphty <Raphty@users.noreply.github.com>
---
 .../2022-09-29-join-the-safing-discord.md     | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/_publications/2022-09-29-join-the-safing-discord.md b/_publications/2022-09-29-join-the-safing-discord.md
index 5295adb..0a7365e 100644
--- a/_publications/2022-09-29-join-the-safing-discord.md
+++ b/_publications/2022-09-29-join-the-safing-discord.md
@@ -9,12 +9,21 @@ custom_thumbnail_name: join-the-safing-discord
 portmaster_plug: true
 ---
 
-<div class="text-center">
-  <a href="https://discord.gg/safing">
-    <div class="btn-primary">
-      Join Now
+<div class="download-container" style="margin-top: 0;">
+  <div class="card-package darkmode relative mx-auto" style="max-width: 1210px; width: 100%;">
+    <div class="card-package-top" style="margin-top: 0;">
+        <span class="card-package-top-amount" style="font-size: 2rem;">
+            Discord Server
+        </span>
+        <!-- <p class="card-package-top-desc" style="max-width: 480px;">Popin and say hello :)</p> -->
+        <a class="btn-primary sm:hidden" href="https://discord.gg/safing"> Join Now </a>
+      </div>
+      <div class="card-package-bottom transform scale-105" style="position: absolute; width: 100%; left: 0; bottom: 0px; display: flex; justify-content: end; height: 100%;">
+        <div style="display: flex; align-items: center; margin-right: 4rem;">
+          <a class="btn-primary hidden sm:block" href="https://discord.gg/safing"> Join Now </a>
+        </div>
     </div>
-  </a>
+  </div>
 </div>
 
 ### Get Involved in Portmaster Development Through Discord