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