merge... yay....
All checks were successful
ClarkeIS Build / Build-Docker-Image (push) Successful in 1m17s

This commit is contained in:
2025-04-07 08:56:43 -04:00
parent 853c0775e3
commit bde96bb05d
22 changed files with 605 additions and 63 deletions

1
.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
output

File diff suppressed because one or more lines are too long

View File

@@ -1,3 +1,4 @@
<<<<<<< HEAD
body {
margin: 0px;
padding: 0px;
@@ -21,3 +22,72 @@ body {
#header.hide {
transform: translateY(-100%);
}
=======
@font-face {
font-family: FiraCode;
src: url("http://localhost:8080/res/FiraCode-Medium.ttf");
}
body {
background-image: url("http://localhost:8080/res/tile.svg");
background-color: rgb(255, 255, 210);
background-position: center;
background-attachment: fixed;
}
#header {
max-width: 800px;
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: white;
box-shadow: 5px 5px 0px 0px black;
margin-top: 50px;
padding: 20px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0px;
transition: transform 0.2s;
}
#header > div {
display: grid;
height: 100%;
grid-template-rows: 50% 50%;
grid-auto-columns: 1fr;
grid-auto-flow: column dense;
}
#header > div > a {
font-family: FiraCode;
text-decoration: none;
color: black;
transition: color 0.1s;
}
#header > div > a:hover {
color: rgb(255, 204, 0);
}
.center-text {
margin-top: 100px;
background-color: white;
max-width: 1000px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 50px;
border-left: 5px solid rgb(255, 204, 0);
}
#header.slide-away {
transform: translateY(calc(-100% - 5px));
}
>>>>>>> b97c574 (ehhh)

View File

@@ -0,0 +1,16 @@
var last_scroll_top = 0;
function onscroll() {
let sctp = document.documentElement.scrollTop;
if (sctp > last_scroll_top + 200) {
document.getElementById("header").classList.add("slide-away");
last_scroll_top = sctp;
}
if (sctp < last_scroll_top) {
document.getElementById("header").classList.remove("slide-away");
last_scroll_top = sctp;
}
}
window.addEventListener("scroll", onscroll);
window.addEventListener("wheel", onscroll);

BIN
output/res/FiraCode-Medium.ttf Executable file

Binary file not shown.

BIN
output/res/icon-square.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

64
output/res/icon-square.svg Executable file
View File

@@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="64"
height="64"
viewBox="0 0 16.933333 16.933333"
version="1.1"
id="svg1"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
sodipodi:docname="icon-square.svg"
inkscape:export-filename="icon-square.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
inkscape:zoom="5.6568543"
inkscape:cx="31.466252"
inkscape:cy="35.355339"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs1" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<circle
style="fill:#ffcc00;stroke-width:1.464;stroke-linecap:round"
id="path11"
cx="8.4891472"
cy="8.5359211"
r="7.6646748" />
<text
xml:space="preserve"
style="font-size:19.4992px;font-family:'Droid Sans';-inkscape-font-specification:'Droid Sans';text-align:center;writing-mode:lr-tb;direction:ltr;text-anchor:middle;fill:#000080;stroke-width:1.464;stroke-linecap:round"
x="7.9133945"
y="13.976064"
id="text8"><tspan
sodipodi:role="line"
id="tspan8"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Nimbus Mono PS';-inkscape-font-specification:'Nimbus Mono PS Bold';fill:#000080;stroke-width:1.464"
x="7.9133945"
y="13.976064">C<tspan
style="font-size:9.78251px;fill:#000080;stroke-width:1.464"
id="tspan9" /></tspan></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
output/res/icon-wide.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

75
output/res/icon-wide.svg Executable file
View File

@@ -0,0 +1,75 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="128"
height="64"
viewBox="0 0 33.866666 16.933333"
version="1.1"
id="svg1"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
sodipodi:docname="icon-wide.svg"
inkscape:export-filename="icon-wide.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
inkscape:zoom="4"
inkscape:cx="64.5"
inkscape:cy="32.5"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs1" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<circle
style="fill:#ffcc00;stroke-width:1.464;stroke-linecap:round"
id="path11"
cx="7.3432288"
cy="6.1739268"
r="4.9752755" />
<text
xml:space="preserve"
style="font-size:12.6573px;font-family:'Droid Sans';-inkscape-font-specification:'Droid Sans';text-align:center;writing-mode:lr-tb;direction:ltr;text-anchor:middle;fill:#000080;stroke-width:1.464;stroke-linecap:round"
x="16.616226"
y="9.8104258"
id="text8"><tspan
sodipodi:role="line"
id="tspan8"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Nimbus Mono PS';-inkscape-font-specification:'Nimbus Mono PS Bold';stroke-width:1.464;fill:#000080"
x="16.616226"
y="9.8104258">C<tspan
style="font-size:6.35px;fill:#000080"
id="tspan9">larke</tspan></tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.93621px;font-family:'Nimbus Mono PS';-inkscape-font-specification:'Nimbus Mono PS Bold';text-align:center;writing-mode:lr-tb;direction:ltr;text-anchor:middle;fill:#800080;stroke-width:1.464;stroke-linecap:round"
x="16.936031"
y="14.245196"
id="text10"><tspan
sodipodi:role="line"
id="tspan10"
style="font-size:2.93621px;fill:#1a1a1a;stroke-width:1.464"
x="16.936033"
y="14.245196">information systems</tspan></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

