Import SRE inventory code

static/general.css

@@ -0,0 +1,174 @@
+@charset "utf-8";
+
+body {
+  margin: 0;
+  padding: 0;
+  font-family: sans-serif;
+  font-size: 14px;
+  line-height: 1.5em;
+  background: #000;
+}
+
+a {
+  text-decoration: none;
+  color: #00c;
+}
+
+nav {
+  background: #000;
+  border-bottom: 1px solid #fff;
+  outline: 1px solid #000;
+}
+
+nav > ul {
+  margin: 0;
+  padding: 7px 15px;
+}
+
+nav > ul > li {
+  display: inline-block;
+  margin: 0;
+  padding: 0 10px;
+  list-style-type: none;
+}
+
+nav a,
+footer a {
+  font-weight: bold;
+  color: #fff;
+}
+
+nav a:after,
+footer a:after {
+  font-family: "Arial Unicode MS", sans-serif;
+  content: "▸";
+  vertical-align: -1px;
+  padding-left: 1px;
+}
+
+nav a.backward:after,
+footer a.backward:after {
+  content: "";
+  padding-left: 0;
+}
+
+nav a.backward:before,
+footer a.backward:before {
+  font-family: "Arial Unicode MS", sans-serif;
+  content: "◂";
+  vertical-align: -1px;
+  padding-right: 1px;
+}
+
+footer {
+  position: relative;
+  overflow: hidden;
+  margin: 0;
+  padding: 1em 30px;
+  background: #000;
+  color: #fff;
+  border-top: 1px solid #fff;
+  outline: 1px solid #000;
+}
+
+#generated-at {
+  display: block;
+  float: right;
+}
+
+main {
+  background: #fff;
+  padding: 1px 1em 3em 1em; /* 1px to prevent margin collapse */
+}
+
+h1 {
+  margin: 0.75em 10px 1em 10px;
+}
+
+table {
+  min-width: 750px;
+  border-collapse: collapse;
+}
+
+th, td {
+  vertical-align: top;
+  text-align: left;
+  padding: 5px 10px;
+  border-bottom: 1px solid #ccc;
+}
+
+thead th {
+  border-bottom: 1px solid #000;
+}
+
+thead th.key_fqdn {
+  min-width: 220px;
+}
+
+tbody th.key_fqdn {
+  line-height: 1.3em;
+}
+
+tbody th.key_fqdn b {
+  float: left;
+}
+
+tbody th.key_fqdn span {
+  color: transparent;
+}
+
+tbody th.key_fqdn i {
+  /* Show hostname and domain on two lines, but copying and pasting should
+  produce the FQDN without a newline */
+  clear: left;
+  float: left;
+  font-size: 90%;
+  font-style: normal;
+  font-weight: normal;
+  color: #666;
+}
+
+body#nodes .key_monitoring,
+body#nodes .key_backups,
+body#nodes .key_logging,
+body#nodes .key_metrics {
+  text-align: center;
+}
+
+td ul,
+td li {
+  margin: 0;
+  padding: 0;
+}
+
+td ul {
+  list-style-type: none;
+}
+
+td p {
+  margin: 0 0 1em 0;
+}
+
+.notes {
+  max-width: 40em;
+}
+
+.notes ol,
+.notes ul {
+  list-style-position: inside;
+  margin: 1em 0;
+  padding: 0;
+}
+
+.notes ol { list-style-type: decimal }
+.notes ul { list-style-type: disc }
+
+.notes li {
+  margin: 0;
+  padding: 0;
+}
+
+body#node th,
+body#service th {
+  width: 180px;
+}

static/general.js

@@ -0,0 +1,16 @@
+// Update generated at time at bottom of pages
+(function(){
+  try {
+    var generated_at = document.getElementById("generated-at");
+    var m = moment(generated_at.innerText);
+    var update_generated_at = function () {
+      generated_at.innerText = "Generated on " + m.format("MMMM Do, YYYY")
+        + " at " + m.format("h:mm a") + " (" + m.fromNow() + ")";
+    }
+
+    update_generated_at()
+    setInterval(update_generated_at, 60*1000);
+  } catch ( e ) {
+    console.error(e);
+  }
+})();