admin/clarkeis.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some site updates
All checks were successful
ClarkeIS Build / Build-Docker-Image (push) Successful in 42s
Details

Browse Source
This commit is contained in:
Lazy Hippopotamus
2025-03-24 20:47:06 -04:00
parent 175efe81d8
commit 853c0775e3
19 changed files with 169 additions and 343 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
output/.sitix Executable file
View File

@@ -0,0 +1,3 @@
Project rendered by Sitix (by Tyler Clarke). Sitix is free and open source software protected by GPLv3. For more information on Sitix, see the website: https://swaous.asuscomm.com/sitix.
This file is automatically added to mark a project directory; the directory this is in will be FULLY DELETED by the next Sitix build and files in it should not be manually edited.

18
output/header-hider.js Executable file
View File

@@ -0,0 +1,18 @@
let old_scroll_top = document.documentElement.scrollTop;
function onscroll() {
if (document.documentElement.scrollTop > old_scroll_top + 100) {
document.getElementById("header").classList.add("hide");
old_scroll_top = document.documentElement.scrollTop;
}
if (document.documentElement.scrollTop < old_scroll_top) {
old_scroll_top = document.documentElement.scrollTop;
document.getElementById("header").classList.remove("hide");
}
}
window.addEventListener("wheel", onscroll);
window.addEventListener("scroll", onscroll);

28
output/index.html Executable file
View File

@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>Home | Clarke Information Systems</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://localhost:8080/main.css" />
</head>
<body>
<div id="header">
header stuff!
</div>
<div id="main">
hi!
lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>lor<br>
</div>
<div id="footer">
footer stuff!
</div>
<script src="http://localhost:8080/header-hider.js"></script>
</body>
</html>

23
output/main.css Executable file
View File

@@ -0,0 +1,23 @@
body {
margin: 0px;
padding: 0px;
display: flex;
flex-direction: column;
}
#header {
position: sticky;
top: 0px;
padding: 10px;
background-color: white;
box-shadow: 0px 0px 5px 5px black;
transition: transform 0.5s;
}
#footer {
margin-top: auto;
}
#header.hide {
transform: translateY(-100%);
}

0
output/main.js Executable file
View File