aboutsummaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
authorMatthias P. Braendli <matthias.braendli@mpb.li>2024-01-16 22:18:58 +0100
committerMatthias P. Braendli <matthias.braendli@mpb.li>2024-01-16 22:18:58 +0100
commitea68256ae1e15fdcb675dac1ec8e3717a84ed36e (patch)
tree4777021bb67bb4926fd980a318443c76323ede85 /templates
parent81a61c28619ef9f32e79e5698bc4162ca1ceb82d (diff)
downloadcats-radio-node-ea68256ae1e15fdcb675dac1ec8e3717a84ed36e.tar.gz
cats-radio-node-ea68256ae1e15fdcb675dac1ec8e3717a84ed36e.tar.bz2
cats-radio-node-ea68256ae1e15fdcb675dac1ec8e3717a84ed36e.zip
Improve CSS
Diffstat (limited to 'templates')
-rw-r--r--templates/dashboard.html6
-rw-r--r--templates/incoming.html2
-rw-r--r--templates/send.html21
-rw-r--r--templates/settings.html3
4 files changed, 18 insertions, 14 deletions
diff --git a/templates/dashboard.html b/templates/dashboard.html
index fa899ba..a58bec6 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -1,12 +1,12 @@
{% include "head.html" %}
-<div class="">
+<div class="content">
<h1>Dashboard</h1>
- <div>
+ <div class="section">
<h2>Statistics</h2>
<p>This node is up since {{ node_startup_time }}</p>
<p>Database contains {{ num_received_frames }} received frames</p>
</div>
- <div>
+ <div class="section">
<h2>Ten most recent packets</h2>
<ul>
{% for packet in packets %}
diff --git a/templates/incoming.html b/templates/incoming.html
index 3de173d..2a43623 100644
--- a/templates/incoming.html
+++ b/templates/incoming.html
@@ -1,5 +1,5 @@
{% include "head.html" %}
-<div class="">
+<div class="content">
Incoming!
</div>
{% include "foot.html" %}
diff --git a/templates/send.html b/templates/send.html
index 2a669e4..7889c20 100644
--- a/templates/send.html
+++ b/templates/send.html
@@ -1,14 +1,15 @@
{% include "head.html" %}
-<div class="">
+<div class="content">
<h1>Send a frame</h1>
- <p>
- One main feature of CATS is that packets are constructed from Whiskers.
+ <p>One main feature of CATS is that packets are constructed from Whiskers.
Each Whisker represents one possible attribute of data.</p>
<p>On this page you can select which whiskers to include in your packet.</p>
- <div>
+ <div class="section">
<h2>Identification</h2>
<p>{{ conf.callsign }}-{{ conf.ssid }}</p>
+ </div>
+ <div class="section">
<h2>Destination Whisker</h2>
<p>CATS packets can optionally have one or more destinations.
This can be useful for e.g. sending a message to another amateur radio operator,
@@ -16,21 +17,23 @@
The destination consists of a UTF-8 callsign and an SSID byte.</p>
<template id="destination_template">
<p class="destination">
- <input class="textinput dest_callsign" type="text" placeholder="Type callsign here">
- <input class="textinput dest_ssid" type="text" placeholder="Type SSID here">
- <button class="btn" type="button" onclick="btn_remove_destination(this)">Remove</button>
+ <input class="textinput dest_callsign" type="text" placeholder="Type callsign here">
+ <input class="textinput dest_ssid" type="text" placeholder="Type SSID here">
+ <button class="btn" type="button" onclick="btn_remove_destination(this)">Remove</button>
</p>
</template>
<div id="destinations"></div>
<button class="btn" type="button" onclick="btn_add_destination()">Add destination</button>
+ </div>
+ <div class="section">
<h2>Comment Whisker</h2>
<div>
<input type="checkbox" id="with_comment" value="Include Comment" checked>
<input class="textinput" type="text" id="whisker_comment" placeholder="Type comment here">
</div>
-
- <button class="btn" type="button" onclick="btn_send_packet()">Send</button>
</div>
+
+ <button class="btn" type="button" onclick="btn_send_packet()">Send</button>
</div>
{% include "foot.html" %}
{# vi:set et sw=2 ts=2: #}
diff --git a/templates/settings.html b/templates/settings.html
index a24137e..b8ec258 100644
--- a/templates/settings.html
+++ b/templates/settings.html
@@ -1,7 +1,8 @@
{% include "head.html" %}
-<div class="">
+<div class="content">
<h1>Node Settings</h1>
+ <div class="section">
<form action="/settings" method="post">
<fieldset>
<legend>General</legend>