Implement blob display.

1 files changed, 47 insertions, 3 deletions

diff --git a/lib/static/styles.css b/lib/static/styles.css
index f72a473..ad38179 100644
--- a/lib/static/styles.css
+++ b/lib/static/styles.css
@@ -71,12 +71,56 @@ div#main a:hover {
 }
 
 h1 {
-    position: sticky;
-    top: 0;
-    background: inherit;
+    /* position: sticky; */
+    /* top: 0; */
+    /* background: inherit; */
     padding: 0.5em 0;
 }
 
 .commit-hash {
     font-family: monospace;
 }
+
+#blob {
+    display: grid;
+    column-gap: 1.5em;
+    grid-template-columns: 3em auto;
+    font-family: monospace;
+}
+
+#blob a.line-anchor {
+    color: grey;
+    text-decoration: none;
+    text-align: right;
+}
+
+#blob a.line-anchor:target {
+    color: white;
+    background-color: grey;
+}
+
+#blob a.line-anchor:hover {
+    color: skyblue;
+    background-color: inherit;
+    text-decoration: none;
+}
+
+#blob span.line {
+    white-space: preserve-spaces;
+}
+
+footer {
+    margin-top: 1em;
+    text-align: center;
+}
+
+@media (max-width: 400px) {
+    body {
+        padding: 0;
+    }
+
+    #blob {
+	column-gap: 1em;
+	grid-template-columns: max-content auto;
+    }
+}