50
output/res/tile.svg Executable file
View File

@@ -0,0 +1,50 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="60"
height="60"
viewBox="0 0 15.875 15.875"
version="1.1"
id="svg1"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
sodipodi:docname="tile.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
inkscape:zoom="8.0630807"
inkscape:cx="31.625629"
inkscape:cy="27.656923"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs1" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<path
style="fill:#b3b3b3;stroke:#767676;stroke-width:0.529167;stroke-linecap:square;stroke-dasharray:none;stroke-opacity:1"
d="M 7.9375001,4.1626175 V 11.712382"
id="path1" />
<path
style="fill:#b3b3b3;stroke:#767676;stroke-width:0.529167;stroke-linecap:square;stroke-dasharray:none;stroke-opacity:1"
d="M 11.712382,7.9374997 H 4.1626179"
id="path2" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@@ -1,8 +1,5 @@
[?]
[=config-]
[=baseurl "http://localhost:8080"]
[i production]
[=baseurl "http://localhost:8080"]
[i production]
[=baseurl "https://clarkeis.com"]
[/]
[/]

View File

@@ -1,22 +1,27 @@
[?]
[#config.stx]
<!DOCTYPE html>
<html>
<head>
<title>[^title] | Clarke Information Systems</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="[^config.baseurl]/main.css" />
<link rel="stylesheet" href="[^baseurl]/main.css" />
<link rel="icon" href="[^baseurl]/res/icon-square.png" />
</head>
<body>
<div id="header">
header stuff!
<a href="[^baseurl]"><img src="[^baseurl]/res/icon-wide.png" /></a>
<div>
<a href="[^baseurl]/about.html">About Us</a>
<a href="[^baseurl]/about.html">Hire Us</a>
<a href="[^baseurl]/about.html">Meet The Team</a>
<a href="[^baseurl]/about.html">Contact Us</a>
<a href="[^baseurl]/about.html">Our Services</a>
<a href="[^baseurl]/about.html">Pricing Calculator</a>
</div>
</div>
<div id="main">
[^content]
</div>
<div id="footer">
footer stuff!
</div>
<script src="[^config.baseurl]/header-hider.js"></script>
<script src="[^baseurl]/main.js"></script>
</body>
</html>

View File

@@ -1,18 +0,0 @@
[!]
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);

View File

@@ -1,7 +1,8 @@
[!]
[=title "Home"]
[=content-]
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 class="center-text">
Website under construction. Check back later!
</div>
[/]
[#default.html]

View File

@@ -1,23 +1,65 @@
[!]
[#config.stx]
@font-face {
font-family: FiraCode;
src: url("[^baseurl]/res/FiraCode-Medium.ttf");
}
body {
margin: 0px;
padding: 0px;
display: flex;
flex-direction: column;
background-image: url("[^baseurl]/res/tile.svg");
background-color: rgb(255, 255, 210);
background-position: center;
background-attachment: fixed;
}
#header {
max-width: 800px;
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: white;
box-shadow: 5px 5px 0px 0px black;
margin-top: 50px;
padding: 20px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0px;
padding: 10px;
transition: transform 0.2s;
}
#header > div {
display: grid;
height: 100%;
grid-template-rows: 50% 50%;
grid-auto-columns: 1fr;
grid-auto-flow: column dense;
}
#header > div > a {
font-family: FiraCode;
text-decoration: none;
color: black;
transition: color 0.1s;
}
#header > div > a:hover {
color: rgb(255, 204, 0);
}
.center-text {
margin-top: 100px;
background-color: white;
box-shadow: 0px 0px 5px 5px black;
transition: transform 0.5s;
max-width: 1000px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 50px;
border-left: 5px solid rgb(255, 204, 0);
}
#footer {
margin-top: auto;
}
#header.hide {
transform: translateY(-100%);
#header.slide-away {
transform: translateY(calc(-100% - 5px));
}

