diff --git a/public/scripts/AppFps.js b/public/scripts/AppFps.js index 589fa16..d83408a 100644 --- a/public/scripts/AppFps.js +++ b/public/scripts/AppFps.js @@ -2,6 +2,7 @@ window.VT = window.VT || {}; VT.AppFps = function (el) { + var sampleSize = 20; var times = []; tick(); @@ -11,20 +12,20 @@ VT.AppFps = function (el) { times.push(performance.now()); - if (times.length < 60) return; + if (times.length <= sampleSize) return; var min = Infinity; var max = 0; var sum = 0; - for (var i = 1; i < 60; ++i) { + for (var i = 1; i < sampleSize + 1; ++i) { var delta = times[i] - times[i - 1]; min = Math.min(min, delta); max = Math.max(max, delta); sum += delta; } - var fps = (60 / sum) * 1000; + var fps = (sampleSize / sum) * 1000; el.innerText = fps.toFixed(0) + diff --git a/public/scripts/TodoApp.js b/public/scripts/TodoApp.js index 4bc444c..15f4db5 100644 --- a/public/scripts/TodoApp.js +++ b/public/scripts/TodoApp.js @@ -27,7 +27,7 @@ VT.TodoApp = function (el) { '
', ' VANILLA TODO © 2020 Morris Brodersen', ' — A case study on viable techniques for vanilla web development.', - ' About', + ' About →', '
', '', ].join('\n'); diff --git a/public/scripts/TodoFrameCustom.js b/public/scripts/TodoFrameCustom.js index a612920..1eb616c 100644 --- a/public/scripts/TodoFrameCustom.js +++ b/public/scripts/TodoFrameCustom.js @@ -119,7 +119,7 @@ VT.TodoFrameCustom = function (el) { } function updateHeight() { - var height = 400; + var height = 280; var container = el.querySelector('.container'); var i, l; diff --git a/public/scripts/TodoFrameDays.js b/public/scripts/TodoFrameDays.js index 88a7167..c7e8c95 100644 --- a/public/scripts/TodoFrameDays.js +++ b/public/scripts/TodoFrameDays.js @@ -96,7 +96,7 @@ VT.TodoFrameDays = function (el) { } function updateHeight() { - var height = 400; + var height = 280; var container = el.querySelector('.container'); for (var i = 0, l = container.children.length; i < l; ++i) { diff --git a/public/styles/app-collapsible.css b/public/styles/app-collapsible.css index 3d867e1..e010ec3 100644 --- a/public/styles/app-collapsible.css +++ b/public/styles/app-collapsible.css @@ -6,6 +6,10 @@ background: #eee; } +.app-collapsible > .bar > .app-button:active { + background: #fff; +} + .app-collapsible > .body { transition: height 0.2s ease-out; overflow: hidden; diff --git a/public/styles/app-footer.css b/public/styles/app-footer.css index e2ac395..7dea98f 100644 --- a/public/styles/app-footer.css +++ b/public/styles/app-footer.css @@ -5,6 +5,10 @@ color: #999; } +.app-footer a { + color: #999; +} + .app-footer > p { margin: 0; } diff --git a/public/styles/app-header.css b/public/styles/app-header.css index 001e0f9..058e8b0 100644 --- a/public/styles/app-header.css +++ b/public/styles/app-header.css @@ -1,5 +1,5 @@ .app-header { - background: #249; + background: #001f3f; padding: 10px 20px; } diff --git a/public/styles/todo-day.css b/public/styles/todo-day.css index 3135233..b46510b 100644 --- a/public/styles/todo-day.css +++ b/public/styles/todo-day.css @@ -26,7 +26,7 @@ } .todo-day.-today > .header > .dayofweek { - color: #c22; + color: #85144b; } .todo-day.-today > .header > .date {