diff --git a/meshview/templates/chat.html b/meshview/templates/chat.html
index ae6a538..4e54db3 100644
--- a/meshview/templates/chat.html
+++ b/meshview/templates/chat.html
@@ -5,33 +5,138 @@
min-width:10em;
}
.chat-packet:nth-of-type(odd){
- background-color: #272b2f; /* Lighter than #2a2a2a */
+ background-color: #3a3a3a; /* Lighter than #2a2a2a */
}
.chat-packet {
- border: 1px solid #474b4e;
+ border-bottom: 1px solid #555;
padding: 8px;
- margin-bottom: 4px;
border-radius: 8px; /* Adjust the value to make the corners more or less rounded */
}
.chat-packet:nth-of-type(even){
- background-color: #212529; /* Slightly lighter than the previous #181818 */
+ background-color: #333333; /* Slightly lighter than the previous #181818 */
+}
+
+@keyframes flash {
+ 0% { background-color: #ffe066; }
+ 100% { background-color: inherit; }
+}
+
+.chat-packet.flash {
+ animation: flash 3.5s ease-out;
}
{% endblock %}
-
{% block body %}
-
+
- {% for packet in packets %}
- {% include 'chat_packet.html' %}
- {% else %}
- No packets found.
- {% endfor %}
-
+
{% endblock %}
diff --git a/meshview/templates/firehose.html b/meshview/templates/firehose.html
index 7795451..c0abc8f 100644
--- a/meshview/templates/firehose.html
+++ b/meshview/templates/firehose.html
@@ -1,80 +1,33 @@
{% extends "base.html" %}
-{% block css %}
- /* Set the maximum width of the page to 900px */
+{% block css %}
.container {
max-width: 900px;
- margin: 0 auto; /* Center the content horizontally */
+ margin: 0 auto;
+ }
+
+ .packet-fade-in {
+ animation: fadeIn 0.5s ease forwards;
+ opacity: 0;
+ }
+
+ @keyframes fadeIn {
+ to {
+ opacity: 1;
+ }
+ }
+
+ #pause-button {
+ white-space: nowrap;
+ padding: 2px 8px;
+ font-size: 0.85rem;
}
{% endblock %}
{% block body %}
-
-
-
+
{% for packet in packets %}
@@ -103,4 +58,61 @@
+
+
{% endblock %}
diff --git a/meshview/templates/net.html b/meshview/templates/net.html
index 5222753..5ed7498 100644
--- a/meshview/templates/net.html
+++ b/meshview/templates/net.html
@@ -24,10 +24,30 @@
{{ site_config["site"]["weekly_net_message"] }}
- {% for packet in packets %}
- {% include 'chat_packet.html' %}
- {% else %}
- No packets found.
- {% endfor %}
-
+ {% for packet in packets %}
+
+ {% else %}
+ No packets found.
+ {% endfor %}
+
{% endblock %}
diff --git a/meshview/templates/packet.html b/meshview/templates/packet.html
index ca65f79..731e793 100644
--- a/meshview/templates/packet.html
+++ b/meshview/templates/packet.html
@@ -5,7 +5,7 @@