From f9b684ee443ec02f292dcea23456d033eedfcc30 Mon Sep 17 00:00:00 2001
From: pablorevilla-meshtastic <pablorevilla@gmail.com>
Date: Wed, 14 Oct 2026 07:36:27 -0700
Subject: [PATCH] fix template

---
 meshview/templates/base.html        | 4 ++--
 meshview/templates/chat.html        | 2 ++
 meshview/templates/firehose.html    | 2 ++
 meshview/templates/map.html         | 2 ++
 meshview/templates/net.html         | 2 ++
 meshview/templates/node.html        | 3 ++-
 meshview/templates/nodegraph.html   | 2 ++
 meshview/templates/reliability.html | 2 ++
 meshview/templates/stats.html       | 2 ++
 meshview/templates/traceroute.html  | 2 ++
 10 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/meshview/templates/base.html b/meshview/templates/base.html
index 8cc650b..addaed6 100644
--- a/meshview/templates/base.html
+++ b/meshview/templates/base.html
@@ -10,7 +10,6 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
     <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" crossorigin=""/>
     <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" crossorigin=""></script>
-    <script src="/static/html-escape.js"></script>
 
     {% block head %}{% endblock %}
 
@@ -40,8 +39,9 @@
             height: 500px;
         }
 
-        {% block css %}{% endblock %}
     </style>
+
+    {% block css %}{% endblock %}
 </head>
 
 <body>
diff --git a/meshview/templates/chat.html b/meshview/templates/chat.html
index d724afe..ca7cbb3 100644
--- a/meshview/templates/chat.html
+++ b/meshview/templates/chat.html
@@ -1,6 +1,7 @@
 {% extends "base.html" %}
 
 {% block css %}
+<style>
 .timestamp {
     min-width: 10em;
     color: #ccc;
@@ -53,6 +54,7 @@
 .chat-filter {
     min-width: 220px;
 }
+</style>
 {% endblock %}
 
 {% block body %}
diff --git a/meshview/templates/firehose.html b/meshview/templates/firehose.html
index e9c6b21..17309eb 100644
--- a/meshview/templates/firehose.html
+++ b/meshview/templates/firehose.html
@@ -1,6 +1,7 @@
 {% extends "base.html" %}
 
 {% block css %}
+<style>
 .container {
     margin: 0 auto;
     padding: 10px;
@@ -90,6 +91,7 @@
 .inline-link:hover {
     color: #c7e6ff;
 }
+</style>
 {% endblock %}
 
 {% block body %}
diff --git a/meshview/templates/map.html b/meshview/templates/map.html
index 1785df4..b65ed9a 100644
--- a/meshview/templates/map.html
+++ b/meshview/templates/map.html
@@ -1,6 +1,7 @@
 {% extends "base.html" %}
 
 {% block css %}
+<style>
 <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
       integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
       crossorigin=""/>
@@ -117,6 +118,7 @@
     .unmapped-node { font-weight: 400; color: #000; }
     .unmapped-empty { color: #666; font-style: italic; }
 </style>
+</style>
 {% endblock %}
 
 {% block body %}
diff --git a/meshview/templates/net.html b/meshview/templates/net.html
index 669bb97..f96b8a3 100644
--- a/meshview/templates/net.html
+++ b/meshview/templates/net.html
@@ -1,6 +1,7 @@
 {% extends "base.html" %}
 
 {% block css %}
+<style>
 .timestamp { min-width: 10em; color: #ccc; }
 
 .chat-packet:nth-of-type(odd) { background-color: #3a3a3a; }
@@ -26,6 +27,7 @@
 #weekly-message { margin: 15px 0; font-weight: bold; color: #ffeb3b; }
 #total-count { margin-bottom: 10px; font-style: italic; color: #ccc; }
 #net-note { margin: 16px 0 0; font-size: 0.9rem; color: #aaa; }
+</style>
 {% endblock %}
 
 {% block body %}
diff --git a/meshview/templates/node.html b/meshview/templates/node.html
index bd65ca0..eccc758 100644
--- a/meshview/templates/node.html
+++ b/meshview/templates/node.html
@@ -1,6 +1,7 @@
 {% extends "base.html" %}
 
 {% block css %}
+<style>
 {{ super() }}
 
 /* --- Map --- */
@@ -295,7 +296,7 @@
     border-color:#48bb78;
     color:#fff;
 }
-
+</style>
 {% endblock %}
 
 {% block body %}
diff --git a/meshview/templates/nodegraph.html b/meshview/templates/nodegraph.html
index fe515b1..1bebd01 100644
--- a/meshview/templates/nodegraph.html
+++ b/meshview/templates/nodegraph.html
@@ -5,6 +5,7 @@
 {% endblock %}
 
 {% block css %}
+<style>
 #mynetwork {
     width: 100%;
     height: 100vh;
@@ -82,6 +83,7 @@
     border-radius: 3px;
 }
 .circle { border-radius: 6px; }
+</style>
 {% endblock %}
 
 {% block body %}
diff --git a/meshview/templates/reliability.html b/meshview/templates/reliability.html
index 8cc5475..5c3668d 100644
--- a/meshview/templates/reliability.html
+++ b/meshview/templates/reliability.html
@@ -1,6 +1,7 @@
 {% extends "base.html" %}
 
 {% block css %}
+<style>
 .reach-page {
     max-width: 1200px;
     margin: 0 auto;
@@ -258,6 +259,7 @@
         grid-template-columns: 1fr;
     }
 }
+</style>
 {% endblock %}
 
 {% block body %}
diff --git a/meshview/templates/stats.html b/meshview/templates/stats.html
index ce5e2fd..deab1f9 100644
--- a/meshview/templates/stats.html
+++ b/meshview/templates/stats.html
@@ -1,6 +1,7 @@
 {% extends "base.html" %}
 
 {% block css %}
+<style>
 #packet_details {
     height: 95vh;
     overflow: auto;
@@ -94,6 +95,7 @@
     border: none;
     border-radius: 4px;
 }
+</style>
 {% endblock %}
 
 {% block head %}
diff --git a/meshview/templates/traceroute.html b/meshview/templates/traceroute.html
index f42993e..dc8922e 100644
--- a/meshview/templates/traceroute.html
+++ b/meshview/templates/traceroute.html
@@ -5,6 +5,7 @@
 {% endblock %}
 
 {% block css %}
+<style>
 #traceroute-graph {
     width: 100%;
     height: calc(100vh - 270px);
@@ -62,6 +63,7 @@
 #traceroute-error {
     color: #ff6b6b;
 }
+</style>
 {% endblock %}
 
 {% block body %}