fixed stuff included a fully working downloader for webpages which inlines the css / js. images do not work because they are hosted on the server

html/base/template.html

@@ -16,6 +16,10 @@
     <script src="https://cdn.jsdelivr.net/npm/prismjs/components/prism-python.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/prismjs/components/prism-javascript.min.js"></script>
 
+    <!-- JSZip for downloading the files as ZIP -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.11.0/jszip.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
+
     <!-- remove if causing issues -->
     <script src="../js/post/lazyimg.js"></script>
     <script src="../js/shared/theme.js"></script>
@@ -50,8 +54,15 @@
     <img src="../css/icons/magnifier.webp" width="16" height="16" alt="Hash2" loading="lazy" style="display:inline; vertical-align:middle;" />
     Hash 2 (<b>Windows-1252</b>)<i>:{{ hash2 }}</i><br />
 
-    <img src="../css/icons/save.webp" width="16" height="16" alt="Hash2" loading="lazy" style="display:inline; vertical-align:middle;" />
-    <a id="download-md">Download as Markdown <noscript>Enable JavaScript for downloads</noscript></a>
+    <span style="display: inline-flex; align-items: center; gap: 8px;">
+        <img src="../css/icons/save.webp" width="16" height="16" alt="Save" loading="lazy" />
+        <a id="download-md">Download as Markdown <noscript>Enable JavaScript for downloads</noscript></a>
+        
+        <span style="border-left: 1px solid #888; height: 16px;"></span> <!-- Vertical separator -->
+
+        <img src="../css/icons/script.webp" width="16" height="16" alt="Script" loading="lazy" />
+        <a id="download-html">Download as HTML <noscript>Enable JavaScript for downloads</noscript></a>
+    </span>
 </footer>
 </body>
 </html>