adds pop-up

mkdocs/docs/css/custom.css

@@ -0,0 +1,38 @@
+.popup {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0,0,0,0.5);
+    z-index: 1000;
+  }
+
+  .popup-content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    padding: 20px;
+    background-color: #fff;
+    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
+  }
+
+  .close-btn {
+    position: absolute;
+    top: 5px;
+    right: 10px;
+    font-size: 25px;
+    cursor: pointer;
+  }
+
+  .visit-btn {
+    display: inline-block;
+    padding: 10px 20px;
+    background-color: #007BFF;
+    color: #fff;
+    text-decoration: none;
+    border-radius: 5px;
+    margin-top: 20px;
+  }

mkdocs/docs/js/custom.js

@@ -0,0 +1,10 @@
+window.onload = function() {
+    setTimeout(function() {
+      document.getElementById('newVersionPopup').style.display = 'block';
+    }, 5000); // Show popup after 5 seconds. Adjust the time as needed.
+  }
+
+  function closePopup() {
+    document.getElementById('newVersionPopup').style.display = 'none';
+  }
+

mkdocs/mkdocs.yml

@@ -160,3 +160,11 @@ extra:
   analytics:
     provider: custom
     property: GTM-5TKTB44
+
+extra_css:
+  - css/custom.css
+
+extra_javascript:
+  - js/custom.js
+
+

mkdocs/overrides/main.html

@@ -9,5 +9,5 @@
 {% endblock %}
 
 {% block announce %}
-  <p>This Documentation website is currently <b>being revamped</b>. New docs are in the making and will be released soon! </p>
+  <p>This Documentation website is <b>outdated</b>. Check the current docs <a href="https://devs.polygonid.com/">here</a>.</p>
 {% endblock %}

mkdocs/overrides/partials/comments.html

@@ -0,0 +1,7 @@
+<div id="newVersionPopup" class="popup">
+    <div class="popup-content">
+      <span class="close-btn" onclick="closePopup()">&times;</span>
+      <h2>New Polygon ID Documentation Website Available!</h2>
+      <p>We've released a new version of our documention. Head to <a href="https://devs.polygonid.com/">devs.polygonid.com</a> to check it out.</p>
+    </div>
+</div>