From 28d62b366c88be8080253ca4fa30875b975782fe Mon Sep 17 00:00:00 2001
From: thetek42 <git@thetek.de>
Date: Sun, 4 Apr 2021 16:15:28 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=A6=20compile=20html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/html/index.css     | 16 +++++++++++++++-
 ui/html/index.css.map |  2 +-
 ui/html/index.js      |  8 +++++++-
 3 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/ui/html/index.css b/ui/html/index.css
index f3fe5a0..ef11ef2 100644
--- a/ui/html/index.css
+++ b/ui/html/index.css
@@ -51,6 +51,7 @@ input, button {
 
 #search {
   text-align: center;
+  margin-bottom: 5rem;
 }
 #search #searchbar .buttonspacer {
   display: inline-block;
@@ -132,9 +133,22 @@ input, button {
   vertical-align: -0.3rem;
 }
 
+#results small.random {
+  color: #4c5666;
+  display: block;
+  margin-top: 1rem;
+  text-align: center;
+}
+#results small.random button {
+  background: none;
+  border: none;
+  color: #626e83;
+  cursor: pointer;
+  outline: none;
+  text-decoration: underline;
+}
 #results table {
   margin-left: 25vw;
-  margin-top: 5rem;
   width: 50vw;
 }
 #results table tr {
diff --git a/ui/html/index.css.map b/ui/html/index.css.map
index dd2edf4..a891566 100644
--- a/ui/html/index.css.map
+++ b/ui/html/index.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../raw/index.sass"],"names":[],"mappings":"AASA;EACC;;;AAED;EACC,kBAZS;EAaT,OAXS;EAYT,aATS;EAUT;EACA;EACA;;;AAED;EACC,aAfS;;;AAiBV;EACC;EACA;EACA;;AACA;EACC,kBA3BQ;EA4BR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;;AAEH;EACC;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;;;AAEH;EACC;;AAEC;EACC;EACA;;AACD;EACC;EACA;EACA;EACA,OA1DO;EA2DP;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;EACA,OAjFK;;AAkFP;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAEJ;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACD;EACC,OA9GO;EA+GP;;AAEF;EACC,OA/GQ;EAgHR;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;EACA;;AACA;EACC;;AACA;EACC;;AACA;EACC,OAjIK;;AAkIN;EACC,OAlIK;;AAmIN;EACC,OAvIK;;AAwIP;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;;AACA;EACC,OA9IK;;AA+IN;EACC,OAnJK;;AAoJP;EACC;EACA;;AACA;EACC,kBAzJK;EA0JL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACD;EACC;EACA;EACA;;;AAEN;EACC;;;AAED;EACC;IACC;;EACD;IACC","file":"index.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../raw/index.sass"],"names":[],"mappings":"AASA;EACC;;;AAED;EACC,kBAZS;EAaT,OAXS;EAYT,aATS;EAUT;EACA;EACA;;;AAED;EACC,aAfS;;;AAiBV;EACC;EACA;EACA;;AACA;EACC,kBA3BQ;EA4BR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;;AAEH;EACC;EACA;EACA;;AACA;EACC;EACA;;AACA;EACC;;;AAEH;EACC;EACA;;AAEC;EACC;EACA;;AACD;EACC;EACA;EACA;EACA,OA3DO;EA4DP;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;EACA,OAlFK;;AAmFP;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAEJ;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACD;EACC,OA/GO;EAgHP;;AAEF;EACC,OAhHQ;EAiHR;EACA;EACA;;AACA;EACC;;;AAGF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEF;EACC;EACA;;AACA;EACC;;AACA;EACC;;AACA;EACC,OA9IK;;AA+IN;EACC,OA/IK;;AAgJN;EACC,OApJK;;AAqJP;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;;AACA;EACC,OA3JK;;AA4JN;EACC,OAhKK;;AAiKP;EACC;EACA;;AACA;EACC,kBAtKK;EAuKL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACD;EACC;EACA;EACA;;;AAEN;EACC;;;AAED;EACC;IACC;;EACD;IACC","file":"index.css"}
\ No newline at end of file
diff --git a/ui/html/index.js b/ui/html/index.js
index c4d709c..5bc698f 100644
--- a/ui/html/index.js
+++ b/ui/html/index.js
@@ -55,8 +55,14 @@ function dnswatch_search() {
 					table += '</tr>\n'
 				});
 
+				table += '</table>';
+				// randomized response message
+				if (response['data']['randomized_response']) {
+					table += '<small class="random">This domain uses randomized responses. <button>Learn more</button></small>\n';
+				}
+
 				if (response['data']['found']) {   // only if reference confirms
-					table += '<tr></tr>\n';   // spacer
+					table += '<table><tr></tr>\n';   // spacer
 					//// search rows
 					response['data']['search'].forEach(i => {
 						table += '<tr>\n';