diff --git a/README.md b/README.md
index 1db3c6c..938b8f2 100644
--- a/README.md
+++ b/README.md
@@ -46,6 +46,8 @@ Spothole server, or to modify it in any way. More details can be found in the fo
     * [Use of multiple cluster logins](docs/multicluster.md)
 * [Modifying the source code](docs/modifying.md)
 
+![Screenshot](/images/screenshot4.png)
+
 ## Thanks
 
 As well as being my work, I have also gratefully received feature patches from Steven, M1SDH.
diff --git a/images/screenshot.png b/images/screenshot.png
index d94220e..919c0e7 100644
Binary files a/images/screenshot.png and b/images/screenshot.png differ
diff --git a/images/screenshot2.png b/images/screenshot2.png
index d317f4e..09272c7 100644
Binary files a/images/screenshot2.png and b/images/screenshot2.png differ
diff --git a/images/screenshot3.png b/images/screenshot3.png
index 22c759b..0f0a865 100644
Binary files a/images/screenshot3.png and b/images/screenshot3.png differ
diff --git a/images/screenshot4.png b/images/screenshot4.png
new file mode 100644
index 0000000..0fc1793
Binary files /dev/null and b/images/screenshot4.png differ
diff --git a/templates/add_spot.html b/templates/add_spot.html
index 232872c..13f3d11 100644
--- a/templates/add_spot.html
+++ b/templates/add_spot.html
@@ -76,7 +76,7 @@
 
 </div>
 
-<script src="/static/js/add-spot.js?v=1786863110"></script>
+<script src="/static/js/add-spot.js?v=1786863565"></script>
 <script>$(document).ready(function () {
     $("#nav-link-add-spot").addClass("active");
 }); <!-- highlight active page in nav --></script>
diff --git a/templates/alerts.html b/templates/alerts.html
index 9f61fb7..61b5238 100644
--- a/templates/alerts.html
+++ b/templates/alerts.html
@@ -84,7 +84,7 @@
 
 </div>
 
-<script src="/static/js/alerts.js?v=1786863110"></script>
+<script src="/static/js/alerts.js?v=1786863565"></script>
 <script>$(document).ready(function () {
     $("#nav-link-alerts").addClass("active");
 }); <!-- highlight active page in nav --></script>
diff --git a/templates/bands.html b/templates/bands.html
index 48ca748..3c0f0d7 100644
--- a/templates/bands.html
+++ b/templates/bands.html
@@ -76,8 +76,8 @@
 
 </div>
 
-<script src="/static/js/spotsbandsandmap.js?v=1786863110"></script>
-<script src="/static/js/bands.js?v=1786863110"></script>
+<script src="/static/js/spotsbandsandmap.js?v=1786863565"></script>
+<script src="/static/js/bands.js?v=1786863565"></script>
 <script>$(document).ready(function () {
     $("#nav-link-bands").addClass("active");
 }); <!-- highlight active page in nav --></script>
diff --git a/templates/base.html b/templates/base.html
index 1ca4f08..794fb28 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,6 +1,6 @@
 {% extends "skeleton.html" %}
 {% block head_extra %}
-<link rel="stylesheet" href="/static/css/style.css?v=1786863110" type="text/css">
+<link rel="stylesheet" href="/static/css/style.css?v=1786863565" type="text/css">
 <link href="/static/vendor/css/bootstrap-5.3.8.min.css" rel="stylesheet">
 <link href="/static/vendor/css/fontawesome-6.7.2.min.css" rel="stylesheet">
 <link href="/static/vendor/css/solid-6.7.2.min.css" rel="stylesheet">
@@ -15,10 +15,10 @@
   window.fetchEventSource = fetchEventSource;
 </script>
 
-<script src="/static/js/utils.js?v=1786863110"></script>
-<script src="/static/js/ui-ham.js?v=1786863110"></script>
-<script src="/static/js/geo.js?v=1786863110"></script>
-<script src="/static/js/common.js?v=1786863110"></script>
+<script src="/static/js/utils.js?v=1786863565"></script>
+<script src="/static/js/ui-ham.js?v=1786863565"></script>
+<script src="/static/js/geo.js?v=1786863565"></script>
+<script src="/static/js/common.js?v=1786863565"></script>
 {% end %}
 {% block body %}
 <div class="container">
diff --git a/templates/conditions.html b/templates/conditions.html
index 23b838a..5eb9f07 100644
--- a/templates/conditions.html
+++ b/templates/conditions.html
@@ -284,7 +284,7 @@
 </div>
 
 <script src="/static/vendor/js/chart-4.4.9.umd.min.js"></script>
-<script src="/static/js/conditions.js?v=1786863110"></script>
+<script src="/static/js/conditions.js?v=1786863565"></script>
 <script>$(document).ready(function () {
     $("#nav-link-conditions").addClass("active");
 }); <!-- highlight active page in nav --></script>
diff --git a/templates/map.html b/templates/map.html
index 89ef703..3da528a 100644
--- a/templates/map.html
+++ b/templates/map.html
@@ -109,8 +109,8 @@
 <script src="/static/vendor/js/leaflet-cqzones.js"></script>
 <script src="/static/vendor/js/leaflet-workedallbritainireland.js" type="module"></script>
 
-<script src="/static/js/spotsbandsandmap.js?v=1786863110"></script>
-<script src="/static/js/map.js?v=1786863110"></script>
+<script src="/static/js/spotsbandsandmap.js?v=1786863565"></script>
+<script src="/static/js/map.js?v=1786863565"></script>
 <script>$(document).ready(function () {
     $("#nav-link-map").addClass("active");
 }); <!-- highlight active page in nav --></script>
diff --git a/templates/spots.html b/templates/spots.html
index 9fbd1f1..9008641 100644
--- a/templates/spots.html
+++ b/templates/spots.html
@@ -113,8 +113,8 @@
 
 </div>
 
-<script src="/static/js/spotsbandsandmap.js?v=1786863110"></script>
-<script src="/static/js/spots.js?v=1786863110"></script>
+<script src="/static/js/spotsbandsandmap.js?v=1786863565"></script>
+<script src="/static/js/spots.js?v=1786863565"></script>
 <script>$(document).ready(function () {
     $("#nav-link-spots").addClass("active");
 }); <!-- highlight active page in nav --></script>
diff --git a/templates/status.html b/templates/status.html
index 106f365..c0b9221 100644
--- a/templates/status.html
+++ b/templates/status.html
@@ -86,7 +86,7 @@
     </div>
 </div>
 
-<script src="/static/js/status.js?v=1786863110"></script>
+<script src="/static/js/status.js?v=1786863565"></script>
 <script>
     $(document).ready(function () {
         $("#nav-link-status").addClass("active");