diff options
author | Matthias P. Braendli <matthias.braendli@mpb.li> | 2024-01-16 22:18:58 +0100 |
---|---|---|
committer | Matthias P. Braendli <matthias.braendli@mpb.li> | 2024-01-16 22:18:58 +0100 |
commit | ea68256ae1e15fdcb675dac1ec8e3717a84ed36e (patch) | |
tree | 4777021bb67bb4926fd980a318443c76323ede85 /templates | |
parent | 81a61c28619ef9f32e79e5698bc4162ca1ceb82d (diff) | |
download | cats-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.html | 6 | ||||
-rw-r--r-- | templates/incoming.html | 2 | ||||
-rw-r--r-- | templates/send.html | 21 | ||||
-rw-r--r-- | templates/settings.html | 3 |
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> |