muh gradients

2019-09-23 18:22:00 +02:00
parent 21bfae9fbc
commit dbefb381df
6 changed files with 14 additions and 8 deletions
@@ -1,4 +1,4 @@
-  <!DOCTYPE html>
+<!DOCTYPE html>
 <html>

 <head>
@@ -10,7 +10,8 @@

 <body>
  <div class="container text-center">
-    <h1>TeraHz</h1>
+    <h1><img src="lib/logo-sq.png" height="64px">TeraHz</h1>
+
  </div>
  <div class="container">
    <button id="update" class="btn btn-primary m-1 float-right">Get data</button>
@@ -19,7 +20,7 @@
    <h3>Spectrogram</h3>
    <canvas id="spectrogram" width="640px" height="480"></canvas>
    <h3>Spectral readings</h3>
-    <table class="table table-sm" id="specter">
+    <table class="table table-dark table-sm" id="specter">
      <thead class="thead-dark">
        <tr>
          <th>Band</th>
@@ -120,7 +121,7 @@
    </table>
    <br>
    <h3>Lux and UV readings</h3>
-    <table class="table" id="luxuv">
+    <table class="table-dark table" id="luxuv">
      <thead class="thead-dark">
        <tr>
          <th>Parameter</th>
@@ -150,5 +151,4 @@
  <script src="lib/chart.bundle.js"></script>
  <script src="frontend.js"></script>
 </body>
-
 </html>
@@ -1,3 +1,8 @@
+body {
+  background: rgb(2,0,36);
+  background: linear-gradient(138deg, rgba(2,0,36,1) 0%, rgba(5,5,209,1) 51%, rgba(0,212,255,1) 100%);
+  color: white;
+}
 #A {
  background-color: #7e00db;
  color: white;
@@ -53,4 +58,7 @@
 #U {
  background-color: #8d0000;
  color: white;
-}
+}
+.table-secondary {
+  color: black;
+}