Add print button on all pages

Author: fblettner

docs/css/custom.css

@@ -25,4 +25,9 @@
         margin: 0.5in 0.1in 0.5in 0.1in; /* Adjust margins for header/footer space */
     }
 
+
+    /* Hide the print button when printing */
+    .print-button {
+        display: none;
+    }
   }

docs/js/extra.js

@@ -0,0 +1,12 @@
+document.addEventListener('DOMContentLoaded', function () {
+    const header = document.querySelector('main h1'); // Insert below the main title
+    if (header) {
+        const printButton = document.createElement('button');
+        printButton.textContent = '🖨️ Print this page';
+        printButton.className = 'print-button';
+        printButton.addEventListener('click', function () {
+            window.print();
+        });
+        header.after(printButton); // Add the button after the title
+    }
+});

mkdocs.yml

@@ -96,6 +96,8 @@ markdown_extensions:
   - pymdownx.superfences
 extra_css:
   - css/custom.css
+extra_javascript:
+  - js/extra.js  
 copyright: >
   Copyright © 2024 Nomana-IT –
   <a href="#__consent">Change cookie settings</a>