From ea16c5c3ead58c2655bcc7db2a9d86e66db351f9 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Sun, 19 Apr 2020 11:18:57 -0400
Subject: [PATCH] Separate the most recent log entry from the rest; darken
 older text slightly

---
 satiate.css | 11 ++++++++++-
 satiate.js  |  7 +++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/satiate.css b/satiate.css
index d51be8c..0a84367 100644
--- a/satiate.css
+++ b/satiate.css
@@ -195,6 +195,15 @@ a:hover {
   overflow: auto;
 }
 
+#log > div:not(last-child) {
+  color: #ddd;
+}
+
+#log > div:last-child {
+  margin-top: 16pt;
+  color: #fff;
+}
+
 .sidebar {
   background: rgba(255, 255, 255, 0.1);
   padding: 25px;
@@ -289,7 +298,7 @@ a:hover {
   background-color: #888;
   color: #eee;
   margin: 5px;
-  font-size: 24px;
+  font-size: 16pt;
 }
 
 
diff --git a/satiate.js b/satiate.js
index 1036c08..3fa2d27 100644
--- a/satiate.js
+++ b/satiate.js
@@ -49,15 +49,18 @@ const tags = {
 };
 
 function print(lines) {
-  (lines.concat([newline])).forEach(line => {
+  const bigDiv = document.createElement("div");
+  ([newline].concat(lines)).forEach(line => {
     const log = document.querySelector("#log");
     const div = document.createElement("div");
 
     div.textContent = line;
 
-    log.appendChild(div);
+    bigDiv.appendChild(div);
   });
 
+  log.appendChild(bigDiv);
+
   log.scrollTop = log.scrollHeight;
 }