footer implementation for docsite

microsoft · Apr 3, 2024 · 81ba73b · 81ba73b
1 parent bf407a8
commit 81ba73b
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 3 deletions.
diff --git a/javascript/docsite/_includes/page.css b/javascript/docsite/_includes/page.css
@@ -23,6 +23,11 @@ footer{
 	border-top: 1px solid #c4c5c6;
 }
 
+#cookiesManager{
+    cursor: pointer;
+    color: #485fc7;
+}
+
 .page-content {
     display: flex;
     flex-direction: row;

diff --git a/javascript/docsite/_includes/page.njk b/javascript/docsite/_includes/page.njk
@@ -27,8 +27,11 @@ title: GraphRAG
             console.log("onConsentChanged", categoryPreferences);        
         }
 
+        var siteConsent
+
         function initialize(){
-          var siteConsent
+          var currentYear = new Date().getFullYear()
+          document.getElementById("copyright").innerHTML = `©️ ${currentYear} Microsoft`;
           window.WcpConsent && WcpConsent.init("en-US", "cookie-banner", function (err, _siteConsent) {
               if (!err) {
                   siteConsent = _siteConsent;  //siteConsent is used to get the current consent  
@@ -39,6 +42,12 @@ title: GraphRAG
         }
 
         addEventListener("DOMContentLoaded", initialize)
+
+        function manageConsent() {
+        if(siteConsent.isConsentRequired){
+            siteConsent.manageConsent();
+        }
+    }
     </script>
     {% endblock %}
   </head>
@@ -125,7 +134,19 @@ title: GraphRAG
         </main>
     </div>
     <footer>
-      Test
-    </footer>
+      <a href="https://go.microsoft.com/fwlink/?LinkId=521839">Privacy</a>
+      |
+      <a href="https://go.microsoft.com/fwlink/?LinkId=2259814">Consumer Health Privacy</a>
+      |
+      <span id="cookiesManager" onclick="manageConsent();">Cookies</span>
+      |
+      <a href="https://go.microsoft.com/fwlink/?LinkID=206977">Terms of Use</a>
+      |
+      <a href="https://www.microsoft.com/trademarks">Trademarks</a>
+      |
+      <a href="https://www.microsoft.com" id="copyright"></a>
+      |
+      <a href="https://github.com/microsoft/graphrag">GitHub</a>
+    </footer>    
   </body>
 </html>