Update footer layout and links in footer.html

Codium-ai · Mar 12, 2024 · 77375b9 · 77375b9
1 parent 1622237
commit 77375b9
Showing 1 changed file with 34 additions and 19 deletions.
diff --git a/overrides/partials/footer.html b/overrides/partials/footer.html
@@ -3,7 +3,7 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Footer Customization</title>
+<title>Footer</title>
 <style>
   body {
     margin: 0;
@@ -27,13 +27,7 @@
     margin-left: auto;
     margin-right: auto;
   }
-  .footer-links {
-    display: flex;
-    justify-content: center;
-    gap: 20px;
-    margin: 10px 0;
-
-  }
+
   .footer-links, .social-icons {
     padding: 0;
     list-style-type: none;
@@ -42,25 +36,46 @@
     gap: 20px;
     align-items: center;
   }
-  .footer-links a:hover {
-    color: #AEA1F1;
-  }
-  .social-icons {
-    display: flex;
-    gap: 20px;
-    align-items: center;
-  }
-  .social-icons a:hover {
+
+  .footer-links a:hover, .social-icons a:hover {
     color: #AEA1F1;
   }
+
   .social-icons svg {
     width: 24px; 
     height: auto;
     fill: white;
   }
+
   .footer-text {
     width: 240px;
   }
+
+  @media (max-width: 768px) {
+    .container {
+      flex-direction: column;
+      align-items: center;
+      text-align: center;
+    }
+
+    .footer-links, .social-icons, .footer-text {
+      width: 100%;
+      justify-content: center;
+      margin: 10px 0;
+    }
+
+    .footer-links {
+      order: 1;
+    }
+
+    .social-icons {
+      order: 2;
+    }
+
+    .footer-text {
+      order: 3;
+    }
+  }
 </style>
 </head>
 <body>
@@ -69,9 +84,9 @@
   <div class="container">
     <p class="footer-text">© 2024 <a href="https://www.codium.ai/" target="_blank" rel="noopener">CodiumAI</a></p>
     <div class="footer-links">
-      <a href="URL_TO_PRAGENT">PR-Agent</a>
+      <a href="https://pr-agent-docs.codium.ai">PR-Agent</a>
       <p>|</p>
-      <a href="URL_TO_ALPHACODIUM">AlphaCodium</a>
+      <a href="https://alpha-codium-docs.codium.ai">AlphaCodium</a>
     </div>
     <div class="social-icons">
       <a href="https://github.com/Codium-ai" target="_blank" rel="noopener" title="github.com" class="social-link">