From 19f153e706ddfbef7c302df007fb7ad8c59659f6 Mon Sep 17 00:00:00 2001 From: Eryn Wells Date: Fri, 18 Nov 2022 07:12:57 -0800 Subject: [PATCH] Remove the animated, sticky header --- assets/scripts/site.js | 18 ------------------ assets/styles/root.css | 17 ----------------- 2 files changed, 35 deletions(-) diff --git a/assets/scripts/site.js b/assets/scripts/site.js index 60c799a..b2ef2b1 100644 --- a/assets/scripts/site.js +++ b/assets/scripts/site.js @@ -3,22 +3,4 @@ */ window.addEventListener("DOMContentLoaded", () => { - const siteHeader = document.querySelector("header.site"); - if (!siteHeader) { - return; - } - siteHeader.classList.add("visible"); - - siteHeader.addEventListener("animationend", () => { - siteHeader.classList.add("sticky"); - }, false); - - try { - const documentReferrer = new URL(document.referrer); - if (documentReferrer.pathname === "/") { - siteHeader.classList.add("animated"); - } else { - siteHeader.classList.add("sticky"); - } - } catch { } }); diff --git a/assets/styles/root.css b/assets/styles/root.css index e21547b..12c3b92 100644 --- a/assets/styles/root.css +++ b/assets/styles/root.css @@ -262,26 +262,9 @@ h1.site > a:hover { text-decoration: none; } header.site { display: flex; - left: 0; - position: fixed; - top: 0; - visibility: hidden; width: 100%; z-index: 10000; } -header.site.visible { visibility: visible; } -header.site.sticky { position: sticky; } -header.site.animated { - animation: site-header-slide-in var(--transition-duration) ease-out; -} -@keyframes site-header-slide-in { - from { - top: -200px; - } - to { - top: 0; - } -} header.site > .grid > h1 { font-family: var(--font-family-site-heading);