New footer in docsite (#39)

* footer progress * footer implementation for docsite * yarn version changed * spellcheck fix --------- Co-authored-by: Alonso Guevara <[email protected]>
microsoft · Apr 3, 2024 · b956384 · b956384
1 parent 1243856
commit b956384
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 2 deletions.
diff --git a/.yarn/versions/4ecf085d.yml b/.yarn/versions/4ecf085d.yml
@@ -0,0 +1,2 @@
+releases:
+  "@graphrag/docsite": minor
diff --git a/javascript/docsite/_includes/page.css b/javascript/docsite/_includes/page.css
@@ -9,6 +9,25 @@ body{
     margin: 0;
 }
 
+footer{
+    width: 100%;
+	height: 32px;
+	font-size: 12px;
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	gap: 18px;
+	align-items: center;
+	color: #5d5d5d;
+	background: #e9eaeb;
+	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,11 +27,13 @@ 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) {
-                  console.log("consentUpdated", _siteConsent)
                   siteConsent = _siteConsent;  //siteConsent is used to get the current consent  
               } else {
                   console.log("Error initializing WcpConsent: "+ err);
@@ -40,6 +42,12 @@ title: GraphRAG
         }
 
         addEventListener("DOMContentLoaded", initialize)
+
+        function manageConsent() {
+        if(siteConsent.isConsentRequired){
+            siteConsent.manageConsent();
+        }
+    }
     </script>
     {% endblock %}
   </head>
@@ -125,5 +133,20 @@ title: GraphRAG
             {{ content | safe }}
         </main>
     </div>
+    <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>