add guild badge to landing page

gnosisguild · Jan 20, 2024 · a74f6af · a74f6af · vercel · Jan 20, 2024
1 parent 016108a
commit a74f6af
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 3 deletions.
diff --git a/frontend/public/gnosisguild.png b/frontend/public/gnosisguild.png
diff --git a/frontend/src/routes/Landing.module.css b/frontend/src/routes/Landing.module.css
@@ -0,0 +1,28 @@
+.footer {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  padding: 20px;
+}
+
+.gg {
+  color: var(--text-color);
+  display: flex;
+  align-items: center;
+  justify-content: left;
+  gap: 10px;
+  background-color: var(--box-bg);
+  border-radius: 20px;
+  padding: 3px 8px 3px 3px;
+  text-decoration: none;
+  border: 2px solid transparent;
+  font-size: 12px;
+}
+
+.gg:hover {
+  border: 2px solid var(--button-border);
+  filter: brightness(1.2);
+}
+
+.logo {
+}
diff --git a/frontend/src/routes/Landing.tsx b/frontend/src/routes/Landing.tsx
@@ -2,11 +2,32 @@ import React from "react"
 import Layout from "../components/Layout"
 import LandingCard from "../components/LandingCard"
 
+import classes from "./Landing.module.css"
+
 const Landing: React.FC = () => {
   return (
-    <Layout>
-      <LandingCard />
-    </Layout>
+    <>
+      <Layout>
+        <LandingCard />
+      </Layout>
+      <footer className={classes.footer}>
+        <a
+          className={classes.gg}
+          href="https://www.gnosisguild.org/"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <img
+            src="/gnosisguild.png"
+            alt="Gnosis Guild"
+            width={24}
+            height={24}
+            className={classes.logo}
+          />
+          <p>Built by Gnosis Guild</p>
+        </a>
+      </footer>
+    </>
   )
 }
 export default Landing