From a662d9fd161845f4e2d92a04880614e0db24409f Mon Sep 17 00:00:00 2001
From: Antonio Salazar Cardozo <antonio@thesis.co>
Date: Mon, 19 Aug 2024 17:10:24 -0400
Subject: [PATCH] Add built by Thesis footer element

---
 src/components/lib/Footer.js | 30 +++++++++++++++++++-----------
 src/css/footer.scss          | 28 ++++++++++++++++++++++++++--
 src/pages/about/index.md     | 16 ++++++++--------
 3 files changed, 53 insertions(+), 21 deletions(-)

diff --git a/src/components/lib/Footer.js b/src/components/lib/Footer.js
index 72609786c..9ef27d3ae 100644
--- a/src/components/lib/Footer.js
+++ b/src/components/lib/Footer.js
@@ -1,11 +1,11 @@
-import React from 'react'
-import { StaticQuery, graphql } from 'gatsby'
+import React from "react"
+import { StaticQuery, graphql } from "gatsby"
 import PropTypes from "prop-types"
 
 import Image from "./Image"
 import Link from "../LocaleLink"
-import TBTCLogo from '../svgs/TBTCLogo'
-
+import TBTCLogo from "../svgs/TBTCLogo"
+import ThesisLogo from "../svgs/thesis-logo"
 
 const FooterTemplate = ({
   nav_columns: navColumns,
@@ -23,7 +23,10 @@ const FooterTemplate = ({
               <ul key={`nav-column-${i}`}>
                 {col.items.map((item, j) => (
                   <li key={`nav-item-${j}`}>
-                    <Link to={item.url} className={item.icon ? "icon-link" : ""}>
+                    <Link
+                      to={item.url}
+                      className={item.icon ? "icon-link" : ""}
+                    >
                       {item.icon ? <Image imageData={item.icon} /> : ""}
                       {item.label}
                     </Link>
@@ -33,8 +36,12 @@ const FooterTemplate = ({
             ))}
           </nav>
         </div>
-        <div className="copyright col-sm-12 col-lg-10">
-          {copyright}
+        <div className="copyright col-sm-6 col-lg-5">{copyright}</div>
+        <div className="built-by col-sm-6 col-lg-5">
+          Built by{" "}
+          <a href="https://thesis.co">
+            <ThesisLogo />
+          </a>
         </div>
       </div>
     </div>
@@ -75,16 +82,17 @@ export const query = graphql`
 const Footer = ({ locale = "en" }) => (
   <StaticQuery
     query={query}
-    render={data => {
-      const match = data.allMarkdownRemark.edges
-        .find(e => e.node.fields.locale === locale)
+    render={(data) => {
+      const match = data.allMarkdownRemark.edges.find(
+        (e) => e.node.fields.locale === locale
+      )
       return <FooterTemplate {...match.node.frontmatter} locale={locale} />
     }}
   />
 )
 
 Footer.propTypes = {
-  locale: PropTypes.string
+  locale: PropTypes.string,
 }
 
 export default Footer
diff --git a/src/css/footer.scss b/src/css/footer.scss
index f4b16948e..7a87e13ce 100644
--- a/src/css/footer.scss
+++ b/src/css/footer.scss
@@ -73,7 +73,31 @@ footer {
         }
     }
 
-    .copyright {
+    .built-by {
+      text-align: right;
+
+      a {
+        color: white;
+
+        &:after {
+          display: none;
+        }
+
+        > svg {
+          // Simulate an underline that shows up on hover.
+          border-bottom: 1px solid black;
+          padding-bottom: 3px;
+          height: 24px;
+          margin-bottom: -5px;
+        }
+
+        &:hover > svg {
+          border-bottom-color: white;
+        }
+      }
+    }
+
+    .copyright, .built-by {
         margin: calc(2 * var(--baseline-grid-height-2x)) 0 0;
         @extend %p2;
     }
@@ -119,7 +143,7 @@ footer {
             }
         }
 
-        .copyright {
+        .copyright, .built-by {
             margin: var(--baseline-grid-height-2x) 0 0;
         }
     }
diff --git a/src/pages/about/index.md b/src/pages/about/index.md
index c8a40b2b4..16822a772 100644
--- a/src/pages/about/index.md
+++ b/src/pages/about/index.md
@@ -13,14 +13,14 @@ supporters:
     name: Threshold Network
     url: 'https://threshold.network'
   - description: >-
-      Keep was a privacy layer for Ethereum created by
-      [Thesis](https://thesis.co). A “keep” is an off-chain container for
-      private data. Keeps help contracts harness the full power of the public
-      blockchain — enabling deep interactivity with private data. The Keep
-      network, powered by KEEP tokens, handled custodianship for tBTC v1. It
-      has been operationally  superseded by the Threshold Network for tBTC v2,
-      an upgraded, more scalable, and more efficient version of tBTC built by
-      Thesis and operated by Threshold since 2022.
+      Keep was a privacy layer for Ethereum created by Thesis. A “keep” is an
+      off-chain container for private data. Keeps help contracts harness the
+      full power of the public blockchain — enabling deep interactivity with
+      private data. The Keep network, powered by KEEP tokens, handled
+      custodianship for tBTC v1. It has been operationally  superseded by the
+      Threshold Network for tBTC v2, an upgraded, more scalable, and more
+      efficient version of tBTC built by Thesis and operated by Threshold since
+      2022.
     name: Keep
     url: 'https://keep.network/'
 ---