This commit is contained in:
Lazy Hippopotamus
2023-06-09 12:29:11 -04:00
parent ee398fe778
commit e4bb77897b
2 changed files with 9 additions and 14 deletions

View File

@@ -86,12 +86,10 @@ h1 {
} }
#headin { #headin {
padding-top: 2%;
padding-bottom: 2%; padding-bottom: 2%;
transition: background-color 0.3s, color 0.3s;/*
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center;*/ align-items: center;
} }
h1 { h1 {
@@ -100,9 +98,9 @@ h1 {
#head-marker.scrolly-out + #headin { #head-marker.scrolly-out + #headin {
position: fixed; position: fixed;
transition: background-color 0.3s, color 0.3s;
top: 0px; top: 0px;
left: 0px; left: 0px;
background-color: slateblue;
color: lightgreen; color: lightgreen;
/*margin-left: var(--sidebar-size);*/ /*margin-left: var(--sidebar-size);*/
width: calc(100vw); /*- var(--sidebar-size)*/ width: calc(100vw); /*- var(--sidebar-size)*/
@@ -112,11 +110,6 @@ h1 {
background-color: black; background-color: black;
} }
body {
/*display: grid;
grid-template-columns: var(--sidebar-size) auto;*/
}
#outer { #outer {
position: relative; position: relative;
height: 100vh; height: 100vh;
@@ -144,11 +137,6 @@ body {
padding-left: 10px; padding-left: 10px;
} }
#sider-cats > input:checked + label {
/*border-right: 2px solid red;
border-bottom: 2px solid red;*/
}
#sider-cats > label { #sider-cats > label {
color: #333333; color: #333333;
padding-right: 10px; padding-right: 10px;
@@ -179,3 +167,9 @@ a {
a:hover { a:hover {
color: darkgreen; color: darkgreen;
} }
@media (max-width: 1000px) {
#headin {
flex-direction: column;
}
}

View File

@@ -47,4 +47,5 @@ window.addEventListener("scrollend", scrollchecks);
window.addEventListener("wheel", scrollchecks); window.addEventListener("wheel", scrollchecks);
window.addEventListener("resize", scrollchecks); window.addEventListener("resize", scrollchecks);
window.addEventListener("load", scrollchecks); window.addEventListener("load", scrollchecks);
window.addEventListener("touchmove", scrollchecks);
setInterval(scrollchecks, 250); // Computers are fast and scrolling in JavaScript is dumb. Shoot me. setInterval(scrollchecks, 250); // Computers are fast and scrolling in JavaScript is dumb. Shoot me.