diff --git a/satiate.css b/satiate.css index 6101d4b..74b56a1 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; }