diff --git a/main.css b/main.css index 960ad08..cafb67c 100644 --- a/main.css +++ b/main.css @@ -86,12 +86,10 @@ h1 { } #headin { - padding-top: 2%; padding-bottom: 2%; - transition: background-color 0.3s, color 0.3s;/* display: flex; justify-content: center; - align-items: center;*/ + align-items: center; } h1 { @@ -100,9 +98,9 @@ h1 { #head-marker.scrolly-out + #headin { position: fixed; + transition: background-color 0.3s, color 0.3s; top: 0px; left: 0px; - background-color: slateblue; color: lightgreen; /*margin-left: var(--sidebar-size);*/ width: calc(100vw); /*- var(--sidebar-size)*/ @@ -112,11 +110,6 @@ h1 { background-color: black; } -body { - /*display: grid; - grid-template-columns: var(--sidebar-size) auto;*/ -} - #outer { position: relative; height: 100vh; @@ -144,11 +137,6 @@ body { padding-left: 10px; } -#sider-cats > input:checked + label { - /*border-right: 2px solid red; - border-bottom: 2px solid red;*/ -} - #sider-cats > label { color: #333333; padding-right: 10px; @@ -178,4 +166,10 @@ a { a:hover { color: darkgreen; +} + +@media (max-width: 1000px) { + #headin { + flex-direction: column; + } } \ No newline at end of file diff --git a/main.js b/main.js index d56dc54..bb325af 100644 --- a/main.js +++ b/main.js @@ -47,4 +47,5 @@ window.addEventListener("scrollend", scrollchecks); window.addEventListener("wheel", scrollchecks); window.addEventListener("resize", scrollchecks); window.addEventListener("load", scrollchecks); +window.addEventListener("touchmove", scrollchecks); setInterval(scrollchecks, 250); // Computers are fast and scrolling in JavaScript is dumb. Shoot me. \ No newline at end of file