From 43851ae0fbd7abbef1a72bb2f145e1538cb8b6b8 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <alicia@omg.lol>
Date: Tue, 12 Mar 2024 16:17:01 +0000
Subject: [PATCH] Adds Terminal Trove to about page

---
 src/pages/About.tsx | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/src/pages/About.tsx b/src/pages/About.tsx
index 6839c8d..e6603a3 100644
--- a/src/pages/About.tsx
+++ b/src/pages/About.tsx
@@ -101,6 +101,24 @@ const Section = styled(StyledCard)`
   }
 `;
 
+const SponsorshipContainer = styled.div`
+  display: flex;
+  justify-content: space-between;
+  gap: 1rem;
+  flex-wrap: wrap;
+  align-items: center;
+  line-height: 1.5rem;
+  span {
+    font-size: 1.2rem;
+    margin: 0.1rem 0;
+    // display: block;
+    font-weight: bold;
+  }
+  img {
+    border-radius: 4px;
+  }
+`;
+
 const makeAnchor = (title: string): string => {
   return title.toLowerCase().replace(/[^\w\s]|_/g, "").replace(/\s+/g, "-");
 };
@@ -121,6 +139,28 @@ const About = (): JSX.Element => {
           <p key={index}>{para}</p>
         ))}
         <hr />
+        <SponsorshipContainer>
+          <p>
+            <span>
+              Web-Check is kindly sponsored
+              by <a href="https://terminaltrove.com/?utm_campaign=github&utm_medium=referral&utm_content=web-check&utm_source=wcgh">
+                Terminal Trove
+              </a>
+            </span>
+            <br />
+            The $HOME of all things in the terminal.
+            <br />
+            <small>
+              <a href="https://terminaltrove.com/newsletter?utm_campaign=github&utm_medium=referral&utm_content=web-check&utm_source=wcgh">
+                Find your next CLI / TUI tool, and get updates to your inbox
+              </a>
+            </small>
+          </p>
+          <a href="https://terminaltrove.com/?utm_campaign=github&utm_medium=referral&utm_content=web-check&utm_source=wcgh">
+            <img width="300" alt="Terminal Trove" src="https://i.ibb.co/T1KzVmR/terminal-trove-green.png" />
+          </a>
+        </SponsorshipContainer>
+        <hr />
         <p>
           Web-Check is developed and maintained by <a href="https://aliciasykes.com">Alicia Sykes</a>.
           It's licensed under the <a href="https://github.com/Lissy93/web-check/blob/master/LICENSE">MIT license</a>,