feat: add warning boxes to info site on every page

README.md

@@ -8,6 +8,9 @@ TWO-TORIAL, a compendium of information and guides about arcade games. It also s
 
 <https://two-torial.maimaidxprism.plus/>
 
+> [!CAUTION]
+> **This is a mirror of the original TWO-TORIAL spice2x patcher. Read more info about this mirror [here](https://two-torial-info.maimaidxprism.plus/)**
+
 ## About
 
 This repository houses a guide dedicated to assisting individuals in configuring and navigating the setup process for various arcade games within this specific gaming genre. It covers essential aspects of installation, configuration, and troubleshooting, aiming to streamline the experience for users.

docs/index.md

@@ -11,7 +11,7 @@
 A compendium of information and guides about arcade games.  
 By the community, for the community.
 
-[Join our Discord server! :fontawesome-brands-discord:](https://discord.gg/cZRUmEPK78){ .md-button }
+[Join (or probably don't join) our (now-defunct) Discord server! :fontawesome-brands-discord:](https://discord.gg/cZRUmEPK78){ .md-button }
 </figure>
 
 <hr>

docs/infobox.js

@@ -0,0 +1,15 @@
+document.addEventListener("DOMContentLoaded", function() {
+    const infoBox = document.createElement('div');
+    infoBox.innerHTML = `
+        <h1 style="font-weight: bold; text-decoration: underline; text-decoration-color: red;">
+            This is a mirror of the original TWO-TORIAL spice2x patcher. <br>
+            Read more info about this mirror --->
+            <a href="https://two-torial-info.maimaidxprism.plus/" target="_blank" rel="noopener noreferrer" style="color: #a47bea; text-decoration: underline; text-decoration-color: red;">here</a>
+        </h1>
+    `;
+    const mdContent = document.querySelector('.md-content__inner');
+
+    if (mdContent) {
+        mdContent.parentNode.insertBefore(infoBox, mdContent);
+    }
+});

mkdocs.yml

@@ -387,6 +387,9 @@ plugins:
   - search
   - git-revision-date-localized
 
+extra_javascript:
+  - infobox.js
+
 extra_css:
   - style.css