Skip to content

feat: update prototype with new library styling #28

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
AdamJ merged 3 commits into from
Sep 18, 2026
Merged

feat: update prototype with new library styling #28

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
a1fc3bd
feat: update prototype with new library styling
AdamJ Sep 17, 2026
fb586fe
fix: broken cas- styles
AdamJ Sep 18, 2026
ae00bba
feat: simplified styling and improved token usage
AdamJ Sep 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 1 addition & 15 deletions .stylelintrc.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1 @@
{
"extends": [
"stylelint-config-twbs-bootstrap"
],
"reportInvalidScopeDisables": true,
"reportNeedlessDisables": true,
"overrides": [
{
"files": "**/*.scss",
"rules": {
"scss/selector-no-union-class-name": true
}
}
]
}
{ "extends": "stylelint-config-standard" }
20 changes: 20 additions & 0 deletions docs/404.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>404 - Page Not Found</title>
<link href="/casWOW/css/site.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>404 - Page Not Found</h1>
<p>The page you are looking for does not exist.</p>
<a href="/casWOW/" class="btn btn-primary">Return Home</a>
</div>
</div>
</div>
</body>
</html>
51 changes: 23 additions & 28 deletions docs/art-chart/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,14 +11,14 @@
<!-- Modified for usage/content provided by Adam J. Jolicoeur: https://github.com/AdamJ -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="@" />
<title>casWOW | Art Chart | </title>
<meta name="keywords" content="@construction, project management, dashboard, cas" />
<title>casWOW | Art Chart | casWOW</title>
<link rel="icon" type="image/png" size="48x48" href="/casWOW/favicon.ico">
<link rel="icon" type="image/png" size="72x72" href="/casWOW/favicon.png">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<meta
name="description"
content=""
content="Construction project management dashboard for CAS"
/>
<meta name="generator" content="Eleventy">

Expand All @@ -45,39 +45,39 @@
Skip to main content
</a>
<header class="site-header sticky-header">
<header class="py-1 px-3 mb-4 bg-light shadow-sm rounded-b-full fixed-top">
<header class="navbar navbar-expand-lg py-1 px-3 mb-4 bg-light shadow-sm rounded-b-full fixed-top">
<div class="container-fluid">
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start gap-2">
<button class="btn btn-outline-dark" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample" title="Menu">
<i class="fa-solid fa-bars fa-lg"></i>
</button>
<a href="/casWOW/" class="d-flex align-items-center mb-2 mb-lg-0 link-secondary text-decoration-none">
<img src="/casWOW/img/CAS_logo.svg" height="32px" alt="CASWOW logo" style="height: 32px;" />
<span class="d-flex d-sm-none">CASim Online</span>
</a>

<ul class="nav navbar-top col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0 d-none d-sm-flex">
<button class="btn btn-secondary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample" title="Menu">
<i class="fa-solid fa-bars"></i>
</button>
<a class="navbar-brand ms-2" href="/casWOW/">
<img src="/casWOW/img/CAS_logo.svg" height="32px" alt="CASWOW logo" style="height: 32px;" />
</a>
<button class="navbar-toggler btn-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li>
<a href="/casWOW/costs/xpress" class="nav-link px-2 link-secondary ">XPress</a>
</li>
<li>
<a href="/casWOW/costs/project-costs" class="nav-link px-2 link-secondary ">Project Costs</a>
</li>
<li class="d-none d-lg-block">
<li>
<a href="/casWOW/reports" class="nav-link px-2 link-secondary ">Reports</a>
</li>
<li class="d-none d-lg-block">
<li>
<a href="/casWOW/project-info" class="nav-link px-2 link-secondary ">Project Information</a>
</li>
<li class="d-none d-lg-block">
<li>
<a href="/casWOW/vendor-info" class="nav-link px-2 link-secondary ">Vendor Information</a>
</li>
</ul>

<div class="d-none d-sm-flex gap-2">
<div class="d-flex gap-2">
<button class="btn btn-sm dropdown-toggle btn-outline-secondary" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-building"></i>
CAS - New York
<span class="d-none d-md-inline-flex">CAS - New York</span>
</button>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-lg-start">

Expand Down Expand Up @@ -154,20 +154,16 @@
</li>

</ul>
</div>

<div class="d-none d-sm-flex gap-2">
<button class="btn btn-sm btn-outline-secondary" type="button">
<button class="btn btn-outline-secondary" type="button">
<i class="fa-solid fa-print"></i>
Print
<span class="d-none d-md-inline-flex">Print</span>
</button>
<button class="btn btn-sm btn-outline-secondary d-inline-flex align-items-center" type="button">
<i class="fa-solid fa-file-export"></i>
Export
<span class="d-none d-md-inline-flex">Export</span>
</button>
</div>

