<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>School Day Classification</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
padding: 30px;
background: #f4f4f4;
}
.day-type {
font-size: 2em;
margin-top: 20px;
padding: 20px;
border-radius: 10px;
display: inline-block;
background: white;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.weekend { background: #ffe6e6; }
.holiday { background: #fff0b3; }
.a-day { background: #cce5ff; }
.b-day { background: #d5f5d5; }
.uncategorized { background: #e0e0e0; }
.other { background: #f0d1ff; }
</style>
</head>
<body>
<h1>Today's School Day Classification</h1>
<div id="classification" class="day-type">Loading...</div>
<script>
(function(){
const today = new Date();
today.setHours(0,0,0,0);
// SCHOOL YEAR
const schoolStart = new Date(2025, 7, 18); // Aug 18 2025
const schoolEnd = new Date(2026, 4, 21); // May 21 2026
// HOLIDAY BREAKS
const thanksgivingStart = new Date(2025, 10, 24);
const thanksgivingEnd = new Date(2025, 10, 28);
const winterStart = new Date(2025, 11, 22);
const winterEnd = new Date(2026, 0, 4);
// FRIDAY SCHEDULE MAP
const fridaySchedule = {
"2025-08-22": "B",
"2025-08-29": "A",
"2025-09-05": "B",
"2025-09-12": "A",
"2025-09-19": "PD Day",
"2025-09-26": "B",
"2025-10-03": "A",
"2025-10-10": "PD/RECKEEP",
"2025-10-17": "NO STU/TEA",
"2025-10-24": "B",
"2025-10-31": "A",
"2025-11-07": "B",
"2025-11-14": "A",
"2025-11-21": "B",
"2025-11-28": "HOLIDAY",
"2025-12-05": "A",
"2025-12-12": "B",
"2025-12-19": "A",
"2025-12-26": "WINT BREAK",
"2026-01-09": "A",
"2026-01-16": "B",
"2026-01-23": "A",
"2026-01-30": "B",
"2026-02-06": "A",
"2026-02-13": "B",
"2026-02-20": "A",
"2026-02-27": "B",
"2026-03-06": "PD/RECKEEP",
"2026-03-13": "NO STU/TEA",
"2026-03-20": "SPRING BREAK",
"2026-03-27": "A",
"2026-04-03": "B",
"2026-04-10": "A",
"2026-04-17": "B",
"2026-04-24": "A",
"2026-05-01": "B",
"2026-05-08": "A",
"2026-05-15": "A",
"2026-05-22": "REC KEEPING"
};
const formatDateKey = date => date.toISOString().split('T')[0];
let classification = "";
let cssClass = "";
// OUTSIDE SCHOOL YEAR
if (today < schoolStart || today > schoolEnd) {
classification = "Uncategorized";
cssClass = "uncategorized";
}
// WEEKEND
else if (today.getDay() === 0 || today.getDay() === 6) {
classification = "Weekend";
cssClass = "weekend";
}
// THANKSGIVING BREAK
else if (today >= thanksgivingStart && today <= thanksgivingEnd) {
classification = "Thanksgiving Break";
cssClass = "holiday";
}
// WINTER BREAK
else if (today >= winterStart && today <= winterEnd) {
classification = "Winter Break";
cssClass = "holiday";
}
// MONDAY/WEDNESDAY A DAYS
else if (today.getDay() === 1 || today.getDay() === 3) {
classification = "A Day";
cssClass = "a-day";
}
// TUESDAY/THURSDAY B DAYS
else if (today.getDay() === 2 || today.getDay() === 4) {
classification = "B Day";
cssClass = "b-day";
}
// FRIDAYS FROM SCHEDULE
else if (today.getDay() === 5) {
const key = formatDateKey(today);
classification = fridaySchedule[key] || "Uncategorized";
if (classification === "A") cssClass = "a-day";
else if (classification === "B") cssClass = "b-day";
else if (classification === "HOLIDAY" || classification.includes("BREAK")) cssClass = "holiday";
else cssClass = "other";
}
else {
classification = "Uncategorized";
cssClass = "uncategorized";
}
const el = document.getElementById("classification");
el.textContent = classification;
el.classList.add(cssClass);
})();
</script>
</body>
</html>