From 172ff31583ff1ea2406c09a71c65db8afd390df0 Mon Sep 17 00:00:00 2001
From: Naomi Carrigan <commits@nhcarrigan.com>
Date: Fri, 20 Dec 2024 22:44:18 +0000
Subject: [PATCH] feat: use global package for headers (#11)

Reviewed-on: https://codeberg.org/nhcarrigan/a4p-bot/pulls/11
Co-authored-by: Naomi Carrigan <commits@nhcarrigan.com>
Co-committed-by: Naomi Carrigan <commits@nhcarrigan.com>
---
 src/server/serve.ts | 85 +--------------------------------------------
 1 file changed, 1 insertion(+), 84 deletions(-)
diff --git a/src/server/serve.ts b/src/server/serve.ts
index 260ebda..67ddde2 100644
--- a/src/server/serve.ts
+++ b/src/server/serve.ts
@@ -29,59 +29,7 @@ export const serve = async (bot: ExtendedClient) => {
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="description" content="A bot to facilitate our initiative to raise funds for Palestine relief charities by rewarding donors with art." />
-    <script
-      src="https://kit.fontawesome.com/f949111719.js"
-      crossorigin="anonymous"
-    ></script>
-    <script src="https://widgets.tree-nation.com/js/widgets/v1/widgets.min.js?v=1.0"></script>
-    <style>
-      :root {
-        --foreground: #04624f;
-        --background: #abfcecdd;
-      }
-      body {
-        margin: 0;
-      }
-      body::before {
-        background: url(https://cdn.nhcarrigan.com/background.png);
-        background-size: cover;
-        background-position: center;
-        width: 100%;
-        height: 100%;
-        z-index: -1;
-        content: "";
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        opacity: 1;
-        pointer-events: none;
-      }
-      main {
-        color: var(--foreground);
-        background-color: var(--background);
-        font-family: "JetBrains Mono", monospace;
-        text-align: center;
-        border-radius: 10px;
-        width: 95%;
-        max-width: 1080px;
-        margin: auto;
-      }
-      footer {
-        width: 100%;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        color: var(--foreground);
-        background-color: var(--background);
-        position: fixed;
-        bottom: 0;
-      }
-      a {
-        color: unset;
-      }
-    </style>
+    <script src="https://cdn.nhcarrigan.com/headers/index.js" async defer></script>
   </head>
   <body>
     <main>
@@ -108,37 +56,6 @@ export const serve = async (bot: ExtendedClient) => {
         </p>
     </section>
     </main>
-    <footer>
-      <p>&copy; Naomi Carrigan</p>
-      <a href="https://chat.nhcarrigan.com" target="_blank" rel="noreferrer">
-        <i class="fa-solid fa-comments"></i>
-      </a>
-      <div className="h-4/5" id="tree-nation-offset-website"></div>
-      <script id="tree-nation">
-        TreeNationOffsetWebsite({
-          code: "a17464e0cd351220",
-          lang: "en",
-          theme: "dark",
-        }).render("#tree-nation-offset-website");
-      </script>
-    </footer>
-  </body>
-  <video
-    autoplay="true"
-    loop="true"
-    muted="true"
-    playsinline="true"
-    src="https://cdn.nhcarrigan.com/overlay.webm"
-    style="pointer-events: none; position: fixed; top: 0; left: 0; opacity: 0.25;">
-  </video>
-  <script
-      async="true"
-      defer="true"
-      id="hs-script-loader"
-      src="//js.hs-scripts.com/47086586.js"
-      type="text/javascript">
-  </script>
-  <script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="5398ce41-4ceb-4e31-9049-4c784a70179a";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
 </html>`);
   });
 