<div class="dropdown text-end d-none d-lg-block">
<a href="#" class="d-block link-secondary text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<img src="/casWOW/img/lumberjack.png" height="32px" alt="Lumberjack avatar" style="height: 32px;" class="rounded-full" />
</a>
Expand Down Expand Up @@ -209,7 +205,6 @@
</li>
</ul>
</div>

</div>
</div>
</header>
Expand Down
51 changes: 23 additions & 28 deletions docs/chatbot/chatbot/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,14 +11,14 @@
<!-- Modified for usage/content provided by Adam J. Jolicoeur: https://github.com/AdamJ -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="@" />
<title>casWOW | </title>
<meta name="keywords" content="@construction, project management, dashboard, cas" />
<title>casWOW | casWOW</title>
<link rel="icon" type="image/png" size="48x48" href="/casWOW/favicon.ico">
<link rel="icon" type="image/png" size="72x72" href="/casWOW/favicon.png">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<meta
name="description"
content=""
content="Construction project management dashboard for CAS"
/>
<meta name="generator" content="Eleventy">

Expand All @@ -45,39 +45,39 @@
Skip to main content
</a>
<header class="site-header sticky-header">
<header class="py-1 px-3 mb-4 bg-light shadow-sm rounded-b-full fixed-top">
<header class="navbar navbar-expand-lg py-1 px-3 mb-4 bg-light shadow-sm rounded-b-full fixed-top">
<div class="container-fluid">
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start gap-2">
<button class="btn btn-outline-dark" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample" title="Menu">
<i class="fa-solid fa-bars fa-lg"></i>
</button>
<a href="/casWOW/" class="d-flex align-items-center mb-2 mb-lg-0 link-secondary text-decoration-none">
<img src="/casWOW/img/CAS_logo.svg" height="32px" alt="CASWOW logo" style="height: 32px;" />
<span class="d-flex d-sm-none">CASim Online</span>
</a>

<ul class="nav navbar-top col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0 d-none d-sm-flex">
<button class="btn btn-secondary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample" title="Menu">
<i class="fa-solid fa-bars"></i>
</button>
<a class="navbar-brand ms-2" href="/casWOW/">
<img src="/casWOW/img/CAS_logo.svg" height="32px" alt="CASWOW logo" style="height: 32px;" />
</a>
<button class="navbar-toggler btn-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li>
<a href="/casWOW/costs/xpress" class="nav-link px-2 link-secondary ">XPress</a>
</li>
<li>
<a href="/casWOW/costs/project-costs" class="nav-link px-2 link-secondary ">Project Costs</a>
</li>
<li class="d-none d-lg-block">
<li>
<a href="/casWOW/reports" class="nav-link px-2 link-secondary ">Reports</a>
</li>
<li class="d-none d-lg-block">
<li>
<a href="/casWOW/project-info" class="nav-link px-2 link-secondary ">Project Information</a>
</li>
<li class="d-none d-lg-block">
<li>
<a href="/casWOW/vendor-info" class="nav-link px-2 link-secondary ">Vendor Information</a>
</li>
</ul>

<div class="d-none d-sm-flex gap-2">
<div class="d-flex gap-2">
<button class="btn btn-sm dropdown-toggle btn-outline-secondary" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-building"></i>
CAS - New York
<span class="d-none d-md-inline-flex">CAS - New York</span>
</button>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-lg-start">

Expand Down Expand Up @@ -154,20 +154,16 @@
</li>

</ul>
</div>

<div class="d-none d-sm-flex gap-2">
<button class="btn btn-sm btn-outline-secondary" type="button">
<button class="btn btn-outline-secondary" type="button">
<i class="fa-solid fa-print"></i>
Print
<span class="d-none d-md-inline-flex">Print</span>
</button>
<button class="btn btn-sm btn-outline-secondary d-inline-flex align-items-center" type="button">
<i class="fa-solid fa-file-export"></i>
Export
<span class="d-none d-md-inline-flex">Export</span>
</button>
</div>

<div class="dropdown text-end d-none d-lg-block">
<a href="#" class="d-block link-secondary text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<img src="/casWOW/img/lumberjack.png" height="32px" alt="Lumberjack avatar" style="height: 32px;" class="rounded-full" />
</a>
Expand Down Expand Up @@ -209,7 +205,6 @@
</li>
</ul>
</div>

