Initial commit

This is a service designed to provide information about Guix. At the
moment, this initial prototype gathers up information about packages,
the associated metadata and derivations.

The initial primary use case is to compare two different revisions of
Guix, detecting which packages are new, no longer present, updated or
otherwise different.

It's based on the Mumi project.

[1]: https://git.elephly.net/software/mumi.git

assets/css/reset.css

@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}

assets/css/screen.css

@@ -0,0 +1,135 @@
+@media all {html {font-size: 28px;}}
+
+html, body {
+    background-color: #fff;
+    width: 100%;
+    height: 100%;
+    line-height: 1.4em;
+    padding: 0px;
+    margin: 0px;
+    font-family: sans-serif;
+}
+
+h1 {
+    clear: both;
+    font-size: 32px;
+    line-height: 105%;
+    margin-top: 1.3rem;
+    margin-bottom: 0.5rem;
+    padding: 0px;
+    display: block;
+    font-weight: 400;
+    color: #333;
+}
+
+.logo:link,
+.logo:visited {
+    background-image: url("../img/logo.png");
+    background-position: bottom;
+    background-repeat: no-repeat;
+    border-style: none;
+    display: inline-block;
+    height: 55px;
+    width: 170px;
+}
+
+.logo:active,
+.logo:focus,
+.logo:hover {
+    background-position: top;
+}
+
+.title {
+    clear: both;
+    font-size: 16px;
+    margin-bottom: 1rem;
+    border-bottom: 1px dashed #ddd;
+    padding: 0px;
+    padding-bottom: 1rem;
+    color: #586069;
+}
+
+h2 {
+    border-bottom: 1px solid #eee;
+    padding-bottom: 5px;
+}
+
+ul.merged li, ul.blockedby li, ul.blocks li {
+    display: inline-block;
+}
+ul.merged li + li:before,
+ul.blockedby li + li:before,
+ul.blocks li + li:before {
+    content: ", ";
+}
+
+p {
+    max-width: 70rem;
+}
+
+p + p {
+    text-indent: 0.5rem;
+    margin-top: 1.0rem;
+}
+
+
+form {
+    padding-bottom: 2em;
+}
+
+label {
+    text-align: right;
+    margin-right: 0.5em;
+}
+
+tr {
+    border-bottom: 1px solid #ddd;
+}
+
+tr td:nth-child(3){
+    min-width: 8rem;
+}
+
+tr.serious td:nth-child(1) {
+    background-color: #ff5a2a;
+    color: #fff;
+}
+tr.important td:nth-child(1) {
+    background-color: #feaaaa;
+}
+
+#header {
+    background: #333333;
+    border-color: #1A1A1A1A;
+    border-style: none none solid none;
+    border-width: thin;
+    width: 100%;
+    margin-bottom: 1rem;
+    padding: .5em;
+    color: #fff;
+    border-radius: 0;
+}
+#header .navbar-brand {
+    padding: 0;
+}
+
+#header #search input:focus {
+    width: 500px;
+}
+
+footer {
+    border-color: #1A1A1A1A;
+    border-style: dashed none none none;
+    border-width: 2px;
+    width: 100%;
+    align-items: center;
+    text-align: center;
+    margin-top: 3rem;
+    padding: 1rem;
+    color: #586069;
+    background: #fafafa;
+}
+
+table {
+    width: 100%;
+}