render: add html report generation

render/style.css

@@ -0,0 +1,71 @@
+html, body {
+  box-sizing: border-box;
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+*, *:before, *:after {
+  box-sizing: inherit;
+}
+
+#main-wrapper {
+	display: flex;
+	flex-direction: column;
+	min-height: 100%;
+}
+
+#main-content {
+	flex: 1;
+}
+
+footer {
+	text-align: center;
+	color: #888;
+	margin: .5em;
+}
+
+.autocomplete {
+	position: relative;
+	display: inline-block;
+}
+
+.autocomplete-items {
+	z-index: 99;
+	position: absolute;
+	top: 100%;
+	left: 0;
+	right: 0;
+}
+
+.autocomplete-item {
+	background-color: #fefefe;
+	cursor: pointer;
+	border: 1px solid #eee;
+	border-top: none;
+}
+
+.autocomplete-item:hover {
+	background-color: #e9e9e9;
+}
+
+.item-inactive {
+	padding: 5px;
+}
+
+.item-inactive .group {
+	color: #777;
+}
+
+.item-active {
+	padding: 5px;
+	background-color: DodgerBlue !important;
+	color: #fff;
+}
+
+.item-active .group {
+	color: #ccc;
+}
+
+table, tr, td, th {
+	border: 1px solid #888;
+}