From bbd5b62665d2158cc192db059cd818cdc701f2bb Mon Sep 17 00:00:00 2001
From: Bradley Camacho <42678939+bradleycamacho@users.noreply.github.com>
Date: Thu, 9 Jan 2025 11:42:09 -0800
Subject: [PATCH] Add new footer

---
 styles/global.css |  5 -----
 theme.config.tsx  | 46 ++++++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 44 insertions(+), 7 deletions(-)

diff --git a/styles/global.css b/styles/global.css
index 6ebe1102c..33a248931 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -30,11 +30,6 @@ div.md-img img {
   margin-bottom: 0;
 }
 
-/* Nextra logic for removing footer isn't working right now */
-footer {
-  display: none;
-}
-
 /* Make shasums actually legible */
 span.shasum {
   display: block;
diff --git a/theme.config.tsx b/theme.config.tsx
index e93759fba..f56861e51 100644
--- a/theme.config.tsx
+++ b/theme.config.tsx
@@ -20,8 +20,50 @@ const config: DocsThemeConfig = {
   },
   docsRepositoryBase: 'https://github.com/ethereum-optimism/community-hub/blob/main/',
   footer: {
-    text: 'OP Documentation',
-  },
+    text: (
+      <div style={{
+        display: "flex",
+        justifyContent: "space-between", 
+        alignItems: "center",
+        padding: "1rem 2rem",
+        color: "#666",
+        width: "100%",
+        fontSize: "0.875rem"
+      }}>
+        <div>© 2025 Optimism Foundation. All rights reserved.</div>
+        
+        <div style={{ display: "flex", gap: "2rem" }}>
+          <a href="https://optimism.io/community-agreement" style={{ color: "#666", textDecoration: "none" }}>
+            Optimism Community Agreement
+          </a>
+          <a href="https://optimism.io/terms" style={{ color: "#666", textDecoration: "none" }}>
+            Terms of Service  
+          </a>
+          <a href="https://optimism.io/data-privacy-policy" style={{ color: "#666", textDecoration: "none" }}>
+            Privacy Policy
+          </a>
+        </div>
+   
+        <div style={{ display: "flex", gap: "1rem" }}>
+          <a href="https://discord.gg/optimism" style={{ color: "#666" }}>
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+              <path d="M19.27 5.33C17.94 4.71 16.5 4.26 15 4a.09.09 0 0 0-.07.03c-.18.33-.39.76-.53 1.09a16.09 16.09 0 0 0-4.8 0c-.14-.34-.35-.76-.54-1.09-.01-.02-.04-.03-.07-.03-1.5.26-2.93.71-4.27 1.33-.01 0-.02.01-.03.02-2.72 4.07-3.47 8.03-3.1 11.95 0 .02.01.04.03.05 1.8 1.32 3.53 2.12 5.24 2.65.03.01.06 0 .07-.02.4-.55.76-1.13 1.07-1.74.02-.04 0-.08-.04-.09-.57-.22-1.11-.48-1.64-.78-.04-.02-.04-.08-.01-.11.11-.08.22-.17.33-.25.02-.02.05-.02.07-.01 3.44 1.57 7.15 1.57 10.55 0 .02-.01.05-.01.07.01.11.09.22.17.33.26.04.03.04.09-.01.11-.52.31-1.07.56-1.64.78-.04.01-.05.06-.04.09.32.61.68 1.19 1.07 1.74.03.02.06.03.09.02 1.72-.53 3.45-1.33 5.25-2.65.02-.01.03-.03.03-.05.44-4.53-.73-8.46-3.1-11.95-.01-.01-.02-.02-.04-.02zM8.52 14.91c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12 0 1.17-.84 2.12-1.89 2.12zm6.97 0c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12 0 1.17-.83 2.12-1.89 2.12z"/>
+            </svg>
+          </a>
+          <a href="https://twitter.com/optimism" style={{ color: "#666" }}>
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+              <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
+            </svg>
+          </a>
+          <a href="https://github.com/ethereum-optimism/docs/" style={{ color: "#666" }}>
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+              <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
+            </svg>
+          </a>
+        </div>
+      </div>
+    )
+   },
   sidebar: {
     defaultMenuCollapseLevel: 1,
     autoCollapse: true