Add compliance and social media links to footer. (#223)

microsoft · Mar 21, 2024 · 11dd316 · 11dd316
1 parent 6a15d78
commit 11dd316
Showing 1 changed file with 20 additions and 9 deletions.
diff --git a/site/src/_includes/footer.njk b/site/src/_includes/footer.njk
@@ -1,15 +1,26 @@
 <footer class="container mt-auto d-flex flex-wrap justify-content-between align-items-center py-3 border-top">
-    <div class="col-md-4 d-flex align-items-center">
-        <span class="mb-3 mb-md-0 text-body-secondary">© Microsoft</span>
-    </div>
-    {#-
+    <ul class="nav border-bottom mx-auto ml-md-0">
+        <li class="nav-item nav-item mx-1">
+            <a class="nav-link text-body-secondary" target="_blank" href="https://microsoft.github.io/">© Microsoft</span>
+        </li>
+        <li class="nav-item mx-1">
+            <a class="nav-link text-body-secondary" target="_blank" href="https://go.microsoft.com/fwlink/?LinkId=521839">Privacy</a>
+        </li>
+        <li class="nav-item mx-1">
+            <a class="nav-link text-body-secondary" target="_blank" href="https://go.microsoft.com/fwlink/?LinkID=20697">Terms of Use</a>
+        </li>
+    </ul>
 
-    <ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
-        <li class="ms-3">
-            <a class="text-body-secondary" href="#">
-                Social Media - TODO
+    <ul class="nav border-bottom mx-auto mr-md-0">
+        <li class="nav-item">
+            <a class="nav-link text-body-secondary" href="https://twitter.com/typechat">
+                Twitter
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link text-body-secondary" href="https://bsky.app/profile/typechat.bsky.social">
+                Bluesky
             </a>
         </li>
     </ul>
-    #}
 </footer>