diff --git a/assets/css/extended/typewriter.css b/assets/css/extended/typewriter.css index e876da6..466e741 100644 --- a/assets/css/extended/typewriter.css +++ b/assets/css/extended/typewriter.css @@ -39,18 +39,17 @@ } .nav > .logo { - order: 0; - margin-inline-end: auto; /* push everything else to the right */ + order: 0; /* logo stays left */ } .nav > #menu { order: 1; - margin-inline-start: auto; /* menu hugs the right edge */ + margin-inline-start: auto; /* push menu (and what follows) to the right */ } .nav > .logo-switches { order: 2; - margin-inline-start: 8px; + margin-inline-start: 16px; /* small gap after the menu */ } /* 2) first post card: same card styling as .post-entry */ diff --git a/layouts/partials/extend_footer.html b/layouts/partials/extend_footer.html index 06a5f27..ccfc4c8 100644 --- a/layouts/partials/extend_footer.html +++ b/layouts/partials/extend_footer.html @@ -26,13 +26,7 @@ a.appendChild(box); a.appendChild(document.createTextNode(text.slice(close))); - // reduced motion: static first word, no animation - if (matchMedia('(prefers-reduced-motion: reduce)').matches) { - box.firstChild.before(document.createTextNode(words[0] || '')); - box.querySelector('.tw-cursor').style.display = 'none'; - return; - } - + // reduced motion: blink is disabled via CSS; keep typing but no blink const TYPE = 90, ERASE = 50, HOLD = 1400, GAP = 400; let w = 0, i = 0, dir = 1; box.querySelector('.tw-cursor').style.display = 'inline-block';