</div>
</div>
</header>
Expand Down
55 changes: 25 additions & 30 deletions docs/costs/cost-summary/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,14 +11,14 @@
<!-- Modified for usage/content provided by Adam J. Jolicoeur: https://github.com/AdamJ -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="@" />
<title>casWOW | Cost Summary | </title>
<meta name="keywords" content="@construction, project management, dashboard, cas" />
<title>casWOW | Cost Summary | casWOW</title>
<link rel="icon" type="image/png" size="48x48" href="/casWOW/favicon.ico">
<link rel="icon" type="image/png" size="72x72" href="/casWOW/favicon.png">
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<meta
name="description"
content=""
content="Construction project management dashboard for CAS"
/>
<meta name="generator" content="Eleventy">

Expand All @@ -45,39 +45,39 @@
Skip to main content
</a>
<header class="site-header sticky-header">
<header class="py-1 px-3 mb-4 bg-light shadow-sm rounded-b-full fixed-top">
<header class="navbar navbar-expand-lg py-1 px-3 mb-4 bg-light shadow-sm rounded-b-full fixed-top">
<div class="container-fluid">
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start gap-2">
<button class="btn btn-outline-dark" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample" title="Menu">
<i class="fa-solid fa-bars fa-lg"></i>
</button>
<a href="/casWOW/" class="d-flex align-items-center mb-2 mb-lg-0 link-secondary text-decoration-none">
<img src="/casWOW/img/CAS_logo.svg" height="32px" alt="CASWOW logo" style="height: 32px;" />
<span class="d-flex d-sm-none">CASim Online</span>
</a>

<ul class="nav navbar-top col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0 d-none d-sm-flex">
<button class="btn btn-secondary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample" title="Menu">
<i class="fa-solid fa-bars"></i>
</button>
<a class="navbar-brand ms-2" href="/casWOW/">
<img src="/casWOW/img/CAS_logo.svg" height="32px" alt="CASWOW logo" style="height: 32px;" />
</a>
<button class="navbar-toggler btn-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain" aria-controls="navbarMain" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarMain">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li>
<a href="/casWOW/costs/xpress" class="nav-link px-2 link-secondary ">XPress</a>
</li>
<li>
<a href="/casWOW/costs/project-costs" class="nav-link px-2 link-secondary ">Project Costs</a>
</li>
<li class="d-none d-lg-block">
<li>
<a href="/casWOW/reports" class="nav-link px-2 link-secondary ">Reports</a>
</li>
<li class="d-none d-lg-block">
<li>
<a href="/casWOW/project-info" class="nav-link px-2 link-secondary ">Project Information</a>
</li>
<li class="d-none d-lg-block">
<li>
<a href="/casWOW/vendor-info" class="nav-link px-2 link-secondary ">Vendor Information</a>
</li>
</ul>

<div class="d-none d-sm-flex gap-2">
<div class="d-flex gap-2">
<button class="btn btn-sm dropdown-toggle btn-outline-secondary" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-building"></i>
CAS - New York
<span class="d-none d-md-inline-flex">CAS - New York</span>
</button>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-lg-start">

Expand Down Expand Up @@ -154,20 +154,16 @@
</li>

</ul>
</div>

<div class="d-none d-sm-flex gap-2">
<button class="btn btn-sm btn-outline-secondary" type="button">
<button class="btn btn-outline-secondary" type="button">
<i class="fa-solid fa-print"></i>
Print
<span class="d-none d-md-inline-flex">Print</span>
</button>
<button class="btn btn-sm btn-outline-secondary d-inline-flex align-items-center" type="button">
<i class="fa-solid fa-file-export"></i>
Export
<span class="d-none d-md-inline-flex">Export</span>
</button>
</div>

<div class="dropdown text-end d-none d-lg-block">
<a href="#" class="d-block link-secondary text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<img src="/casWOW/img/lumberjack.png" height="32px" alt="Lumberjack avatar" style="height: 32px;" class="rounded-full" />
</a>
Expand Down Expand Up @@ -209,7 +205,6 @@
</li>
</ul>
</div>

</div>
</div>
</header>
Expand All @@ -236,7 +231,7 @@
873
</span></div></div>
</div><div class="btn-toolbar d-none d-sm-block" role="toolbar" aria-label="Toolbar with button groups"><div class="d-flex gap-2"><div class="dropdown">
<button class="btn btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<button class="btn btn-outline-brand dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-building"></i>
</button>
<ul class="dropdown-menu">
Expand All @@ -246,7 +241,7 @@
<!---->
<li><a class="dropdown-item" href="#"></a></li></ul>
</div><div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<button class="btn btn-brand dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Actions
</button>
<ul class="dropdown-menu">
Expand Down
Loading
Loading