From 12da8a451bc495132ba53bd441e42f111d1a845c Mon Sep 17 00:00:00 2001
From: Sean Hamlin <sean.hamlin@amazee.io>
Date: Mon, 2 Feb 2026 11:41:16 +1300
Subject: [PATCH 1/2] Remove jQuery dependency. Use vanilla JS.

---
 resources/html/unidle.html | 86 ++++++++++++++++++++------------------
 1 file changed, 46 insertions(+), 40 deletions(-)
diff --git a/resources/html/unidle.html b/resources/html/unidle.html
index b3752ec..b49a570 100644
--- a/resources/html/unidle.html
+++ b/resources/html/unidle.html
@@ -1,55 +1,52 @@
 {{define "base"}}
-<html>
+<html lang="en">
 <head>
-    <!-- refresh the page -->
     <title>Preparing your environment | Lagoon</title>
     <meta http-equiv="refresh" content="{{ .RefreshInterval }}">
+    <meta name="robots" content="noindex, nofollow">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
-    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
     <style>
         /*
-        * Globals
-        */
-        /* Custom default button */
+         * Globals
+         */
         .btn-secondary,
         .btn-secondary:hover,
         .btn-secondary:focus {
-        color: #333;
-        text-shadow: none; /* Prevent inheritance from `body` */
+            color: #333;
+            text-shadow: none; /* Prevent inheritance from `body` */
         }
         /*
-        * Base structure
-        */
+         * Base structure
+         */
         body {
-        text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.05);
-        box-shadow: inset 0 0 25rem rgba(0, 0, 0, .5);
-        font-size: larger;
+            text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.05);
+            box-shadow: inset 0 0 25rem rgba(0, 0, 0, .5);
+            font-size: larger;
         }
         .cover-container {
-        max-width: 60em;
+            max-width: 60em;
         }
         /*
-        * Header
-        */
+         * Header
+         */
         .nav-masthead .nav-link {
-        padding: .25rem 0;
-        font-weight: 700;
-        color: rgba(255, 255, 255, .5);
-        background-color: transparent;
-        border-bottom: .25rem solid transparent;
+            padding: .25rem 0;
+            font-weight: 700;
+            color: rgba(255, 255, 255, .5);
+            background-color: transparent;
+            border-bottom: .25rem solid transparent;
         }
         .nav-masthead .nav-link:hover,
         .nav-masthead .nav-link:focus {
-        border-bottom-color: rgba(255, 255, 255, .25);
+            border-bottom-color: rgba(255, 255, 255, .25);
         }
         .nav-masthead .nav-link + .nav-link {
-        margin-left: 1rem;
+            margin-left: 1rem;
         }
         .nav-masthead .active {
-        color: #fff;
-        border-bottom-color: #fff;
+            color: #fff;
+            border-bottom-color: #fff;
         }
     </style>
 </head>
@@ -84,25 +81,34 @@ <h3 class="float-md-start mb-0">Preparing your environment</h3>
             </p>
         </main>
         <footer class="mt-auto text-dark">
-        <p>Refreshing in <span id="countdowntimer">{{ .RefreshInterval }} </span> Seconds</p>
+        <p>Refreshing in <span id="countdowntimer">{{ .RefreshInterval }}</span> Seconds</p>
         <small class="text-muted">If this page persists, contact your Lagoon administrator to check for issues unidling</small>
         </footer>
     </div>
-    <script type="text/javascript">
-    var timeleft = {{ .RefreshInterval }};
-    var downloadTimer = setInterval(function(){
-    timeleft--;
-    document.getElementById("countdowntimer").textContent = timeleft;
-    if(timeleft <= 0)
-        clearInterval(downloadTimer);
-    },1000);
+    <script>
+        var timeleft = {{ .RefreshInterval }};
+        var downloadTimer = setInterval(function() {
+            timeleft--;
+            var countdownElement = document.getElementById('countdowntimer');
+            if (countdownElement) {
+                countdownElement.textContent = timeleft;
+            }
+            if (timeleft <= 0) {
+                clearInterval(downloadTimer);
+            }
+        }, 1000);
+    </script>
     {{if ne .Verifier ""}}
-    var host = window.location.origin;
-    jQuery(document).ready(function(){
-        jQuery.get(host+"?verifier={{ .Verifier }}", () => {});
-    });
-    {{ end }}
+    <script>
+        const host = window.location.origin;
+        document.addEventListener('DOMContentLoaded', () => {
+            fetch(
+              host + '?verifier={{ .Verifier }}',
+              { method: 'GET' }
+            );
+        });
     </script>
+    {{ end }}
 </body>
 </html>
 {{end}}

From 85015159445506833d82683775223d07f1ff2fdb Mon Sep 17 00:00:00 2001
From: Sean Hamlin <sean.hamlin@amazee.io>
Date: Mon, 2 Feb 2026 12:00:58 +1300
Subject: [PATCH 2/2] Remove jQuery from all templates. Also popper.js, which
 was unused.

---
 resources/html/error.html  | 50 +++++++++++++++++------------------
 resources/html/forced.html | 54 ++++++++++++++++++--------------------
 resources/html/unidle.html |  3 ++-
 3 files changed, 53 insertions(+), 54 deletions(-)

diff --git a/resources/html/error.html b/resources/html/error.html
index 0f405bf..96a0919 100644
--- a/resources/html/error.html
+++ b/resources/html/error.html
@@ -1,52 +1,52 @@
 {{define "base"}}
-<html>
+<html lang="en">
 <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{{ .ErrorCode }} {{ .ErrorMessage }}</title>
+    <meta name="robots" content="noindex, nofollow">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
-    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
     <style>
         /*
-        * Globals
-        */
-        /* Custom default button */
+         * Globals
+         */
         .btn-secondary,
         .btn-secondary:hover,
         .btn-secondary:focus {
-        color: #333;
-        text-shadow: none; /* Prevent inheritance from `body` */
+            color: #333;
+            text-shadow: none; /* Prevent inheritance from `body` */
         }
         /*
-        * Base structure
-        */
+         * Base structure
+         */
         body {
-        text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.05);
-        box-shadow: inset 0 0 25rem rgba(0, 0, 0, .5);
+            text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.05);
+            box-shadow: inset 0 0 25rem rgba(0, 0, 0, .5);
+            font-size: larger;
         }
         .cover-container {
-        max-width: 42em;
+            max-width: 60em;
         }
         /*
-        * Header
-        */
+         * Header
+         */
         .nav-masthead .nav-link {
-        padding: .25rem 0;
-        font-weight: 700;
-        color: rgba(255, 255, 255, .5);
-        background-color: transparent;
-        border-bottom: .25rem solid transparent;
+            padding: .25rem 0;
+            font-weight: 700;
+            color: rgba(255, 255, 255, .5);
+            background-color: transparent;
+            border-bottom: .25rem solid transparent;
         }
         .nav-masthead .nav-link:hover,
         .nav-masthead .nav-link:focus {
-        border-bottom-color: rgba(255, 255, 255, .25);
+            border-bottom-color: rgba(255, 255, 255, .25);
         }
         .nav-masthead .nav-link + .nav-link {
-        margin-left: 1rem;
+            margin-left: 1rem;
         }
         .nav-masthead .active {
-        color: #fff;
-        border-bottom-color: #fff;
+            color: #fff;
+            border-bottom-color: #fff;
         }
     </style>
 </head>
diff --git a/resources/html/forced.html b/resources/html/forced.html
index 9a7352a..c933d16 100644
--- a/resources/html/forced.html
+++ b/resources/html/forced.html
@@ -1,54 +1,52 @@
 {{define "base"}}
-<html>
+<html lang="en">
 <head>
-    <!-- refresh the page -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Scaled | Lagoon</title>
+    <meta name="robots" content="noindex, nofollow">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
-    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
     <style>
         /*
-        * Globals
-        */
-        /* Custom default button */
+         * Globals
+         */
         .btn-secondary,
         .btn-secondary:hover,
         .btn-secondary:focus {
-        color: #333;
-        text-shadow: none; /* Prevent inheritance from `body` */
+            color: #333;
+            text-shadow: none; /* Prevent inheritance from `body` */
         }
         /*
-        * Base structure
-        */
+         * Base structure
+         */
         body {
-        text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.05);
-        box-shadow: inset 0 0 25rem rgba(0, 0, 0, .5);
-        font-size: larger;
+            text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 0.05);
+            box-shadow: inset 0 0 25rem rgba(0, 0, 0, .5);
+            font-size: larger;
         }
         .cover-container {
-        max-width: 60em;
+            max-width: 60em;
         }
         /*
-        * Header
-        */
+         * Header
+         */
         .nav-masthead .nav-link {
-        padding: .25rem 0;
-        font-weight: 700;
-        color: rgba(255, 255, 255, .5);
-        background-color: transparent;
-        border-bottom: .25rem solid transparent;
+            padding: .25rem 0;
+            font-weight: 700;
+            color: rgba(255, 255, 255, .5);
+            background-color: transparent;
+            border-bottom: .25rem solid transparent;
         }
         .nav-masthead .nav-link:hover,
         .nav-masthead .nav-link:focus {
-        border-bottom-color: rgba(255, 255, 255, .25);
+            border-bottom-color: rgba(255, 255, 255, .25);
         }
         .nav-masthead .nav-link + .nav-link {
-        margin-left: 1rem;
+            margin-left: 1rem;
         }
         .nav-masthead .active {
-        color: #fff;
-        border-bottom-color: #fff;
+            color: #fff;
+            border-bottom-color: #fff;
         }
     </style>
 </head>
@@ -56,7 +54,7 @@
     <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
         <header class="mb-auto">
             <div>
-                <h3 class="float-md-start mb-0">This environment has been forcibly scaled. To restore this environment trigger a deployment.</h3>
+                <h3 class="float-md-start mb-0">This environment has been forcibly scaled. To restore this environment, trigger a new deployment.</h3>
             </div>
         </header>
         <main class="px-3">
diff --git a/resources/html/unidle.html b/resources/html/unidle.html
index b49a570..6a45952 100644
--- a/resources/html/unidle.html
+++ b/resources/html/unidle.html
@@ -1,11 +1,12 @@
 {{define "base"}}
 <html lang="en">
 <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Preparing your environment | Lagoon</title>
     <meta http-equiv="refresh" content="{{ .RefreshInterval }}">
     <meta name="robots" content="noindex, nofollow">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
-    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
     <style>
         /*
          * Globals
