All external CDN references have been removed, so all resources are now served locally

pkg/web/static/vendor/fonts/google-fonts.css

@@ -0,0 +1,28 @@
+@font-face {
+  font-family: 'Cinzel';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/static/vendor/fonts/cinzel-400.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Cinzel';
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url(/static/vendor/fonts/cinzel-600.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Cinzel';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(/static/vendor/fonts/cinzel-700.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'MedievalSharp';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(/static/vendor/fonts/medieval-sharp.ttf) format('truetype');
+}

pkg/web/static/vendor/prism/prism-tomorrow.min.css

@@ -0,0 +1 @@
+code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}

pkg/web/templates/index.html

@@ -23,29 +23,21 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
   <title data-i18n="page.title">Fail2ban UI Dashboard</title>
   <!-- Prism.js for syntax highlighting -->
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" />
+  <link rel="stylesheet" href="/static/vendor/prism/prism-tomorrow.min.css?v={{.version}}" />
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/prism-core.min.js"></script>
+  <script src="/static/vendor/prism/prism-core.min.js?v={{.version}}"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
+  <script src="/static/vendor/prism/prism-autoloader.min.js?v={{.version}}"></script>
-  <!-- Tailwind CSS - Try local first, fallback to CDN for development -->
+  <!-- Tailwind CSS -->
-  <link rel="stylesheet" href="/static/tailwind.css?v={{.version}}" onerror="
+  <link rel="stylesheet" href="/static/tailwind.css?v={{.version}}">
-    console.warn('Local Tailwind CSS not found, using CDN. For production, build Tailwind CSS. See README.md for instructions.');
-    var script = document.createElement('script');
-    script.src = 'https://cdn.tailwindcss.com';
-    document.head.appendChild(script);
-    this.onerror = null;
-  ">
   <!-- Font Awesome for icons -->
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+  <link rel="stylesheet" href="/static/vendor/fontawesome/all.min.css?v={{.version}}">
   <!-- Select2 CSS -->
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" />
+  <link rel="stylesheet" href="/static/vendor/select2/select2.min.css?v={{.version}}" />
   <!-- Fail2ban UI CSS -->
   <link rel="stylesheet" href="/static/fail2ban-ui.css?v={{.version}}">
   <!-- LOTR Theme CSS (loaded conditionally) -->
   <link rel="stylesheet" href="/static/lotr.css?v={{.version}}" id="lotr-css" disabled>
   <!-- Google Fonts for LOTR theme -->
-  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="stylesheet" href="/static/vendor/fonts/google-fonts.css?v={{.version}}">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=MedievalSharp&display=swap" rel="stylesheet">
 </head>
 
 <body class="bg-gray-50 overflow-y-scroll">
@@ -1345,9 +1337,9 @@
   <!-- ********************** Modal Templates END ************************ -->
 
   <!-- jQuery (used by Select2) -->
-  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+  <script src="/static/vendor/jquery/jquery-3.6.0.min.js?v={{.version}}"></script>
   <!-- Select2 JS -->
-  <script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
+  <script src="/static/vendor/select2/select2.min.js?v={{.version}}"></script>
 
   <!-- Fail2ban UI JavaScript Modules -->
   <script src="/static/js/globals.js?v={{.version}}"></script>