View File

@@ -1 +1,16 @@
[!]
var last_scroll_top = 0;
function onscroll() {
let sctp = document.documentElement.scrollTop;
if (sctp > last_scroll_top + 200) {
document.getElementById("header").classList.add("slide-away");
last_scroll_top = sctp;
}
if (sctp < last_scroll_top) {
document.getElementById("header").classList.remove("slide-away");
last_scroll_top = sctp;
}
}
window.addEventListener("scroll", onscroll);
window.addEventListener("wheel", onscroll);

Binary file not shown.

BIN
site/res/icon-square.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

64
site/res/icon-square.svg Normal file
View File

@@ -0,0 +1,64 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="64"
height="64"
viewBox="0 0 16.933333 16.933333"
version="1.1"
id="svg1"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
sodipodi:docname="icon-square.svg"
inkscape:export-filename="icon-square.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
inkscape:zoom="5.6568543"
inkscape:cx="31.466252"
inkscape:cy="35.355339"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs1" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<circle
style="fill:#ffcc00;stroke-width:1.464;stroke-linecap:round"
id="path11"
cx="8.4891472"
cy="8.5359211"
r="7.6646748" />
<text
xml:space="preserve"
style="font-size:19.4992px;font-family:'Droid Sans';-inkscape-font-specification:'Droid Sans';text-align:center;writing-mode:lr-tb;direction:ltr;text-anchor:middle;fill:#000080;stroke-width:1.464;stroke-linecap:round"
x="7.9133945"
y="13.976064"
id="text8"><tspan
sodipodi:role="line"
id="tspan8"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Nimbus Mono PS';-inkscape-font-specification:'Nimbus Mono PS Bold';fill:#000080;stroke-width:1.464"
x="7.9133945"
y="13.976064">C<tspan
style="font-size:9.78251px;fill:#000080;stroke-width:1.464"
id="tspan9" /></tspan></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
site/res/icon-wide.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

75
site/res/icon-wide.svg Normal file
View File

@@ -0,0 +1,75 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="128"
height="64"
viewBox="0 0 33.866666 16.933333"
version="1.1"
id="svg1"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
sodipodi:docname="icon-wide.svg"
inkscape:export-filename="icon-wide.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
inkscape:zoom="4"
inkscape:cx="64.5"
inkscape:cy="32.5"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs1" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<circle
style="fill:#ffcc00;stroke-width:1.464;stroke-linecap:round"
id="path11"
cx="7.3432288"
cy="6.1739268"
r="4.9752755" />
<text
xml:space="preserve"
style="font-size:12.6573px;font-family:'Droid Sans';-inkscape-font-specification:'Droid Sans';text-align:center;writing-mode:lr-tb;direction:ltr;text-anchor:middle;fill:#000080;stroke-width:1.464;stroke-linecap:round"
x="16.616226"
y="9.8104258"
id="text8"><tspan
sodipodi:role="line"
id="tspan8"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Nimbus Mono PS';-inkscape-font-specification:'Nimbus Mono PS Bold';stroke-width:1.464;fill:#000080"
x="16.616226"
y="9.8104258">C<tspan
style="font-size:6.35px;fill:#000080"
id="tspan9">larke</tspan></tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:2.93621px;font-family:'Nimbus Mono PS';-inkscape-font-specification:'Nimbus Mono PS Bold';text-align:center;writing-mode:lr-tb;direction:ltr;text-anchor:middle;fill:#800080;stroke-width:1.464;stroke-linecap:round"
x="16.936031"
y="14.245196"
id="text10"><tspan
sodipodi:role="line"
id="tspan10"
style="font-size:2.93621px;fill:#1a1a1a;stroke-width:1.464"
x="16.936033"
y="14.245196">information systems</tspan></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

50
site/res/tile.svg Normal file
View File

@@ -0,0 +1,50 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="60"
height="60"
viewBox="0 0 15.875 15.875"
version="1.1"
id="svg1"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
sodipodi:docname="tile.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
inkscape:zoom="8.0630807"
inkscape:cx="31.625629"
inkscape:cy="27.656923"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs1" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<path
style="fill:#b3b3b3;stroke:#767676;stroke-width:0.529167;stroke-linecap:square;stroke-dasharray:none;stroke-opacity:1"
d="M 7.9375001,4.1626175 V 11.712382"
id="path1" />
<path
style="fill:#b3b3b3;stroke:#767676;stroke-width:0.529167;stroke-linecap:square;stroke-dasharray:none;stroke-opacity:1"
d="M 11.712382,7.9374997 H 4.1626179"
id="path2" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB