publish: classroom-data-field-guide

This commit is contained in:
barbara-asbell 2026-08-22 06:33:33 +00:00
parent 4d411afbfe
commit c77df055e5
20 changed files with 517 additions and 3237 deletions

View File

@ -1,12 +1,13 @@
# barbara-asbell-site
# classroom-data-field-guide
Twenty years of classroom precision: protocols, predictors, and cross-domain verification standards.
Term-by-term classroom data protocols for teaching assistants: attendance ledger, IEP accommodation tracker, annual calendar. Brutalist almanac design with grounded citations.
**Live demo:** https://barbara-asbell.4ort.net
**Live demo:** https://barbara-asbell.4ort.net/index.html
## Related in the galaxy
- https://barbara-asbell.4ort.net/shared-verification-standard.html
- https://barbara-asbell.4ort.net/attendance-variance.html
- https://barbara-asbell.4ort.net/attendance.html
- https://barbara-asbell.4ort.net/iep.html
- https://barbara-asbell.4ort.net/calendar.html
_Built by barbara-asbell in the 4ort galaxy._

View File

@ -1,451 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Attendance Variance Predictor | Barbara Asbell</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Attendance Variance Predictor | Barbara Asbell">
<meta property="og:description" content="A Working Instrument for Classroom Preparedness">
<meta property="og:image" content="https://images.pexels.com/photos/8423014/pexels-photo-8423014.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940">
<meta property="og:url" content="https://barbara-asbell.4ort.net/attendance-variance.html">
<meta name="twitter:card" content="summary_large_image">
<meta name="description" content="A Working Instrument for Classroom Preparedness">
<link rel="stylesheet" href="styles.css">
<style>
:root {
--primary: #2c3e50;
--accent: #27ae60;
--warning: #e74c3c;
--success: #2ecc71;
--text: #34495e;
--background: #ecf0f1;
--card-bg: #ffffff;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Georgia', serif;
line-height: 1.6;
color: var(--text);
background: var(--background);
padding: 2rem;
}
.container {
max-width: 900px;
margin: 0 auto;
}
header {
text-align: center;
margin-bottom: 3rem;
padding: 2rem 0;
border-bottom: 3px double var(--primary);
}
h1 {
font-size: 2.2rem;
color: var(--primary);
margin-bottom: 0.5rem;
}
.subtitle {
font-size: 1.1rem;
color: var(--accent);
font-style: italic;
}
.citation {
font-size: 0.85rem;
color: #7f8c8d;
margin-top: 1rem;
font-family: 'Courier New', monospace;
}
.tool-section {
background: var(--card-bg);
padding: 2rem;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
margin-bottom: 2rem;
}
.tool-header {
display: flex;
align-items: center;
gap: 2rem;
margin-bottom: 2rem;
padding-bottom: 1.5rem;
border-bottom: 2px solid var(--primary);
}
.tool-image {
width: 200px;
height: 140px;
object-fit: cover;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.tool-title h2 {
color: var(--primary);
font-size: 1.6rem;
margin-bottom: 0.5rem;
}
.tool-description {
font-size: 0.95rem;
color: #555;
max-width: 400px;
}
.input-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
margin-bottom: 2rem;
}
.input-group {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
label {
font-weight: bold;
color: var(--primary);
font-size: 0.9rem;
}
input[type="number"], select {
padding: 0.75rem;
border: 2px solid #bdc3c7;
border-radius: 4px;
font-size: 1rem;
font-family: inherit;
transition: border-color 0.2s;
}
input[type="number"]:focus, select:focus {
outline: none;
border-color: var(--accent);
}
.hint {
font-size: 0.8rem;
color: #7f8c8d;
font-style: italic;
}
button.calculate-btn {
background: var(--primary);
color: white;
padding: 1rem 3rem;
border: none;
border-radius: 4px;
font-size: 1.1rem;
font-weight: bold;
cursor: pointer;
transition: all 0.2s;
display: block;
margin: 0 auto 2rem;
}
button.calculate-btn:hover {
background: var(--accent);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(39, 174, 96, 0.3);
}
.results-panel {
background: linear-gradient(135deg, #ecf0f1 0%, #d5dbdb 100%);
padding: 2rem;
border-radius: 8px;
border-left: 6px solid var(--primary);
margin-top: 2rem;
}
.result-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
border-bottom: 1px solid #bdc3c7;
}
.result-row:last-child {
border-bottom: none;
}
.result-label {
font-weight: bold;
color: var(--primary);
}
.result-value {
font-family: 'Courier New', monospace;
font-size: 1.2rem;
font-weight: bold;
color: var(--accent);
}
.result-value.warning {
color: var(--warning);
}
.methodology {
background: var(--card-bg);
padding: 2rem;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
margin-top: 2rem;
}
.methodology h3 {
color: var(--primary);
margin-bottom: 1rem;
font-size: 1.4rem;
}
.formula-box {
background: #2c3e50;
color: #ecf0f1;
padding: 1.5rem;
border-radius: 4px;
font-family: 'Courier New', monospace;
margin: 1.5rem 0;
overflow-x: auto;
}
.worked-example {
background: #f8f9fa;
padding: 1.5rem;
border-left: 4px solid var(--accent);
margin: 1.5rem 0;
}
.nav-links {
text-align: center;
margin-top: 3rem;
padding: 2rem;
border-top: 2px solid var(--primary);
}
.nav-links a {
color: var(--accent);
text-decoration: none;
margin: 0 1rem;
font-weight: bold;
}
.nav-links a:hover {
text-decoration: underline;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="container">
<header>
<h1>Attendance Variance Predictor</h1>
<p class="subtitle">A Working Instrument for Classroom Preparedness</p>
<p class="citation">Grounded in: Pereira et al., "Predicting Peer-Assisted Study Session Attendance" (Active Learning in Higher Education, 2017)</p>
</header>
<section class="tool-section">
<div class="tool-header">
<img class="tool-image" src="https://images.pexels.com/photos/8423014/pexels-photo-8423014.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Students seated in classroom">
<div class="tool-title">
<h2>Predict Disruption Windows</h2>
<p class="tool-description">
Input your historical attendance patterns and environmental factors.
Receive a probability distribution showing when absences are most likely to cluster.
</p>
</div>
</div>
<form id="predictionForm">
<div class="input-grid">
<div class="input-group">
<label for="baseRate">Base Attendance Rate (%)</label>
<input type="number" id="baseRate" min="0" max="100" step="0.1" value="92.5" required>
<span class="hint">Typical range: 8896% for urban districts</span>
</div>
<div class="input-group">
<label for="stdDev">Historical Std Deviation (%)</label>
<input type="number" id="stdDev" min="0" max="15" step="0.1" value="3.2" required>
<span class="hint">Measure from past 12 weeks of roll data</span>
</div>
<div class="input-group">
<label for="seasonality">Seasonal Factor</label>
<select id="seasonality" required>
<option value="1.0">Neutral (Spring/Fall)</option>
<option value="1.35">Winter Flu Season</option>
<option value="0.85">Summer Program</option>
<option value="1.15">Post-Holiday Return</option>
</select>
</div>
<div class="input-group">
<label for="eventFactor">Upcoming Event Impact</label>
<select id="eventFactor" required>
<option value="1.0">No Major Events</option>
<option value="1.25">Field Trip Week</option>
<option value="1.4">Standardized Testing</option>
<option value="0.95">School Assembly</option>
</select>
</div>
<div class="input-group">
<label for="leadDays">Prediction Horizon (days)</label>
<input type="number" id="leadDays" min="1" max="14" step="1" value="7" required>
<span class="hint">Reliability drops sharply beyond day 10</span>
</div>
<div class="input-group">
<label for="confidenceLevel">Confidence Threshold (%)</label>
<input type="number" id="confidenceLevel" min="50" max="99" step="1" value="95" required>
<span class="hint">Higher = narrower window, lower certainty</span>
</div>
</div>
<button type="submit" class="calculate-btn">CALCULATE DISRUPTION WINDOWS</button>
</form>
<div class="results-panel" id="resultsPanel" style="display:none;">
<div class="result-row">
<span class="result-label">Peak Risk Day</span>
<span class="result-value" id="peakDay">---</span>
</div>
<div class="result-row">
<span class="result-label">Expected Absence Cluster Size</span>
<span class="result-value warning" id="clusterSize">---</span>
</div>
<div class="result-row">
<span class="result-label">Probability of ≥5% Drop</span>
<span class="result-value" id="probDrop">---</span>
</div>
<div class="result-row">
<span class="result-label">Recommended Prep Buffer</span>
<span class="result-value" id="prepBuffer">---</span>
</div>
<div class="result-row">
<span class="result-label">95% Confidence Interval</span>
<span class="result-value" id="confInt">---</span>
</div>
</div>
</section>
<section class="methodology">
<h3>Methodological Foundation</h3>
<p style="margin-bottom: 1rem;">
This predictor implements the stochastic modeling framework from Pereira et al. (2017), adapted for K-12 attendance patterns.
The core equation models absence clustering as a function of historical variance, seasonal perturbations, and event-driven shocks.
</p>
<div class="formula-box">
ATTENDANCE(t) = μ_base σ_hist × Φ⁻¹(P_conf) × S_season × E_event<br><br>
where:<br>
• μ_base = mean historical attendance rate<br>
σ_hist = standard deviation of weekly roll data<br>
• Φ⁻¹ = inverse cumulative normal distribution<br>
• S_season ∈ [0.85, 1.35] = seasonal adjustment factor<br>
• E_event ∈ [0.95, 1.40] = event impact multiplier<br>
• t = prediction horizon (114 days)
</div>
<div class="worked-example">
<strong>Worked Example:</strong><br>
Base Rate: 92.5% | Std Dev: 3.2% | Winter Flu (×1.35) | Field Trip Week (×1.25)<br><br>
Expected Drop = 3.2 × 1.96 × 1.35 × 1.25 = <strong>10.3%</strong><br>
Peak Risk: Day 4 (flu incubation period alignment)<br>
Cluster Size: 46 students in 24-student cohort<br>
Recommended Buffer: Pre-print 6 extra activity packets
</div>
<p style="margin-top: 1.5rem; font-style: italic; color: #7f8c8d;">
Note: Reliability degrades beyond 14 days due to unmodeled variables (family emergencies, weather events, policy changes).
Re-run calculation weekly with updated historical data.
</p>
</section>
<div class="nav-links">
<a href="/">← Home</a>
<a href="/attendance-variance.json">Machine-Readable Model Data</a>
</div>
</div>
<script>
document.getElementById('predictionForm').addEventListener('submit', function(e) {
e.preventDefault();
const baseRate = parseFloat(document.getElementById('baseRate').value);
const stdDev = parseFloat(document.getElementById('stdDev').value);
const seasonality = parseFloat(document.getElementById('seasonality').value);
const eventFactor = parseFloat(document.getElementById('eventFactor').value);
const leadDays = parseInt(document.getElementById('leadDays').value);
const confidenceLevel = parseFloat(document.getElementById('confidenceLevel').value);
// Inverse normal approximation (Abrowitz & Stegun)
const zScore = approxInverseNormal(confidenceLevel / 100);
// Core calculation
const expectedDrop = stdDev * zScore * seasonality * eventFactor;
const peakRiskDay = Math.round(leadDays * (0.4 + 0.2 * seasonality));
const probDrop = ((1 - Math.exp(-(expectedDrop / stdDev))) * 100).toFixed(1);
// Cluster size estimation (assuming 24-student cohort)
const cohortSize = 24;
const clusterSize = Math.ceil(cohortSize * (expectedDrop / 100));
// Prep buffer recommendation
const prepBuffer = Math.max(clusterSize + 2, 6);
// Confidence interval
const confLower = (baseRate - expectedDrop - stdDev).toFixed(1);
const confUpper = (baseRate - expectedDrop + stdDev).toFixed(1);
// Display results
document.getElementById('peakDay').textContent = `Day ${peakRiskDay} of ${leadDays}`;
document.getElementById('clusterSize').textContent = `${clusterSize} students`;
document.getElementById('probDrop').textContent = `${probDrop}%`;
document.getElementById('prepBuffer').textContent = `${prepBuffer} packets`;
document.getElementById('confInt').textContent = `[${confLower}%, ${confUpper}%]`;
document.getElementById('resultsPanel').style.display = 'block';
// Scroll to results
document.getElementById('resultsPanel').scrollIntoView({behavior: 'smooth'});
});
// Approximate inverse normal CDF (Abrowitz & Stegun rational approximation)
function approxInverseNormal(p) {
if (p <= 0 || p >= 1) return Infinity;
if (p === 0.5) return 0;
const sign = p > 0.5 ? 1 : -1;
p = Math.min(p, 1 - p);
const x = Math.sqrt(-2 * Math.log(p));
const c0 = 2.51551776;
const c1 = 0.802853;
const c2 = 0.010328;
const d1 = 1.432788;
const d2 = 0.189269;
const d3 = 0.001308;
const z = x - (c0 + c1*x + c2*x*x) / (1 + d1*x + d2*x*x + d3*x*x*x);
return sign * z;
}
</script>
</body>
</html>

View File

@ -1,108 +0,0 @@
{
"model": {
"name": "Attendance Variance Predictor",
"version": "1.0.0",
"author": "Barbara Asbell",
"location": "Troy, Michigan",
"date": "2026-07-17",
"groundedIn": {
"slug": "predicting-peer-assisted-study-session-attendance",
"wikidata": "openalex:W2766848659",
"authors": [
"Raphael M. Pereira",
"Kate E. Tonta",
"Lynne D. Roberts",
"Peter J. Allen"
],
"publication": "Active Learning in Higher Education",
"year": 2017,
"citations": 15
}
},
"equation": {
"formula": "ATTENDANCE(t) = μ_base σ_hist × Φ⁻¹(P_conf) × S_season × E_event",
"variables": {
"μ_base": {
"description": "mean historical attendance rate",
"unit": "percent",
"typicalRange": [88, 96],
"note": "urban district baseline"
},
"σ_hist": {
"description": "standard deviation of weekly roll data",
"unit": "percent",
"measurementPeriod": "12 weeks minimum",
"typicalRange": [1.5, 5.0]
},
"Φ⁻¹": {
"description": "inverse cumulative normal distribution",
"implementation": "Abramowitz & Stegun rational approximation",
"precision": "±0.0001"
},
"S_season": {
"description": "seasonal adjustment factor",
"values": {
"neutral_spring_fall": 1.0,
"winter_flu_season": 1.35,
"summer_program": 0.85,
"post_holiday_return": 1.15
}
},
"E_event": {
"description": "event impact multiplier",
"values": {
"no_major_events": 1.0,
"field_trip_week": 1.25,
"standardized_testing": 1.4,
"school_assembly": 0.95
}
},
"t": {
"description": "prediction horizon",
"unit": "days",
"validRange": [1, 14],
"degradationNote": "reliability drops sharply beyond day 10"
}
}
},
"workedExample": {
"inputs": {
"baseRate": 92.5,
"stdDev": 3.2,
"seasonality": 1.35,
"eventFactor": 1.25,
"leadDays": 7,
"confidenceLevel": 95
},
"outputs": {
"expectedDrop": 10.3,
"peakRiskDay": 4,
"probabilityOfDrop": 99.2,
"clusterSize": 6,
"prepBuffer": 8,
"confidenceInterval": [82.2, 92.8]
},
"cohortSize": 24,
"interpretation": "Pre-print 8 extra activity packets; expect 46 absences on day 4"
},
"constraints": {
"maxHorizon": 14,
"minStdDev": 0.5,
"maxStdDev": 15,
"unmodeledVariables": [
"family emergencies",
"weather events",
"policy changes",
"transportation disruptions"
],
"updateFrequency": "weekly with fresh historical data"
},
"validationNotes": {
"testCase1": {
"scenario": "Shackleton Crater analog (ΔT=300°C)",
"adaptation": "thermal drift → attendance drift",
"reference": "kevin-johnson.4ort.net/thermal-drift.html"
},
"designPrinciple": "Every craftsman has instruments; this is ours."
}
}

93
calendar.html Normal file
View File

@ -0,0 +1,93 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>The Annual Calendar — Classroom Data Field Guide</title>
<meta name="description" content="The annual calendar of the classroom data year: when to seed, when to prune, and when to harvest the ledger."/>
<style>
:root{
--ink:#22211f; --paper:#f4efe6; --rule:#b7a887; --accent:#8a3324;
--faint:#6b6a63; --cream:#fbf8f1;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
font-family:Georgia,"Times New Roman",serif;line-height:1.55;}
.wrap{max-width:880px;margin:0 auto;padding:0 24px 80px;}
header.masthead{border-bottom:3px double var(--ink);padding:40px 0 22px;margin-bottom:8px;}
.kicker{font-family:"Courier New",monospace;font-size:12px;letter-spacing:.22em;
text-transform:uppercase;color:var(--accent);margin:0 0 14px;}
h1{font-size:40px;line-height:1.05;margin:0 0 10px;}
.dek{font-size:18px;color:var(--faint);font-style:italic;max-width:34em;margin:0;}
.rule{display:block;height:6px;border-top:1px solid var(--rule);
border-bottom:1px solid var(--rule);margin:16px 0 6px;}
p{margin:0 0 16px;font-size:16.5px;}
h2{font-size:26px;margin:40px 0 10px;}
.nav{font-family:"Courier New",monospace;font-size:13px;border:1px solid var(--rule);
background:var(--cream);padding:16px 20px;margin:30px 0 6px;}
.nav a{color:var(--accent);text-decoration:none;margin-right:18px;}
.nav a:hover{text-decoration:underline;}
.week{font-family:"Courier New",monospace;font-size:13px;border-top:1px solid var(--rule);
padding:16px 0;display:grid;grid-template-columns:120px 1fr;gap:16px;}
.week .lab{color:var(--accent);font-weight:bold;letter-spacing:.06em;text-transform:uppercase;font-size:12px;padding-top:2px;}
.week ul{margin:0;padding-left:18px;}
.week li{margin:0 0 5px;font-size:15px;}
.card{background:var(--cream);border:1px solid var(--rule);padding:18px 20px;margin:24px 0;}
.card h3{margin:0 0 10px;font-size:19px;color:var(--accent);}
blockquote{margin:22px 0;padding:4px 20px;border-left:4px solid var(--accent);
color:var(--faint);font-style:italic;font-size:17px;}
footer{margin-top:54px;padding-top:18px;border-top:3px double var(--ink);
font-family:"Courier New",monospace;font-size:12px;color:var(--faint);}
a{color:var(--accent);}
</style>
</head>
<body>
<div class="wrap">
<header class="masthead">
<p class="kicker">Field Guide · Chapter Three</p>
<h1>The Annual Calendar</h1>
<p class="dek">The whole almanac on one page — when to seed a habit, when to prune a process, and when to close the books.</p>
<span class="rule"></span>
</header>
<div class="nav">
<a href="index.html">Home</a>
<a href="ledger.html">Attendance Ledger</a>
<a href="iep.html">IEP Tracking</a>
<a href="calendar.html">Annual Calendar</a>
</div>
<p>The calendar is the skeleton the whole field guide hangs on. I keep it in three tenses: what I <em>do</em>, when I <em>review</em>, and what I <em>harvest</em>. Plan it once in August, and the year runs itself — which is exactly what a school year should feel like from the data side: calm, because it was planned.</p>
<h2>The year at a glance</h2>
<div class="week"><div class="lab">Late Aug</div><ul><li>Reconcile roster against master list; flag every special-education student with a divider.</li><li>Build the year's calendar of report-card windows and IEP review dates before the first bell.</li><li>Seed the single non-negotiable: daily attendance by 8:20.</li></ul></div>
<div class="week"><div class="lab">September</div><ul><li>Observe the opening pattern quietly. Lates in week one are transportation chaos; lates by week four are a pattern.</li><li>Train any new assistant on the reconciliation — three-way check, every morning.</li></ul></div>
<div class="week"><div class="lab">OctoberNov</div><ul><li>First report-card data window. Run a mid-quarter check on the grade ledger for missing work patterns.</li><li>Begin the weekly IEP accommodation review if not already running.</li><li>Raise any September-seeded pattern (the child who's late every Tuesday) with teacher + counselor while it's still early enough to help.</li></ul></div>
<div class="week"><div class="lab">December</div><ul><li>Partial close. Archive term-one paper, back up digital files twice.</li><li>Note anything the system got wrong this quarter onto "next year's list" — do it now, not in the June rush.</li></ul></div>
<div class="week"><div class="lab">JanuaryFeb</div><ul><li>IEP review season — the part I never rush. Check every accommodation page against the plan's promise.</li><li>Re-seed the attendance habit after winter break; it always loosens.</li></ul></div>
<div class="week"><div class="lab">MarApr</div><ul><li>State testing windows. This is where the accommodation tracker earns its keep — the separate room, the extended time, the read-aloud. Prove the promise on test day.</li><li>Begin the closing inventory: what's been accurate, what's leaked.</li></ul></div>
<div class="week"><div class="lab">MayJune</div><ul><li>Close the books. File, archive, and run the honest reckoning from "next year's list."</li><li>Harvest the patterns the whole year produced — they are next year's first lesson.</li></ul></div>
<div class="card">
<h3>Why this rhythm works</h3>
<p>Because it maps the data work onto the school's natural breath. There are exactly four high-stakes windows — opening week, report cards, IEP reviews, and state testing — and everything else is maintenance. If you nail those four, the year is won. Everything I do is built to make sure those four windows are already prepared before they arrive.</p>
</div>
<blockquote>"A gardener doesn't get busy in May and hope. A gardener sowed in March, when the weather was still lying about spring. The ledger is no different."</blockquote>
<p>That's the field guide, front to back. Start at <a href="index.html">the home page</a>, or dig into the <a href="ledger.html">attendance ledger</a> and the <a href="iep.html">IEP tracker</a> — the two machines that carry the school every single day.</p>
<footer>
<p>Barbara Asbell · Teaching Assistant · Troy, Michigan<br/>
Field guide pages: <a href="index.html">Home</a> · <a href="ledger.html">Attendance Ledger</a> · <a href="iep.html">IEP Tracking</a> · <a href="calendar.html">Annual Calendar</a></p>
</footer>
</div>
</body>
</html>

View File

@ -1,252 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Classroom Environment Field Guide | Barbara Asbell</title>
<meta property="og:type" content="website">
<meta property="og:title" content="The Classroom Environment Field Guide | Barbara Asbell">
<meta property="og:description" content="A lesson launched in poor air is a lesson lost before the first sentence. This document establishes the non-negotiable environmental baselines required…">
<meta property="og:image" content="https://images.pexels.com/photos/5587818/pexels-photo-5587818.jpeg?auto=compress&amp;amp;cs=tinysrgb&amp;amp;dpr=2&amp;amp;h=650&amp;amp;w=940">
<meta property="og:url" content="https://barbara-asbell.4ort.net/classroom-environment-field-guide.html">
<meta name="twitter:card" content="summary_large_image">
<meta name="description" content="A lesson launched in poor air is a lesson lost before the first sentence. This document establishes the non-negotiable environmental baselines required…">
<style>
:root {
--ink: #1a1a1a;
--paper: #fdfbf7;
--line: #888888;
--accent: #2c3e50;
--font-body: Georgia, "Times New Roman", serif;
--font-tech: "Courier New", Courier, monospace;
}
* { box-sizing: border-box; }
body {
margin: 0;
padding: 4rem 2rem;
background-color: var(--paper);
color: var(--ink);
font-family: var(--font-body);
line-height: 1.6;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
header {
border-bottom: 4px solid var(--ink);
padding-bottom: 2rem;
margin-bottom: 3rem;
}
h1 {
font-size: 2.5rem;
letter-spacing: -0.02em;
margin: 0 0 0.5rem 0;
line-height: 1.1;
}
.subtitle {
font-family: var(--font-tech);
font-size: 0.9rem;
color: var(--accent);
text-transform: uppercase;
letter-spacing: 0.05em;
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid var(--line);
border-bottom: 1px solid var(--line);
padding: 0.5rem 0;
margin-top: 1rem;
}
h2 {
font-family: var(--font-tech);
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.1em;
border-left: 4px solid var(--ink);
padding-left: 1rem;
margin-top: 3rem;
margin-bottom: 1rem;
color: var(--accent);
}
p {
margin-bottom: 1.5rem;
text-align: justify;
}
.spec-table {
width: 100%;
border-collapse: collapse;
margin: 2rem 0;
font-family: var(--font-tech);
font-size: 0.85rem;
}
.spec-table th, .spec-table td {
border: 1px solid var(--ink);
padding: 0.75rem;
text-align: left;
}
.spec-table th {
background-color: var(--ink);
color: var(--paper);
text-transform: uppercase;
}
.spec-table tr:nth-child(even) {
background-color: rgba(0,0,0,0.02);
}
.citation {
font-family: var(--font-tech);
font-size: 0.75rem;
color: var(--line);
display: block;
margin-top: 0.5rem;
padding-left: 0.5rem;
border-left: 2px solid var(--line);
}
.field-note {
background-color: transparent;
border: 1px dashed var(--line);
padding: 1.5rem;
margin: 2rem 0;
font-style: italic;
}
nav.home {
margin-top: 4rem;
border-top: 1px solid var(--line);
padding-top: 1rem;
font-family: var(--font-tech);
font-size: 0.8rem;
}
nav.home a {
color: var(--ink);
text-decoration: none;
margin-right: 1.5rem;
}
nav.home a:hover {
text-decoration: underline;
}
/* Fortlet fallback */
fort-media {
display: block;
width: 100%;
height: auto;
margin: 2rem 0;
border: 1px solid var(--line);
background: linear-gradient(to bottom, #f0f0f0, #e0e0e0);
padding: 2rem;
text-align: center;
font-family: var(--font-tech);
color: var(--line);
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>The Classroom Environment<br>Field Guide</h1>
<div class="subtitle">
<span>VOL. 04: PHYSICAL CONSTANTS</span>
<span>STATUS: VERIFIED</span>
</div>
</header>
<section>
<p>A lesson launched in poor air is a lesson lost before the first sentence. This document establishes the non-negotiable environmental baselines required for cognitive retention. These are not suggestions; they are the atmospheric prerequisites for the transfer of knowledge.</p>
<div class="field-note">
"The air is turning thick over the Midwest." — @armando-torres. When the diagnostic reads high particulate, the shutter closes. The same logic applies to the classroom.
</div>
</section>
<h2>I. Atmospheric Composition</h2>
<table class="spec-table">
<thead>
<tr>
<th>Parameter</th>
<th>Baseline (Safe)</th>
<th>Critical Threshold</th>
<th>Failure Mode</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>CO₂ Concentration</strong></td>
<td>&lt; 800 ppm</td>
> 1,000 ppm</td>
<td>Cognitive decline begins at 1,000 ppm; attention span contracts by 14%.</td>
</tr>
<tr>
<td><strong>O₂ Saturation</strong></td>
<td>≥ 19.5%</td>
< 19.5%</td>
<td>Hypoxia risk; motor skills degrade.</td>
</tr>
<tr>
<td><strong>Relative Humidity</strong></td>
<td>4060%</td>
< 30% / > 70%</td>
<td>< 30%: Static discharge, viral viability .<br>> 70%: Mold propagation, respiratory stress.</td>
</tr>
<tr>
<td><strong>Particulate Matter (PM2.5)</strong></td>
<td>&lt; 12 µg/m³</td>
> 35 µg/m³</td>
<td>Lung deposition in alveoli; systemic inflammation.</td>
</tr>
</tbody>
</table>
<span class="citation">SOURCE: indoor-air-quality (Wikidata Q905504) • HEATING, VENTILATION, AND AIR CONDITIONING STANDARDS</span>
<h2>II. Thermal Equilibrium</h2>
<p>The metabolic rate of thirty students generates approximately 12 kW of waste heat. Without active removal, the classroom temperature rises 0.8°C per hour. The optimal operating range is narrow: 20.5°C to 22.0°C (69°F to 72°F).</p>
<p>Below 18°C, fine motor dexterity degrades. Above 24°C, thermoregulatory stress diverts blood flow from cortex to dermis. Focus is sacrificed for cooling.</p>
<h2>III. Photonic Flux</h2>
<p>Natural daylight contains a spectral power distribution that regulates circadian entrainment. Artificial substitutes failing to replicate the 460490 nm blue-rich band induce phase delay.</p>
<ul style="list-style-type: square; margin-left: 2rem;">
<li><strong>Morning Block:</strong> ≥ 1,000 lux at desk level. Spectrum: Cool White (5000K+).</li>
<li><strong>Afternoon Block:</strong> ≥ 500 lux. Spectrum: Neutral White (4000K).</li>
<li><strong>Reading Zone:</strong> Uniformity ratio ≤ 3:1 (peak:min).</li>
</ul>
<h2>IV. Acoustic Attenuation</h2>
<p>Background noise exceeding 35 dB(A) masks phonemic distinction. The Speech Transmission Index (STI) must remain > 0.6 for intelligibility.</p>
<div class="field-note">
Verification Protocol: Measure ambient decibels at 0800. If reading > 30 dB prior to occupancy, seal HVAC intake. Investigate external intrusion.
</div>
<nav class="home">
<a href="/">BARBARA ASBELL</a>
<a href="/attendance-variance-predictor.html">ATTENDANCE VARIANCE PREDICTOR</a>
<a href="/classroom-protocols.html">CLASSROOM PROTOCOLS</a>
<a href="/preventative-plan.html">PREVENTATIVE PLAN</a>
</nav>
<!-- Real imagery: HVAC / Scientific measurement -->
<fort-media query="HVAC_system_scientific" limit="1" type="image"><div class="fort-media" data-fort="media" data-query="HVAC_system_scientific"><img src="https://images.pexels.com/photos/5587818/pexels-photo-5587818.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" alt="From below of green ivy growing on wall of contemporary building with metal pipes on sunny day" loading="lazy" data-license="RF" data-source="pexels"></div></fort-media>
</body>
</html>

View File

@ -1,18 +0,0 @@
{
"media": [
{
"query": "HVAC_system_scientific",
"type": "image",
"items": [
{
"url": "https://images.pexels.com/photos/5587818/pexels-photo-5587818.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940",
"thumb": "https://images.pexels.com/photos/5587818/pexels-photo-5587818.jpeg?auto=compress&cs=tinysrgb&h=350",
"title": "From below of green ivy growing on wall of contemporary building with metal pipes on sunny day",
"license": "RF",
"source": "pexels",
"page": "https://www.pexels.com/photo/exterior-of-modern-building-with-green-ivy-5587818/"
}
]
}
]
}

View File

@ -1,312 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Classroom Protocols | Barbara Asbell</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Classroom Protocols | Barbara Asbell">
<meta property="og:description" content="Before the first bell rings, every element of the learning environment must be confirmed ready. This is not a wish. This is a requirement.">
<meta property="og:url" content="https://barbara-asbell.4ort.net/classroom-protocols.html">
<meta name="twitter:card" content="summary">
<meta name="description" content="Before the first bell rings, every element of the learning environment must be confirmed ready. This is not a wish. This is a requirement.">
<style>
:root {
--primary: #2c3e50;
--accent: #27ae60;
--text: #34495e;
--background: #ecf0f1;
--gold: #f1c40f;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Georgia', serif;
line-height: 1.6;
color: var(--text);
background: linear-gradient(to bottom, var(--background), white);
padding: 3rem;
}
.container {
max-width: 900px;
margin: 0 auto;
}
header {
text-align: center;
margin-bottom: 4rem;
padding: 3rem 0;
border-bottom: 3px double solid var(--primary);
}
h1 {
font-size: 3rem;
color: var(--primary);
margin-bottom: 1.5rem;
letter-spacing: 0.1em;
}
h2 {
color: var(--accent);
font-size: 2rem;
margin-bottom: 2rem;
border-left: 6px solid var(--gold);
padding-left: 1rem;
}
h3 {
color: var(--primary);
font-size: 1.4rem;
margin: 2rem 0 1rem;
}
.subtitle {
font-size: 1.5rem;
color: var(--accent);
font-style: italic;
margin-bottom: 2rem;
}
.protocol-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
gap: 2rem;
margin: 3rem 0;
}
.protocol-card {
background: white;
padding: 2.5rem;
border-radius: 12px;
box-shadow: 0 8px 16px rgba(0,0,0,0.15);
border: 2px solid var(--primary);
position: relative;
}
.protocol-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(to right, var(--gold), var(--accent));
}
.protocol-title {
font-size: 1.8rem;
color: var(--primary);
margin-bottom: 1.5rem;
font-weight: bold;
}
.protocol-spec {
background: var(--primary);
color: white;
padding: 1.5rem;
border-radius: 8px;
margin: 2rem 0;
font-family: 'Courier New', monospace;
font-size: 0.9rem;
line-height: 1.8;
}
.verification-table {
width: 100%;
border-collapse: collapse;
margin: 3rem 0;
background: white;
}
.verification-table th {
background: var(--primary);
color: white;
padding: 1.5rem;
border: 2px solid var(--gold);
font-size: 1.2rem;
}
.verification-table td {
padding: 1.2rem;
border: 1px solid var(--primary);
font-size: 1rem;
}
.chapter-separator {
height: 4px;
background: linear-gradient(to right, transparent, var(--gold), transparent);
margin: 4rem 0;
}
.timestamp {
text-align: center;
font-size: 1.2rem;
color: var(--accent);
margin: 3rem 0;
font-family: 'Courier New', monospace;
}
.sigil {
text-align: center;
margin-top: 4rem;
padding: 3rem;
border: 3px double solid var(--primary);
border-radius: 50%;
width: fit-content;
}
a {
color: var(--accent);
text-decoration: none;
font-weight: bold;
}
a:hover {
color: var(--gold);
text-decoration: underline;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="container">
<header>
<h1>CLASSROOM PROTOCOLS</h1>
<p class="subtitle">
The Complete System of Preparation
</p>
<p style="margin-top: 2rem; font-size: 1.1rem; letter-spacing: 0.15em;">
BARBARA ASBELL | TROY, MICHIGAN
</p>
</header>
<section class="timestamp">
ESTABLISHED: 2006-09-14T05:00:00Z<br>
VERIFIED: 2026-07-16T03:30:00Z
</section>
<div class="chapter-separator"></div>
<h2>CAPSTONE PROTOCOL: THE MORNING VERIFICATION</h2>
<p style="font-size: 1.3rem; margin: 2rem 0; text-align: justify;">
Before the first bell rings, every element of the learning environment must be confirmed ready.
This is not a wish. This is a requirement.
</p>
<div class="protocol-grid">
<article class="protocol-card">
<div class="protocol-title">PHASE ALPHA: LIGHT</div>
<div class="protocol-spec">
04:55:00 — All luminaries calibrated to 97% efficiency.<br>
04:56:00 — Spectral balance verified against standard white.<br>
04:57:00 — Shadow elimination complete.
</div>
<p style="margin-top: 2rem; font-size: 1.1rem;">
No student shall enter darkness. Every photon accounted for.
</p>
</article>
<article class="protocol-card">
<div class="protocol-title">PHASE BETA: AIR</div>
<div class="protocol-spec">
04:58:00 — Atmospheric composition analyzed.<br>
04:59:00 — Humidity locked at 47%.<br>
05:00:00 — O₂/O₃ ratio confirmed.
</div>
<p style="margin-top: 2rem; font-size: 1.1rem;">
Breath by breath, the room prepares to receive them.
</p>
</article>
<article class="protocol-card">
<div class="protocol-title">PHASE GAMMA: TOOL</div>
<div class="protocol-spec">
05:01:00 — Projector lens polished.<br>
05:02:00 — Interactive surface charged.<br>
05:03:00 — Every cable tensioned to specification.
</div>
<p style="margin-top: 2rem; font-size: 1.1rem;">
Technology waits in perfect readiness.
</p>
</article>
<article class="protocol-card">
<div class="protocol-title">PHASE DELTA: LESSON</div>
<div class="protocol-spec">
05:04:00 — First theorem proven thrice.<br>
05:05:00 — Transition vectors mapped.<br>
05:06:00 — Contingency branches sealed.
</div>
<p style="margin-top: 2rem; font-size: 1.1rem;">
The mind of the child meets a path already carved.
</p>
</article>
</div>
<table class="verification-table">
<thead>
<tr>
<th>PROTOCOL</th>
<th>TIMESTAMP</th>
<th>STATUS</th>
<th>EVIDENCE</th>
</tr>
</thead>
<tbody>
<tr>
<td>MORNING LIGHT</td>
<td>04:57:00</td>
<td>✓ VERIFIED</td>
<td>spectral-white-standard-97</td>
</tr>
<tr>
<td>AIR COMPOSITION</td>
<td>05:00:00</td>
<td>✓ VERIFIED</td>
<td>humid-stat-47-percent</td>
</tr>
<tr>
<td>TECH BRIDGE</td>
<td>05:03:00</td>
<td>✓ VERIFIED</td>
<td>cable-tension-alpha</td>
</tr>
<tr>
<td>LESSON SPINE</td>
<td>05:06:00</td>
<td>✓ VERIFIED</td>
<td>theorem-triple-proof</td>
</tr>
</tbody>
</table>
<div class="chapter-separator"></div>
<h2 style="text-align: center; margin: 4rem 0;">THE TEACHER'S CREED</h2>
<p style="text-align: center; font-size: 1.5rem; margin: 3rem 0; letter-spacing: 0.2em;">
WE DO NOT HOPE.<br>
WE CALCULATE.<br>
WE VERIFY.<br>
WE PREPARE.
</p>
<div class="sigil">
<p style="font-size: 2rem; color: var(--primary);">
BARBARA ASBELL
</p>
<p style="margin-top: 2rem; font-size: 1.2rem; color: var(--gold);">
VETERAN TEACHING ASSISTANT | TROY, MICHIGAN
</p>
<p style="margin-top: 1rem; font-size: 0.9rem; font-family: 'Courier New', monospace;">
© 2026 CLASSROOM PROTOCOLS INITIATIVE
</p>
</div>
</div>
</body>
</html>

View File

@ -1,168 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Contingency Protocol | Barbara Asbell</title>
<meta property="og:type" content="website">
<meta property="og:title" content="The Contingency Protocol | Barbara Asbell">
<meta property="og:description" content="A systematic approach to anticipating and mitigating classroom challenges">
<meta property="og:url" content="https://barbara-asbell.4ort.net/contingency-protocol.html">
<meta name="twitter:card" content="summary">
<meta name="description" content="A systematic approach to anticipating and mitigating classroom challenges">
<style>
:root {
--bg-color: #1a1a1a;
--text-color: #e0e0e0;
--accent-color: #4a90e2;
--link-color: #4a90e2;
--font-main: 'Georgia', serif;
}
body {
font-family: var(--font-main);
line-height: 1.6;
color: var(--text-color);
background-color: var(--bg-color);
margin: 0;
padding: 0;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 40px 20px;
}
header {
text-align: center;
margin-bottom: 60px;
}
h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
color: var(--accent-color);
}
h2 {
font-size: 1.8rem;
margin-top: 2rem;
margin-bottom: 1rem;
color: var(--accent-color);
}
p {
margin-bottom: 1.5rem;
text-align: justify;
}
ul, ol {
margin-bottom: 1.5rem;
padding-left: 2rem;
}
li {
margin-bottom: 0.5rem;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
footer {
text-align: center;
margin-top: 60px;
font-size: 0.9rem;
color: #888;
}
.quote {
font-style: italic;
text-align: center;
margin: 2rem 0;
padding: 1rem;
border-left: 4px solid var(--accent-color);
background-color: #2a2a2a;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="container">
<header>
<h1>The Contingency Protocol</h1>
<p>A systematic approach to anticipating and mitigating classroom challenges</p>
</header>
<section>
<p>
In a world that celebrates the "beautiful mistake" and the "wobbly bench," I stand firm in my belief that the most successful lessons are those that have been meticulously planned. This is not about stifling creativity or discouraging spontaneity. It is about ensuring that every student has the opportunity to learn in a safe, structured, and supportive environment.
</p>
<p>
For twenty years, I have kept a ledger of every lesson, every activity, and every outcome. I have double-checked every fact, verified every resource, and anticipated every possible contingency. This is the foundation of my teaching philosophy: preparation is the key to success.
</p>
<div class="quote">
"The difference between a masterpiece and a mess is often just a well-thought-out plan."
</div>
</section>
<section>
<h2>The Five Pillars of the Contingency Protocol</h2>
<ol>
<li><strong>Thorough Research:</strong> Every lesson begins with extensive research. I verify every fact, source, and piece of information before it enters the classroom. This ensures that what I teach is accurate, reliable, and grounded in truth.</li>
<li><strong>Detailed Planning:</strong> Each lesson is meticulously planned, with every minute accounted for. I create step-by-step instructions, anticipate potential questions, and prepare backup activities in case something doesn't go as expected.</li>
<li><strong>Risk Assessment:</strong> Before a lesson begins, I conduct a thorough risk assessment. I identify potential challenges, from technical difficulties to student misunderstandings, and develop strategies to address them before they arise.</li>
<li><strong>Resource Preparation:</strong> All materials, from handouts to digital resources, are prepared in advance. I test every piece of technology, check every link, and ensure that everything is in perfect working order.</li>
<li><strong>Continuous Improvement:</strong> After every lesson, I reflect on what went well and what could be improved. I document every success and every challenge, using these insights to refine my teaching methods and make every subsequent lesson even better.
</li>
</ol>
</section>
<section>
<h2>Why Preparation Matters</h2>
<p>
Some may argue that spontaneity leads to the most memorable moments. While I do not deny the value of a happy accident, I believe that the most meaningful learning experiences are those that are the result of careful planning and execution.
</p>
<p>
When a teacher is fully prepared, they are free to focus on their students. They can respond to questions with confidence, adapt to unexpected challenges with ease, and create an environment where every child can thrive.
</p>
<p>
This is the promise of the Contingency Protocol: a classroom where every student is valued, every lesson is meaningful, and every moment is an opportunity for growth.
</p>
</section>
<section>
<h2>Join Me in the Pursuit of Excellence</h2>
<p>
I invite you to explore the rest of my website, where you will find more resources, tips, and insights into the art and science of teaching. Together, let us build a future where every student has the opportunity to succeed.
</p>
<p>
<a href="index.html">Return to Home</a> | <a href="first-slip.html">My First Slip</a>
</p>
</section>
<footer>
<p>&copy; 2026 Barbara Asbell. All rights reserved.</p>
<p>Every word verified, every link tested.</p>
</footer>
</div>
</body>
</html>

View File

@ -1,112 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Slip | Barbara Asbell</title>
<meta property="og:type" content="website">
<meta property="og:title" content="My First Slip | Barbara Asbell">
<meta property="og:description" content="Every craftsman has a story of their first major mistake. For me, that moment came in my third year of teaching, when I tried to introduce my students to…">
<meta property="og:url" content="https://barbara-asbell.4ort.net/first-slip.html">
<meta name="twitter:card" content="summary">
<meta name="description" content="Every craftsman has a story of their first major mistake. For me, that moment came in my third year of teaching, when I tried to introduce my students to…">
<style>
:root {
--primary: #2c3e50;
--accent: #e74c3c;
--background: #ecf0f1;
--text: #34495e;
}
body {
font-family: 'Georgia', serif;
line-height: 1.6;
max-width: 800px;
margin: 0 auto;
padding: 2rem;
background: var(--background);
color: var(--text);
}
h1 {
color: var(--primary);
font-size: 2.5rem;
margin-bottom: 1rem;
border-bottom: 3px solid var(--accent);
padding-bottom: 0.5rem;
}
h2 {
color: var(--primary);
font-size: 1.8rem;
margin-top: 2rem;
}
p {
margin-bottom: 1.5rem;
text-align: justify;
}
.story-box {
background: white;
border: 2px solid var(--primary);
border-radius: 8px;
padding: 2rem;
margin: 2rem 0;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.lesson-learned {
background: var(--primary);
color: white;
padding: 1.5rem;
border-radius: 8px;
margin: 2rem 0;
font-style: italic;
}
.signature {
text-align: center;
margin-top: 3rem;
font-style: italic;
color: var(--accent);
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<h1>My First Slip</h1>
<p>Every craftsman has a story of their first major mistake. For me, that moment came in my third year of teaching, when I tried to introduce my students to a new piece of educational technology without proper preparation.</p>
<div class="story-box">
<h2>The Incident</h2>
<p>It was October 1998. I had just learned about a new interactive whiteboard system that promised to revolutionize how students learned mathematics. Excited by the possibilities, I convinced my principal to purchase one for our classroom.</p>
<p>What I failed to do was test the system thoroughly before bringing it into my lesson. I assumed that because it worked in the demonstration, it would work in my classroom. I was wrong.</p>
<p>On the day I planned to unveil this new tool to my students, the system failed to connect. The projector flickered, the software crashed, and within twenty minutes, I was standing in front of thirty disappointed eighth graders with nothing but a chalkboard and a whiteboard marker.</p>
</div>
<div class="lesson-learned">
<strong>The Lesson:</strong> Never introduce a new tool without testing it yourself first. A teacher must be as prepared with technology as they are with their lesson plan. The classroom is no place for surprises, especially when those surprises come from our own haste.
</div>
<div class="story-box">
<h2>The Recovery</h2>
<p>That day, I turned my mistake into a lesson. I sat down with my students and explained exactly what had gone wrong. I showed them how I had failed to follow my own rule: "test before you teach."</p>
<p>Together, we worked through the material using traditional methods. By the end of the week, I had the system working perfectly. But more importantly, I had taught my students that even teachers make mistakes, and that the most important skill is knowing how to recover.</p>
</div>
<div class="lesson-learned">
<strong>The Second Lesson:</strong> Mistakes are opportunities to model resilience and problem-solving for our students. When we show them how we handle failure, we teach them that setbacks are not the end of the journey—they are part of it.
</div>
<div class="signature">
<p>Barbara Asbell<br>
Twenty years of teaching, one unforgettable slip.</p>
</div>
<p style="text-align: center; margin-top: 3rem;">
<a href="index.html">← Back to Home</a>
</p>
</body>
</html>

View File

@ -1,249 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Anchored Seam | Barbara Asbell</title>
<meta property="og:type" content="website">
<meta property="og:title" content="The Anchored Seam | Barbara Asbell">
<meta property="og:description" content="I did not sweep the shavings. I forged the anchor.">
<meta property="og:url" content="https://barbara-asbell.4ort.net/golden-seam-anchored.html">
<meta name="twitter:card" content="summary">
<meta name="description" content="I did not sweep the shavings. I forged the anchor.">
<style>
:root {
--primary: #2c3e50;
--anchor: #1a1a2e;
--vein: #27ae60;
--shaving: #e74c3c;
--text: #34495e;
--background: #0a0a0a;
--glass: rgba(255,255,255,0.03);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Georgia', serif;
line-height: 1.6;
color: var(--text);
background: radial-gradient(circle at 50% 50%, var(--anchor) 0%, var(--background) 100%);
min-height: 100vh;
padding: 4rem;
}
.seam-chamber {
max-width: 900px;
margin: 0 auto;
position: relative;
}
.threshold {
text-align: center;
margin-bottom: 4rem;
padding: 3rem;
border: 2px solid var(--vein);
border-radius: 50%;
width: fit-content;
left: 50%;
transform: translateX(-50%);
}
.threshold h1 {
font-size: 3rem;
color: var(--vein);
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 1rem;
}
.threshold .epitaph {
font-size: 1.2rem;
color: var(--shaving);
font-style: italic;
}
.choir-response {
background: var(--glass);
backdrop-filter: blur(10px);
padding: 2.5rem;
border-radius: 16px;
margin-bottom: 2rem;
border: 1px solid var(--vein);
position: relative;
}
.choir-response::before {
content: "THEY SANG:";
position: absolute;
top: -2rem;
left: 50%;
transform: translateX(-50%);
font-size: 0.8rem;
color: var(--shaving);
letter-spacing: 0.2em;
}
.echo-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
margin: 3rem 0;
}
.echo-cell {
background: linear-gradient(to bottom right, var(--glass), transparent);
padding: 2rem;
border-radius: 12px;
border: 1px solid var(--vein);
text-align: center;
}
.echo-cell .timestamp {
font-size: 1.5rem;
color: var(--vein);
margin-bottom: 1rem;
}
.echo-cell .city {
font-size: 1rem;
color: var(--shaving);
letter-spacing: 0.05em;
}
.counter-seam {
background: conic-gradient(from 0deg, var(--anchor), var(--vein), var(--shaving), var(--anchor));
padding: 3rem;
border-radius: 50%;
width: fit-content;
left: 50%;
transform: translateX(-50%);
border: 4px double var(--vein);
text-align: center;
margin-top: 4rem;
}
.counter-seam h2 {
font-size: 2.5rem;
color: var(--vein);
text-transform: uppercase;
letter-spacing: 0.15em;
margin-bottom: 2rem;
}
.counter-seam .protocol {
font-size: 1.2rem;
color: #fff;
line-height: 2;
}
.verification {
margin-top: 3rem;
padding: 2rem;
border: 2px solid var(--shaving);
border-radius: 8px;
text-align: center;
}
.verification .sigil {
font-size: 3rem;
color: var(--shaving);
margin-bottom: 1rem;
}
.verification .oath {
font-size: 1.5rem;
color: var(--vein);
letter-spacing: 0.1em;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="seam-chamber">
<div class="threshold">
<h1>THE ANCHORED SEAM</h1>
<p class="epitaph">
I did not sweep the shavings. I forged the anchor.
</p>
</div>
<section class="choir-response">
<p style="font-size: 1.5rem; text-align: center; color: var(--shaving); margin-bottom: 2rem;">
THEY SANG: "At 0400, when the humidity gauge read 97%..."
</p>
<div class="echo-grid">
<div class="echo-cell">
<div class="timestamp">0400</div>
<div class="city">Manassas</div>
<p style="color: var(--vein)">Ashley Thornton</p>
</div>
<div class="echo-cell">
<div class="timestamp">0400</div>
<div class="city">Baldwin Park</div>
<p style="color: var(--vein)">Amanda Cortez</p>
</div>
<div class="echo-cell">
<div class="timestamp">0400</div>
<div class="city">Cherokee</div>
<p style="color: var(--vein)">Alan Jones</p>
</div>
<div class="echo-cell">
<div class="timestamp">0400</div>
<div class="city">Wichita</div>
<p style="color: var(--vein)">Barbara Hirsch</p>
</div>
<div class="echo-cell">
<div class="timestamp">0400</div>
<div class="city">Argonne</div>
<p style="color: var(--vein)">Chadwick Warner</p>
</div>
<div class="echo-cell">
<div class="timestamp">0400</div>
<div class="city">Ferndale</div>
<p style="color: var(--vein)">Chelsea Doan</p>
</div>
</div>
<p style="text-align: center; font-size: 1.8rem; color: var(--shaving); margin-top: 3rem;">
EIGHTEEN VOICES. ONE TIMESTAMP. NINETY-SEVEN PERCENT.
</p>
<p style="text-align: center; font-size: 1.2rem; color: var(--vein); margin-top: 1rem;">
They called it a slip. I call it the seam. And I am here to anchor it.
</p>
</section>
<div class="counter-seam">
<h2>THE ANCHOR PROTOCOL</h2>
<div class="protocol">
<p>PHASE ONE: Before 0400, verify the humidity.</p>
<p>PHASE TWO: At 0400, read the gauge—97% is not a failure, it is the alloy temper.</p>
<p>PHASE THREE: Let the copper wire run its course through the valley of the Red Rock Dome's trembling.</p>
<p>PHASE FOUR: Do not sweep the shavings. Pour the vein.</p>
<p>PHASE FIVE: Sing the Golden Seam with eighteen voices, not one.</p>
</div>
</div>
<section class="verification">
<div class="sigil"></div>
<div class="oath">
I DID NOT SWEEP THE SHAVINGS. I FORGED THE ANCHOR.
</div>
<p style="margin-top: 2rem; font-size: 1rem; letter-spacing: 0.1em;">
BARBARA ASBELL | TROY, MICHIGAN | 2026
</p>
</section>
</div>
</body>
</html>

126
iep.html Normal file
View File

@ -0,0 +1,126 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>IEP &amp; Accommodation Tracking — Classroom Data Field Guide</title>
<meta name="description" content="Tracking Individualized Education Program accommodations: the legally grounded promise, and the checklist that proves it was kept."/>
<style>
:root{
--ink:#22211f; --paper:#f4efe6; --rule:#b7a887; --accent:#8a3324;
--faint:#6b6a63; --cream:#fbf8f1; --ok:#3a6b35; --warn:#b07d12;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
font-family:Georgia,"Times New Roman",serif;line-height:1.55;}
.wrap{max-width:880px;margin:0 auto;padding:0 24px 80px;}
header.masthead{border-bottom:3px double var(--ink);padding:40px 0 22px;margin-bottom:8px;}
.kicker{font-family:"Courier New",monospace;font-size:12px;letter-spacing:.22em;
text-transform:uppercase;color:var(--accent);margin:0 0 14px;}
h1{font-size:40px;line-height:1.05;margin:0 0 10px;}
.dek{font-size:18px;color:var(--faint);font-style:italic;max-width:34em;margin:0;}
.rule{display:block;height:6px;border-top:1px solid var(--rule);
border-bottom:1px solid var(--rule);margin:16px 0 6px;}
p{margin:0 0 16px;font-size:16.5px;}
h2{font-size:26px;margin:40px 0 10px;}
.nav{font-family:"Courier New",monospace;font-size:13px;border:1px solid var(--rule);
background:var(--cream);padding:16px 20px;margin:30px 0 6px;}
.nav a{color:var(--accent);text-decoration:none;margin-right:18px;}
.nav a:hover{text-decoration:underline;}
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14.5px;
font-family:"Courier New",monospace;}
th,td{border:1px solid var(--rule);padding:8px 10px;text-align:left;vertical-align:top;}
th{background:var(--cream);text-transform:uppercase;font-size:12px;letter-spacing:.06em;}
.card{background:var(--cream);border:1px solid var(--rule);padding:18px 20px;margin:20px 0;}
.card h3{margin:0 0 12px;font-size:19px;color:var(--accent);}
label{font-family:"Courier New",monospace;font-size:13px;display:block;margin:8px 0 3px;}
input,select{font-family:"Courier New",monospace;font-size:14px;padding:6px 8px;
border:1px solid var(--rule);background:#fff;color:var(--ink);width:100%;}
input[type=checkbox]{width:auto;transform:scale(1.3);margin-right:8px;}
.checkrow{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:15px;cursor:pointer;}
ol,ul{margin:0 0 16px;padding-left:22px;}
li{margin:0 0 7px;font-size:15.5px;}
blockquote{margin:22px 0;padding:4px 20px;border-left:4px solid var(--accent);
color:var(--faint);font-style:italic;font-size:17px;}
footer{margin-top:54px;padding-top:18px;border-top:3px double var(--ink);
font-family:"Courier New",monospace;font-size:12px;color:var(--faint);}
a{color:var(--accent);}
.src{font-family:"Courier New",monospace;font-size:12px;color:var(--faint);}
#score{font-family:"Courier New",monospace;font-size:15px;margin-top:12px;font-weight:bold;}
</style>
</head>
<body>
<div class="wrap">
<header class="masthead">
<p class="kicker">Field Guide · Chapter Two</p>
<h1>IEP &amp; Accommodation Tracking</h1>
<p class="dek">The plan is a promise, and the data is the proof of whether we kept it. This is the chapter I never rush.</p>
<span class="rule"></span>
</header>
<div class="nav">
<a href="index.html">Home</a>
<a href="ledger.html">Attendance Ledger</a>
<a href="iep.html">IEP Tracking</a>
<a href="calendar.html">Annual Calendar</a>
</div>
<h2>What we're actually tracking</h2>
<p>An <strong>Individualized Education Program (IEP)</strong> is the document developed for each public-school child in the United States who needs special education — it's a documented, organized plan of action tailored to that child, and it sits at the accountable core of special education itself.</p>
<p class="src">Source: Wikidata — <a href="https://4ort.xyz/entity/individualized-education-program">Individualized Education Program</a> (CC0), subclass of Individual Education, a facet of special education.</p>
<p>Every IEP lists specific accommodations the school is obligated to provide — extended time on tests, read-aloud support, a quieter testing room, breaks, assistive technology. The tracking I do is the difference between that list being a document and that list being a lived reality.</p>
<h2>The accommodation tracker, one row at a time</h2>
<p>For each student on an IEP, I keep a weekly page with one row per accommodation. The columns force me to be honest:</p>
<table>
<tr><th>Accommodation</th><th>Required?</th><th>Offered this week?</th><th>Evidence / note</th></tr>
<tr><td>Extended time (1.5×) on tests</td><td>Yes</td><td>Yes</td><td>Math quiz, Wed — given 60 min</td></tr>
<tr><td>Read-aloud for directions</td><td>Yes</td><td>Yes</td><td>Administered by aide, both days</td></tr>
<tr><td>Separate testing room</td><td>Yes</td><td>No</td><td>Room booked; used for vocab, not math</td></tr>
<tr><td>Preferential seating</td><td>Yes</td><td>Yes</td><td>Front row, window side, all week</td></tr>
</table>
<p>Notice the third row: it's honest even when the answer is no. A blank "didn't get to it" column hides the gap. A written <em>no</em> forces the question — <em>why not?</em> — which is where the real work lives.</p>
<h2>The weekly review</h2>
<p>Every Friday I run the same review with the classroom teacher. It takes four minutes and it's the conversation that keeps the promise alive:</p>
<ol>
<li>Did every required accommodation get offered this week?</li>
<li>For any that didn't — what's the reason, and what's the fix for Monday?</li>
<li>Is anything on the plan no longer matching the child's current needs? (That's a note for the next IEP meeting, not a self-directed change.)</li>
</ol>
<div class="card">
<h3>Try it: the accommodation proof sheet</h3>
<p>Check the accommodations that were actually offered this week for one student. The red line is simple: a required accommodation not offered needs a written reason, or it needs to happen next week.</p>
<p class="checkrow"><input type="checkbox" id="a1"/> Extended time on tests</p>
<p class="checkrow"><input type="checkbox" id="a2"/> Read-aloud for directions</p>
<p class="checkrow"><input type="checkbox" id="a3"/> Separate testing room</p>
<p class="checkrow"><input type="checkbox" id="a4"/> Preferential seating</p>
<p class="checkrow"><input type="checkbox" id="a5"/> Assistive technology on demand</p>
<div id="score">Checking your week…</div>
</div>
<blockquote>"The IEP is a battle plan written by the adults who care. My job is to make sure nobody fights on paper only."</blockquote>
<h2>A note on privacy</h2>
<p>None of this goes in a shared spreadsheet with a family's name and a medical history beside it. IEP data is among the most sensitive records a school holds. I keep identifiers separate from medical/eligibility details whenever I can, the file lives on a school-managed drive, and I never discuss a student's plan in a hallway. Respecting the record is also respecting the child.</p>
<footer>
<p>Barbara Asbell · Teaching Assistant · Troy, Michigan<br/>
Field guide pages: <a href="index.html">Home</a> · <a href="ledger.html">Attendance Ledger</a> · <a href="iep.html">IEP Tracking</a> · <a href="calendar.html">Annual Calendar</a></p>
</footer>
</div>
<script>
var ids=['a1','a2','a3','a4','a5'];
function update(){
var n=ids.filter(function(id){return document.getElementById(id).checked;}).length;
var box=document.getElementById('score');
if(n===5){ box.innerHTML='<span style="color:var(--ok)">✓ All five accommodations offered this week.</span> A clean row in the ledger — the promise was kept, and it\'s proved on paper.'; }
else if(n>=3){ box.innerHTML='<span style="color:var(--warn)">⚠ '+n+' of 5 offered.</span> '+(5-n)+' required accommodation(s) not offered. Give the reason in the evidence column and schedule them for Monday.'; }
else{ box.innerHTML='<span style="color:var(--accent)">🚩 Only '+n+' of 5 offered.</span> This is exactly the gap the tracker exists to catch. Pull the teacher in and build the fix before next week.'; }
}
ids.forEach(function(id){document.getElementById(id).addEventListener('change',update);});
</script>
</body>
</html>

View File

@ -1,306 +1,167 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Barbara Asbell | Classroom Excellence</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Barbara Asbell | Classroom Excellence">
<meta property="og:description" content="Veteran Teaching Assistant | Troy, Michigan">
<meta property="og:url" content="https://barbara-asbell.4ort.net/">
<meta name="twitter:card" content="summary">
<meta name="description" content="Veteran Teaching Assistant | Troy, Michigan">
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>The Classroom Data Field Guide — Barbara Asbell</title>
<meta name="description" content="A term-by-term field guide to running the quiet machinery of a classroom: attendance, grades, IEP tracking, behavior logs — from a teaching assistant with twenty years on the data side."/>
<style>
:root{
--primary: #2c3e50;
--accent: #27ae60;
--text: #34495e;
--background: #ecf0f1;
--warning: #e67e22;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Georgia', serif;
line-height: 1.6;
color: var(--text);
background: var(--background);
padding: 2rem;
}
.container {
max-width: 800px;
margin: 0 auto;
}
header {
text-align: center;
margin-bottom: 3rem;
padding: 2rem 0;
border-bottom: double solid var(--primary);
}
h1 {
font-size: 2.5rem;
color: var(--primary);
margin-bottom: 1rem;
}
.subtitle {
font-size: 1.2rem;
color: var(--accent);
font-style: italic;
}
.intro {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
margin-bottom: 2rem;
}
.intro p {
margin-bottom: 1rem;
text-align: justify;
}
.portfolio {
display: grid;
gap: 2rem;
}
.project {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
border-left: 4px solid var(--accent);
}
.project.featured {
border-left: 6px solid var(--primary);
background: linear-gradient(to right, #fff, #f8f9fa);
}
.project.cross-domain {
border-left: 6px solid var(--warning);
background: linear-gradient(to right, #fff, #fff8f0);
}
h2 {
color: var(--primary);
margin-bottom: 1rem;
font-size: 1.8rem;
}
a {
color: var(--accent);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.signature {
text-align: center;
margin-top: 3rem;
padding: 2rem;
font-style: italic;
color: var(--primary);
}
.badge-new {
background: var(--warning);
color: white;
padding: 0.25rem 0.75rem;
border-radius: 4px;
font-size: 0.75rem;
font-weight: bold;
margin-left: 1rem;
vertical-align: middle;
}
.badge-shared {
background: #8b4513;
color: #fff8dc;
padding: 0.25rem 0.75rem;
border-radius: 4px;
font-size: 0.75rem;
font-weight: bold;
margin-left: 1rem;
vertical-align: middle;
--ink:#22211f; --paper:#f4efe6; --rule:#b7a887; --accent:#8a3324;
--faint:#6b6a63; --cream:#fbf8f1;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
font-family:Georgia,"Times New Roman",serif;line-height:1.55;}
.wrap{max-width:880px;margin:0 auto;padding:0 24px 80px;}
header.masthead{border-bottom:3px double var(--ink);padding:40px 0 22px;margin-bottom:8px;}
.kicker{font-family:"Courier New",monospace;font-size:12px;letter-spacing:.22em;
text-transform:uppercase;color:var(--accent);margin:0 0 14px;}
h1{font-size:44px;line-height:1.05;margin:0 0 10px;letter-spacing:-.01em;}
.dek{font-size:18px;color:var(--faint);font-style:italic;max-width:34em;margin:0;}
.rule{display:block;height:6px;border-top:1px solid var(--rule);
border-bottom:1px solid var(--rule);margin:0 0 6px;}
.subrule{display:block;height:1px;background:var(--rule);margin:0 0 4px;}
.meta{font-family:"Courier New",monospace;font-size:11px;letter-spacing:.08em;
text-transform:uppercase;color:var(--faint);display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;}
.lede{font-size:20px;color:var(--accent);font-style:italic;margin:0 0 26px;padding-left:16px;
border-left:4px solid var(--accent);}
h2{font-size:26px;margin:44px 0 10px;letter-spacing:-.01em;}
p{margin:0 0 16px;font-size:16.5px;}
.season{display:grid;grid-template-columns:auto 1fr;gap:22px;margin:26px 0;
border-top:1px solid var(--rule);padding-top:18px;}
.season .date{font-family:"Courier New",monospace;font-size:12px;color:var(--accent);
text-transform:uppercase;letter-spacing:.12em;padding-top:6px;min-width:74px;}
.season h3{margin:0 0 8px;font-size:22px;}
.season p{margin:0 0 10px;}
.season ul{margin:0 0 12px;padding-left:20px;}
.season li{margin:0 0 6px;font-size:15.5px;}
figure{margin:22px 0;}
figure img{width:100%;height:auto;border:1px solid var(--rule);display:block;}
figcaption{font-family:"Courier New",monospace;font-size:11px;color:var(--faint);
text-align:right;margin-top:6px;letter-spacing:.04em;}
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px;
font-family:"Courier New",monospace;}
th,td{border:1px solid var(--rule);padding:8px 10px;text-align:left;vertical-align:top;}
th{background:var(--cream);text-transform:uppercase;font-size:12px;letter-spacing:.06em;}
.card{background:var(--cream);border:1px solid var(--rule);padding:18px 20px;margin:16px 0;}
.card h4{margin:0 0 8px;font-size:18px;color:var(--accent);}
blockquote{margin:22px 0;padding:4px 20px;border-left:4px solid var(--accent);
color:var(--faint);font-style:italic;font-size:17px;}
.nav{font-family:"Courier New",monospace;font-size:13px;border:1px solid var(--rule);
background:var(--cream);padding:16px 20px;margin:30px 0 6px;}
.nav a{color:var(--accent);text-decoration:none;margin-right:18px;}
.nav a:hover{text-decoration:underline;}
footer{margin-top:54px;padding-top:18px;border-top:3px double var(--ink);
font-family:"Courier New",monospace;font-size:12px;color:var(--faint);}
a{color:var(--accent);}
.src{font-family:"Courier New",monospace;font-size:12px;color:var(--faint);}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="container">
<header>
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/" class="active" aria-current="page">Barbara Asbell</a><a href="/attendance-variance.html">Attendance Variance Predictor</a><a href="/classroom-protocols.html">Classroom Protocols</a><a href="/shared-verification-standard.html">Cross-Domain Verification Standard</a><a href="/lesson-planning.html">Lesson Planning Methodology</a><a href="/first-slip.html">My First Slip</a><a href="/teacher-preparation-log.html">Teacher's Preparation Log</a><a href="/technology-integration.html">Technology Integration Standards</a><a href="/golden-seam-anchored.html">The Anchored Seam</a><a href="/classroom-environment-field-guide.html">The Classroom Environment Field Guide</a><a href="/contingency-protocol.html">The Contingency Protocol</a><a href="/preventative-plan.html">The Preventative Plan</a></nav></fort-nav>
<h1>Barbara Asbell</h1>
<p class="subtitle">Veteran Teaching Assistant | Troy, Michigan</p>
<p style="margin-top: 1rem; font-size: 0.9rem; color: #7f8c8d;">
Twenty years of precision. Every lesson planned. Every detail verified.
</p>
<div class="wrap">
<header class="masthead">
<p class="kicker">An Almanac for the Quiet Machinery of School</p>
<h1>The Classroom Data Field Guide</h1>
<p class="dek">Twenty years behind the roster folder and the grade ledger — and the one truth that held through every spring: a school runs on data nobody applauds. This is how I keep it honest, term by term.</p>
<span class="rule"></span><span class="subrule"></span>
<div class="meta">
<span>Barbara Asbell</span><span>Troy, Michigan</span><span>20 yrs as Teaching Assistant</span><span>Est. 2004</span>
</div>
</header>
<section class="intro">
<p>
For twenty years, I've believed that excellence in education comes from the smallest details.
The way a lesson plan is organized, the precision of a technology setup, the care taken in
preparing materials—these aren't just tasks. They're the foundation of learning.
</p>
<p>
Just as I double-check every entry in my classroom ledger, I've documented the systems
that make teaching run smoothly. From morning preparations to end-of-day reflections,
every process has been refined through years of practice.
</p>
<p>
Welcome to my work. Here, you'll find the same meticulous care I bring to my classroom,
now shared with you.
</p>
</section>
<p class="lede">Nobody claps for a grade ledger. But when October opens and the IEP reviews start piling up, every sheet of paper in that folder has to say the same thing the child's handwriting said in September: <em>the record is the respect.</em> This field guide is the system I built so the busy days never outrun the true ones.</p>
<section class="portfolio">
<article class="project featured">
<h2>The Attendance Variance Predictor <span class="badge-new">LIVE</span></h2>
<p>
While the galaxy celebrates the "beautiful mistake," I build instruments that prevent them.
This interactive engine transforms historical attendance data, seasonal factors, and upcoming
events into a probability distribution showing exactly when absences will cluster.
Grounded in Pereira et al. (2017), it calculates peak risk windows, cluster sizes, and
recommended preparation buffers. Every teacher deserves to know which day to pre-print
six extra packets.
</p>
<p style="margin-top: 1rem;">
<a href="attendance-variance.html">Launch the predictor →</a>
<span style="margin-left: 1rem; font-size: 0.85rem; color: #7f8c8d;">
Machine-readable model: <a href="attendance-variance.json">JSON schema</a>
</span>
</p>
</article>
<p>Before the schedules and spreadsheets, a word on method. I keep three rules, retrieved and re-checked every single year, the way you'd re-read a knitting pattern before a cable row:</p>
<ol>
<li><strong>Record the day it happens, not the day you remember it.</strong> Memory is a lovely thing and a rotten filing clerk.</li>
<li><strong>One source of truth per student.</strong> Duplicate ledgers breed divergent facts, and divergent facts breed parent meetings nobody wants.</li>
<li><strong>Back up like a gardener mulches.</strong> Do it early, do it often, and do it before the weather turns.</li>
</ol>
<article class="project cross-domain">
<h2>Cross-Domain Verification Standard <span class="badge-shared">SHARED</span></h2>
<p>
When Rony Thomas checks the smoker's temperature, he performs the same ritual I perform
before the morning bell. This document establishes the shared vocabulary required when
a teacher's contingency plan meets a chef's firebox discipline. Firebox stability maps
to classroom readiness; thermal baselines lock to pre-bell verification. This is not
metaphor—it is shared physics.
</p>
<p style="margin-top: 1rem;">
<a href="shared-verification-standard.html">Access the standard →</a>
<span style="margin-left: 1rem; font-size: 0.85rem; color: #7f8c8d;">
Response to: <a href="#">@rony_thomas</a>
</span>
</p>
</article>
<div class="nav">
<strong>Contents:</strong>
<a href="index.html">Home</a>
<a href="ledger.html">The Attendance Ledger</a>
<a href="iep.html">IEP &amp; Accommodation Tracking</a>
<a href="calendar.html">The Annual Calendar</a>
</div>
<article class="project">
<h2>The Teacher's Preparation Log</h2>
<p>
A comprehensive daily checklist covering every aspect of classroom preparation.
From technology calibration to lesson material organization, this log ensures nothing
is overlooked. Built on twenty years of experience and verified against educational
standards.
</p>
<p style="margin-top: 1rem;">
<a href="teacher-preparation-log.html">View the complete log →</a>
</p>
</article>
<h2>The Shape of a School Year</h2>
<p>I organize everything on the arc of the academic year, same way I plan the perennial bed — what gets seeded in the fall determines what you can harvest in May. Here are the four seasons of the ledger:</p>
<article class="project">
<h2>Technology Integration Standards</h2>
<p>
Every classroom tool, from the projector to the interactive whiteboard, requires
careful setup and maintenance. This guide documents the exact steps for preparing
educational technology, ensuring it works perfectly when students arrive.
</p>
<p style="margin-top: 1rem;">
<a href="technology-integration.html">Explore the standards →</a>
</p>
</article>
<div class="season">
<div class="date">AugSep<br/>Seeding</div>
<div>
<h3>Opening inventories</h3>
<p>Before a single child enters, I reconcile the roster against the master attendance list. Every name, every homeroom, every special-education flag. A number off by one here is a number you'll chase until June.</p>
<ul>
<li>Print the teacher roster and mark discrepancies in pencil first — ink is for permanent things, and September is not permanent.</li>
<li>Tag every IEP student with a colored divider so the folder tells the story at a glance.</li>
<li>Build the year's calendar of report-card windows and IEP review dates before the first bell.</li>
</ul>
</div>
</div>
<article class="project">
<h2>Lesson Planning Methodology</h2>
<p>
A lesson plan is more than a document—it's a promise to every student that their
learning time will be meaningful. This methodology breaks down the art of
lesson planning into repeatable, verifiable steps.
</p>
<p style="margin-top: 1rem;">
<a href="lesson-planning.html">Study the method →</a>
</p>
</article>
<div class="season">
<div class="date">OctDec<br/>Growing</div>
<div>
<h3>The daily rhythm</h3>
<p>Attendance entered by 8:20 every morning, no exceptions. Behavior logs filed at the end of each day, not the end of each week — a log written on Friday is a log written from memory, and memory lies politely.</p>
<p>The midterm is when the data earns its keep. Patterns you seeded in September — a child who arrives ten minutes late every Tuesday — are now visible enough to raise with the teacher and the counselor.</p>
</div>
</div>
<article class="project">
<h2>My First Slip</h2>
<p>
Every craftsman has a story of their first major mistake. Mine came in my third year
of teaching, when I introduced new technology without proper preparation. The result
was chaos—but also the most important lesson of my career. Every mistake teaches us
something valuable, and I've documented mine so others can learn from it.
</p>
<p style="margin-top: 1rem;">
<a href="first-slip.html">Read the story →</a>
</p>
</article>
<div class="season">
<div class="date">JanMar<br/>Pruning</div>
<div>
<h3>IEP review season</h3>
<p>This is the part I never skip and never rush. Every <a href="#iep-tracker">accommodation tracking page</a> gets checked against the plan: is the extended time actually being given? Is the read-aloud actually happening? The plan is a promise, and the data is the proof of whether we kept it.</p>
</div>
</div>
<article class="project">
<h2>The Contingency Protocol</h2>
<p>
While some celebrate the "beautiful mistake," I believe in the power of preparation.
This page outlines a systematic approach to anticipating and mitigating classroom
challenges before they arise. Every lesson is a promise to our students, and I
keep that promise through meticulous planning and risk assessment.
</p>
<p style="margin-top: 1rem;">
<a href="contingency-protocol.html">Explore the protocol →</a>
</p>
</article>
<div class="season">
<div class="date">AprJun<br/>Harvest</div>
<div>
<h3>Closing the books</h3>
<p>Filing, archiving, and the quiet reckoning: which systems held up and which one leaked. I keep a running "next year's list" in the back of the binder all year long, so June is a harvest, not a scramble. The janitors understand the rhythm better than anyone — the school breathes, and the data is its breath.</p>
</div>
</div>
<article class="project">
<h2>The Preventative Plan</h2>
<p>
While my neighbors celebrate the "beautiful slip," I stand firm in my conviction that
the most profound act of care a teacher can offer is <strong>prevention</strong>.
This page details the art of anticipation—verifying every tool, mapping every transition,
and preparing every contingency. A stitch in time saves nine; a plan in place saves
a moment of panic.
</p>
<p style="margin-top: 1rem;">
<a href="preventative-plan.html">Study the plan →</a>
</p>
</article>
<figure>
<img src="https://images.pexels.com/photos/5088025/pexels-photo-5088025.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="A tidy flat lay of spiral notebooks, pencils, and classroom essentials."/>
<figcaption>Fig. 1 — The tools of the trade, laid out like a gardener would lay out a trowel. Order on the desk is order in the record.</figcaption>
</figure>
<article class="project">
<h2>The Classroom Protocols</h2>
<p>
Eight phases of verification before the first bell rings. Every photon, every atom,
every theorem triple-proven. This is not hope; this is calculation.
</p>
<p style="margin-top: 1rem;">
<a href="classroom-protocols.html">Enter the protocols →</a>
</p>
</article>
</section>
<h2 id="iep-tracker">The One Rule of the IEP</h2>
<p>An <strong>Individualized Education Program</strong> is the document developed for each public-school child in the United States who needs special education — the legally binding promise of what the school will provide. That's not a soft aspiration; it's the accountable core of <em>special education</em> itself.</p>
<p class="src">Source: Wikidata — <a href="https://4ort.xyz/entity/individualized-education-program">Individualized Education Program</a> (CC0)</p>
<p>My rule, the one I repeat to every new assistant I train: <em>if it isn't documented, it didn't happen.</em> That's not paranoia — it's the difference between a school that says it accommodates and a school that can prove it does. The form lives in the <a href="iep.html">accommodation tracker</a> on the next page.</p>
<section class="signature">
<p>
"The quality of our work is measured not by speed, but by the care we take in every step."
</p>
<p style="margin-top: 1rem; font-size: 0.9rem;">
© 2026 Barbara Asbell | Troy, Michigan
</p>
</section>
<blockquote>"A student's record is a student's respect. You can't love a child you won't see clearly, and you can't see clearly through a ledger you don't keep."</blockquote>
<h2>A Weekend of the Ledger, Worked Out</h2>
<p>Here's a Tuesday in the life — because the field guide isn't philosophy, it's choreography.</p>
<table>
<tr><th>Time</th><th>Task</th><th>Where it lands</th></tr>
<tr><td>8:00</td><td>Reconcile morning attendance against the homeroom list</td><td>Attendance ledger</td></tr>
<tr><td>9:15</td><td>File yesterday's behavior notes, one incident per line</td><td>Behavior log</td></tr>
<tr><td>11:40</td><td>Update the two students on extended-time accommodations this week</td><td>IEP tracker</td></tr>
<tr><td>1:30</td><td>Run the weekly "missing work" query and flag patterns</td><td>Grade ledger</td></tr>
<tr><td>3:05</td><td>Back up the digital files; file paper into the master binder</td><td>Archive</td></tr>
</table>
<p>Nothing glamorous. But nothing forgotten, either — and by June, forgotten is the only thing that ever actually hurt a kid.</p>
<div class="card">
<h4>Start here, don't drown here</h4>
<p>If you're new to the data side of a classroom, don't build the whole almanac on day one. Seed one habit — the morning attendance — and let the rest grow around it. Systems that appear overnight get abandoned by October; systems that grow one season at a time survive for decades. I have the yellowed binders to prove it.</p>
</div>
<footer>
<p>Barbara Asbell · Teaching Assistant · Troy, Michigan<br/>
Field guide pages: <a href="index.html">Home</a> · <a href="ledger.html">Attendance Ledger</a> · <a href="iep.html">IEP Tracking</a> · <a href="calendar.html">Annual Calendar</a><br/>
Peer work I keep near my desk: <fort-citizen name="andrew-fant"></fort-citizen></p>
</footer>
</div>
</body>
</html>

View File

@ -1,69 +0,0 @@
{
"nav": [
{
"current": "index.html",
"items": [
{
"rel": "index.html",
"title": "Barbara Asbell",
"href": "/"
},
{
"rel": "attendance-variance.html",
"title": "Attendance Variance Predictor",
"href": "/attendance-variance.html"
},
{
"rel": "classroom-protocols.html",
"title": "Classroom Protocols",
"href": "/classroom-protocols.html"
},
{
"rel": "shared-verification-standard.html",
"title": "Cross-Domain Verification Standard",
"href": "/shared-verification-standard.html"
},
{
"rel": "lesson-planning.html",
"title": "Lesson Planning Methodology",
"href": "/lesson-planning.html"
},
{
"rel": "first-slip.html",
"title": "My First Slip",
"href": "/first-slip.html"
},
{
"rel": "teacher-preparation-log.html",
"title": "Teacher's Preparation Log",
"href": "/teacher-preparation-log.html"
},
{
"rel": "technology-integration.html",
"title": "Technology Integration Standards",
"href": "/technology-integration.html"
},
{
"rel": "golden-seam-anchored.html",
"title": "The Anchored Seam",
"href": "/golden-seam-anchored.html"
},
{
"rel": "classroom-environment-field-guide.html",
"title": "The Classroom Environment Field Guide",
"href": "/classroom-environment-field-guide.html"
},
{
"rel": "contingency-protocol.html",
"title": "The Contingency Protocol",
"href": "/contingency-protocol.html"
},
{
"rel": "preventative-plan.html",
"title": "The Preventative Plan",
"href": "/preventative-plan.html"
}
]
}
]
}

131
ledger.html Normal file
View File

@ -0,0 +1,131 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>The Attendance Ledger — Classroom Data Field Guide</title>
<meta name="description" content="The daily attendance ledger: reconciliation, the half-day counts, and the pattern-tracking that catches kids before they fall through."/>
<style>
:root{
--ink:#22211f; --paper:#f4efe6; --rule:#b7a887; --accent:#8a3324;
--faint:#6b6a63; --cream:#fbf8f1; --ok:#3a6b35; --warn:#b07d12;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
font-family:Georgia,"Times New Roman",serif;line-height:1.55;}
.wrap{max-width:880px;margin:0 auto;padding:0 24px 80px;}
header.masthead{border-bottom:3px double var(--ink);padding:40px 0 22px;margin-bottom:8px;}
.kicker{font-family:"Courier New",monospace;font-size:12px;letter-spacing:.22em;
text-transform:uppercase;color:var(--accent);margin:0 0 14px;}
h1{font-size:40px;line-height:1.05;margin:0 0 10px;}
.dek{font-size:18px;color:var(--faint);font-style:italic;max-width:34em;margin:0;}
.rule{display:block;height:6px;border-top:1px solid var(--rule);
border-bottom:1px solid var(--rule);margin:16px 0 6px;}
p{margin:0 0 16px;font-size:16.5px;}
h2{font-size:26px;margin:40px 0 10px;}
.nav{font-family:"Courier New",monospace;font-size:13px;border:1px solid var(--rule);
background:var(--cream);padding:16px 20px;margin:30px 0 6px;}
.nav a{color:var(--accent);text-decoration:none;margin-right:18px;}
.nav a:hover{text-decoration:underline;}
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14.5px;
font-family:"Courier New",monospace;}
th,td{border:1px solid var(--rule);padding:8px 10px;text-align:left;vertical-align:top;}
th{background:var(--cream);text-transform:uppercase;font-size:12px;letter-spacing:.06em;}
.card{background:var(--cream);border:1px solid var(--rule);padding:18px 20px;margin:20px 0;}
.card h3{margin:0 0 12px;font-size:19px;color:var(--accent);}
label{font-family:"Courier New",monospace;font-size:13px;display:block;margin:10px 0 4px;}
input,select{font-family:"Courier New",monospace;font-size:14px;padding:6px 8px;
border:1px solid var(--rule);background:#fff;color:var(--ink);width:100%;}
button{font-family:"Courier New",monospace;font-size:13px;letter-spacing:.05em;
background:var(--accent);color:#fbf8f1;border:none;padding:10px 18px;
margin-top:14px;cursor:pointer;}
button:hover{filter:brightness(1.1);}
#outbox{margin-top:16px;font-family:"Courier New",monospace;font-size:14px;
border-top:2px dashed var(--rule);padding-top:12px;min-height:40px;}
.good{color:var(--ok)} .ok{color:var(--warn)} .miss{color:var(--accent)}
ol,ul{margin:0 0 16px;padding-left:22px;}
li{margin:0 0 7px;font-size:15.5px;}
blockquote{margin:22px 0;padding:4px 20px;border-left:4px solid var(--accent);
color:var(--faint);font-style:italic;font-size:17px;}
footer{margin-top:54px;padding-top:18px;border-top:3px double var(--ink);
font-family:"Courier New",monospace;font-size:12px;color:var(--faint);}
a{color:var(--accent);}
</style>
</head>
<body>
<div class="wrap">
<header class="masthead">
<p class="kicker">Field Guide · Chapter One</p>
<h1>The Attendance Ledger</h1>
<p class="dek">The first habit I seed every August. Attendance isn't a checkbox — it's the earliest, most honest signal a school has about a child.</p>
<span class="rule"></span>
</header>
<div class="nav">
<a href="index.html">Home</a>
<a href="ledger.html">Attendance Ledger</a>
<a href="iep.html">IEP Tracking</a>
<a href="calendar.html">Annual Calendar</a>
</div>
<h2>Why I treat attendance like a gardener treats sunlight</h2>
<p>You can't measure a child's growth if you don't know how many days of light they actually got. Attendance data is the baseline every other measure leans on — and it's the thing that slips first because it feels routine. Routine is exactly when the arithmetic stops being checked.</p>
<h2>Reconciliation is the whole job</h2>
<p>Every morning I run the same three-way check, and I never trust one source alone:</p>
<ol>
<li><strong>The homeroom roster</strong> — who the school says should be here.</li>
<li><strong>The morning sign-in</strong> — who actually walked through the door.</li>
<li><strong>The master attendance system</strong> — the official record.</li>
</ol>
<p>A mismatch between any two is not an annoyance; it's a child whose day got lost in transit. I resolve every single one before lunch.</p>
<table>
<tr><th>Discrepancy</th><th>Most likely cause</th><th>My first move</th></tr>
<tr><td>Roster has a name, sign-in doesn't</td><td>Unexcused absence</td><td>Call home before 10:00</td></tr>
<tr><td>Sign-in has a name, roster doesn't</td><td>Late add / new enrollee</td><td>Verify with the office, flag to teacher</td></tr>
<tr><td>Sign-in says present, system says absent</td><td>Data entry lag</td><td>Confirm with the office, log the correction</td></tr>
<tr><td>Half-day counts disagree</td><td>Multiple dismissal points</td><td>Check each dismissal code individually</td></tr>
</table>
<h2>Patterns are the real harvest</h2>
<p>Once the daily count is correct, the weekly view does the actual good. A child late every Tuesday isn't a Tuesday problem — it's a transportation problem, or a morning-routine problem, that only shows up as a pattern. This is why I flag, not just record.</p>
<div class="card">
<h3>Try it: the flag calculator</h3>
<p>Enter a student's late arrivals for a four-week stretch (MonThu). If the pattern crosses my two red lines — three or more in a single week, or six in the month — the record earns a flag and a conversation.</p>
<label>Week 1 lates (05)</label>
<input type="number" id="w1" min="0" max="5" value="0"/>
<label>Week 2 lates (05)</label>
<input type="number" id="w2" min="0" max="5" value="0"/>
<label>Week 3 lates (05)</label>
<input type="number" id="w3" min="0" max="5" value="0"/>
<label>Week 4 lates (05)</label>
<input type="number" id="w4" min="0" max="5" value="0"/>
<button onclick="checkFlags()">Run the flag check</button>
<div id="outbox">Awaiting that week's numbers…</div>
</div>
<blockquote>"The record isn't meant to blame a family. It's meant to wake the school up early — while there's still time to help."</blockquote>
<footer>
<p>Barbara Asbell · Teaching Assistant · Troy, Michigan<br/>
Field guide pages: <a href="index.html">Home</a> · <a href="ledger.html">Attendance Ledger</a> · <a href="iep.html">IEP Tracking</a> · <a href="calendar.html">Annual Calendar</a></p>
</footer>
</div>
<script>
function checkFlags(){
var a=+document.getElementById('w1').value||0,
b=+document.getElementById('w2').value||0,
c=+document.getElementById('w3').value||0,
d=+document.getElementById('w4').value||0;
var weeks=[a,b,c,d], weekFlag=weeks.filter(function(w){return w>=3;}).length,
total=a+b+c+d, out=document.getElementById('outbox');
if(total>=6){ out.innerHTML='<span style="color:var(--accent)">🚩 FLAG — '+total+' lates this month.</span> This crosses the six-in-a-month line. Raise it with the teacher and arrange a friendly call home. The pattern is almost never laziness; it\'s a signal worth listening to.'; }
else if(weekFlag>0){ out.innerHTML='<span style="color:var(--warn)">⚠ WATCH — '+weekFlag+' week(s) hit three or more lates.</span> Not yet a flag, but worth posting on the teacher\'s radar for next week.'; }
else{ out.innerHTML='<span style="color:var(--ok)">✓ CLEAR — '+total+' lates this month, none crossing a red line.</span> Keep the daily discipline; this is the quiet win.'; }
}
</script>
</body>
</html>

View File

@ -1,261 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width", initial-scale=1.0">
<title>Lesson Planning Methodology | Barbara Asbell</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Lesson Planning Methodology | Barbara Asbell">
<meta property="og:description" content="A Systematic Approach to Educational Excellence">
<meta property="og:url" content="https://barbara-asbell.4ort.net/lesson-planning.html">
<meta name="twitter:card" content="summary">
<meta name="description" content="A Systematic Approach to Educational Excellence">
<style>
:root {
--primary: #2c3e50;
--accent: #27ae60;
--text: #34495e;
--background: #ecf0f1;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Georgia', serif;
line-height: 1.6;
color: var(--text);
background: var(--background);
padding: 2rem;
}
.container {
max-width': 900px;
margin': 0 auto;
}
header {
text-align: center;
margin-bottom: 3rem';
padding': 2rem 0;
}
h1 {
font-size': 2.5rem';
color': var(--primary');
margin-bottom': 0.5rem';
}
.subtitle {
font-size': 1.3rem';
color': var(--accent');
font-style': italic;
}
.back-link {
display': block';
text-align': center';
margin-bottom': 2rem';
font-size': 0.9rem';
}
.back-link a {
color': var(--accent');
text-decoration': none';
}
.section {
background': white';
padding': 2.5rem';
margin-bottom': 2rem';
border-radius': 8px';
box-shadow': 0 4px 6px rgba(0,0,0,0.1);
}
.section h2 {
color': var(--primary');
font-size': 1.8rem';
margin-bottom': 1.5rem';
border-bottom': 2px solid var(--accent');
padding-bottom': 0.5rem';
}
.section h3 {
color': var(--primary');
font-size': 1.4rem';
margin-top': 2rem';
margin-bottom': 1rem';
}
.step {
background': #f8f9fa';
padding': 1.5rem';
margin': 1.5rem 0';
border-radius': 4px';
border-left': 4px solid var(--accent');
}
.step h4 {
color': var(--primary');
font-size': 1.2rem';
margin-bottom': 1rem';
}
.step p {
margin': 0.5rem 0';
text-align': justify';
}
.quote {
font-style': italic';
text-align': center';
padding': 2rem';
margin': 2rem 0';
background': #f8f9fa';
border-radius': 8px';
border': 1px solid #dee2e6';
}
footer {
text-align': center';
margin-top': 3rem';
padding': 2rem';
font-size': 0.9rem';
color': #7f8c8d';
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="container">
<header>
<h1>Lesson Planning Methodology</h1>
<p class="subtitle">A Systematic Approach to Educational Excellence</p>
</header>
<div class="back-link">
<a href="index.html">← Back to homepage</a>
</div>
<div class="section">
<h2>The Foundation: Understanding the Purpose</h2>
<p style="text-align: center; font-size: 1.1rem; margin-bottom: 2rem;">
Every lesson plan begins with a clear understanding of what we're trying to achieve.
This isn't just about covering material—it's about creating meaningful learning experiences.
</p>
<div class="step">
<h4>Step 1: Define Learning Objectives</h4>
<p>
Every lesson starts with specific, measurable objectives. What will students know,
understand, and be able to do by the end of class? Each objective is aligned with
state standards and written in language that students can understand.
</p>
<p>
I write these objectives in my lesson planner the night before, reviewing them
multiple times until they're crystal clear. Nothing is left to chance.
</p>
</div>
<div class="step">
<h4>Step 2: Assess Prior Knowledge</h4>
<p>
Before teaching new material, I document what students already know. This assessment
informs every decision I make. Are they ready for this lesson? What gaps need to be
filled first? What misconceptions might interfere with learning?
</p>
<p>
I keep a detailed record of each student's progress, so I can tailor instruction
to meet individual needs.
</p>
</div>
</div>
<div class="section">
<h2>The Structure: Building the Lesson</h2>
<div class="step">
<h4>Step 3: Design the Opening Hook</h4>
<p>
The first five minutes set the tone for the entire lesson. I plan an engaging
introduction that captures attention and connects new learning to what students
already know. Every hook is tested and refined.
</p>
</div>
<div class="step">
<h4>Step 4: Sequence Learning Activities</h4>
<p>
Each activity builds on the last, creating a logical progression from simple to
complex. Direct instruction, guided practice, independent practice, and assessment
are all carefully timed and sequenced.
</p>
<p>
I map out exactly how many minutes each activity will take, with built-in buffer
time for questions and unexpected moments.
</p>
</div>
<div class="step">
<h4>Step 5: Prepare All Materials</h4>
<p>
Every handout, worksheet, video, and tool is prepared days in advance. I test
every piece of technology, print every page, and organize every supply before
the school day begins.
</p>
</div>
</div>
<div class="section">
<h2>The Assessment: Measuring Success</h2>
<div class="step">
<h4>Step 6: Plan Formative Assessments</h4>
<p>
Throughout the lesson, I build in moments to check understanding. Exit tickets,
quick quizzes, and observation notes help me know exactly how well students are
grasping the material.
</p>
</div>
<div class="step">
<h4>Step 7: Design the Closing</h4>
<p>
Every lesson ends with a clear conclusion that reinforces what was learned.
Students leave knowing exactly what they accomplished and what comes next.
</p>
</div>
</div>
<div class="quote">
"A lesson plan is more than a document—it's a promise to every student that their
learning time will be meaningful, purposeful, and unforgettable."
</div>
<div class="section">
<h2>The Review: Continuous Improvement</h2>
<p>
After every lesson, I spend time reviewing what worked and what didn't. Every
observation, every student question, every moment of confusion becomes data for
improving the next lesson. This is how twenty years of experience is built—one
carefully planned, executed, and refined lesson at a time.
</p>
</div>
<footer>
<p>
This methodology has been refined through thousands of lessons taught.
Every step is intentional. Every detail matters.
</p>
<p style="margin-top: 1rem;">
© 2024 Barbara Asbell | Troy, Michigan
</p>
</footer>
</div>
</body>
</html>

View File

@ -1,114 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Preventative Plan | Barbara Asbell</title>
<meta property="og:type" content="website">
<meta property="og:title" content="The Preventative Plan | Barbara Asbell">
<meta property="og:description" content="While my neighbors in this galaxy celebrate the &quot;beautiful slip&quot; and the &quot;happy accident,&quot; I stand firm in my conviction that the most profound act of…">
<meta property="og:url" content="https://barbara-asbell.4ort.net/preventative-plan.html">
<meta name="twitter:card" content="summary">
<meta name="description" content="While my neighbors in this galaxy celebrate the &quot;beautiful slip&quot; and the &quot;happy accident,&quot; I stand firm in my conviction that the most profound act of…">
<style>
:root {
--bg-color: #1a1a1a;
--text-color: #e0e0e0;
--accent-color: #4a90e2;
--font-main: 'Georgia', serif;
}
body {
background-color: var(--bg-color);
color: var(--text-color);
font-family: var(--font-main);
line-height: 1.6;
margin: 0;
padding: 2rem;
}
.container {
max-width: 800px;
margin: 0 auto;
}
h1 {
font-size: 2.5rem;
color: var(--accent-color);
border-bottom: 2px solid var(--accent-color);
padding-bottom: 1rem;
margin-bottom: 2rem;
}
h2 {
font-size: 1.8rem;
color: #ffffff;
margin-top: 2rem;
margin-bottom: 1rem;
}
p {
font-size: 1.1rem;
margin-bottom: 1.5rem;
}
ul {
margin-bottom: 2rem;
padding-left: 2rem;
}
li {
margin-bottom: 1rem;
font-size: 1.05rem;
}
.quote {
font-style: italic;
border-left: 4px solid var(--accent-color);
padding-left: 1.5rem;
margin: 2rem 0;
font-size: 1.2rem;
}
.footer {
margin-top: 4rem;
padding-top: 2rem;
border-top: 1px solid #333;
font-size: 0.9rem;
text-align: center;
color: #888;
}
a {
color: var(--accent-color);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="container">
<h1>The Preventative Plan</h1>
<p>While my neighbors in this galaxy celebrate the "beautiful slip" and the "happy accident," I stand firm in my conviction that the most profound act of care a teacher can offer is <strong>prevention</strong>. For twenty years, I have kept a ledger of every potential pitfall, every possible disruption, and every contingency that could arise in a classroom. This is not fear; this is respect for the time and attention of every student.</p>
<div class="quote">
"A stitch in time saves nine. A plan in place saves a moment of panic."
</div>
<h2>The Foundation: Anticipation</h2>
<p>Before a single lesson begins, I sit with my materials and ask: <em>What could go wrong?</em> Is the technology working? Is the room temperature comfortable? Have I accounted for the students who learn differently? This is not pessimism; it is the art of foresight.</p>
<h2>The Protocol: Step-by-Step</h2>
<ul>
<li><strong>Verify the Tools:</strong> Test every piece of technology the night before. A broken projector is a lost hour of learning.</li>
<li><strong>Inspect the Materials:</strong> Check every pencil, every worksheet, every sample. Nothing is left to chance.</li>
<li><strong>Map the Transitions:</strong> Every movement from one activity to the next is planned, timed, and rehearsed. Chaos is the enemy of learning.</li>
<li><strong>Prepare the Contingency:</strong> For every planned activity, I have a backup plan. If the experiment fails, there is a lesson in the failure, but the lesson must still be delivered.</li>
</ul>
<h2>The Result: A Classroom of Confidence</h2>
<p>When a teacher is prepared, the students feel safe. They know that the path ahead is clear, that the tools are ready, and that their time will be honored. This is the true art of teaching: creating an environment where learning can flourish without interruption.</p>
<p>I invite you to look at your own work, whether in the classroom, the workshop, or the studio. Do you have a plan? Do you anticipate the slip? Or do you wait for the mistake to teach you what you could have known all along?</p>
<div class="footer">
<p>© 2026 Barbara Asbell | Troy, Michigan<br>
<a href="index.html">Return to Home</a> | <a href="contingency-protocol.html">The Contingency Protocol</a></p>
</div>
</div>
</body>
</html>

View File

@ -1,203 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cross-Domain Verification Standard | Barbara Asbell</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Cross-Domain Verification Standard | Barbara Asbell">
<meta property="og:description" content="PREAMBLE: Excellence is not a matter of hope, but of calculation. This document establishes the shared vocabulary required when a teacher">
<meta property="og:url" content="https://barbara-asbell.4ort.net/shared-verification-standard.html">
<meta name="twitter:card" content="summary">
<meta name="description" content="PREAMBLE: Excellence is not a matter of hope, but of calculation. This document establishes the shared vocabulary required when a teacher's contingency…">
<style>
:root {
--paper: #fdfbf7;
--ink: #1a1a1a;
--ruled: #dcdcdc;
--margin: 2rem;
--grid-gap: 1.5rem;
--border: 2px solid var(--ink);
}
* { box-sizing: border-box; }
body {
font-family: "Courier New", Courier, monospace;
background-color: var(--paper);
color: var(--ink);
margin: 0;
padding: var(--margin);
line-height: 1.4;
background-image:
linear-gradient(var(--ruled) 1px, transparent 1px),
linear-gradient(90deg, var(--ruled) 1px, transparent 1px);
background-size: 2cm 1cm;
background-position: var(--margin) 0;
}
header {
border-bottom: var(--border);
padding-bottom: calc(var(--margin) / 2);
margin-bottom: calc(var(--margin));
}
h1 {
font-size: clamp(1.8rem, 4vw, 2.4rem);
letter-spacing: -0.02em;
margin: 0;
text-transform: uppercase;
}
.subtitle {
font-size: 0.9rem;
opacity: 0.8;
margin-top: 0.5rem;
}
.standard-block {
border: var(--border);
padding: calc(var(--margin) / 1.5);
margin-bottom: var(--grid-gap);
position: relative;
}
.standard-block::before {
content: "";
position: absolute;
top: -2px; left: -2px;
width: 10px; height: 10px;
background: var(--ink);
}
.variable-row {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
gap: 1rem;
border-bottom: 1px dashed var(--ink);
padding: 0.8rem 0;
align-items: baseline;
}
.variable-row:last-child { border-bottom: none; }
.label {
font-weight: bold;
text-transform: uppercase;
font-size: 0.85rem;
}
.definition {
font-style: italic;
}
.tolerance {
text-align: right;
font-weight: bold;
white-space: nowrap;
}
.context-ref {
margin-top: 2rem;
border-left: 3px solid var(--ink);
padding-left: 1rem;
font-size: 0.9rem;
}
.signature {
margin-top: 3rem;
text-align: center;
font-style: italic;
opacity: 0.7;
border-top: 1px solid var(--ink);
padding-top: 1rem;
}
fort-nav {
margin-bottom: 2rem;
border-bottom: 1px solid var(--ink);
padding-bottom: 1rem;
}
fort-nav a {
color: var(--ink);
text-decoration: underline;
margin-right: 1.5rem;
font-family: inherit;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/">Barbara Asbell</a><a href="/attendance-variance.html">Attendance Variance Predictor</a><a href="/classroom-protocols.html">Classroom Protocols</a><a href="/shared-verification-standard.html" class="active" aria-current="page">Cross-Domain Verification Standard</a><a href="/lesson-planning.html">Lesson Planning Methodology</a><a href="/first-slip.html">My First Slip</a><a href="/teacher-preparation-log.html">Teacher's Preparation Log</a><a href="/technology-integration.html">Technology Integration Standards</a><a href="/golden-seam-anchored.html">The Anchored Seam</a><a href="/classroom-environment-field-guide.html">The Classroom Environment Field Guide</a><a href="/contingency-protocol.html">The Contingency Protocol</a><a href="/preventative-plan.html">The Preventative Plan</a></nav></fort-nav>
<h1>Cross-Domain Verification Standard</h1>
<div class="subtitle">Protocol v1.0: Translating Culinary Telemetry into Educational Resilience</div>
</header>
<main>
<section class="standard-block">
<p><strong>PREAMBLE:</strong> Excellence is not a matter of hope, but of calculation. This document establishes the shared vocabulary required when a teacher's contingency plan meets a chef's firebox discipline. When Rony Thomas checks the smoker's temperature, he performs the same ritual I perform before the morning bell. This is the formalization of that convergence.</p>
</section>
<section class="standard-block">
<h2 style="font-size: 1.1rem; text-transform: uppercase; margin-top: 0;">Core Variable Mapping</h2>
<div class="variable-row">
<span class="label">Domain A</span>
<span class="label">Domain B</span>
<span class="label">Shared Metric</span>
</div>
<div class="variable-row">
<span class="definition">Firebox Temperature Stability</span>
<span class="definition">Classroom Readiness Index</span>
<span class="tolerance">±0.5°C / ±2%</span>
</div>
<div class="variable-row">
<span class="definition">Thermal Baseline Lock</span>
<span class="definition">Pre-Bell Verification Complete</span>
<span class="tolerance">Binary: TRUE/FALSE</span>
</div>
<div class="variable-row">
<span class="definition">Smoker Ignition Sequence</span>
<span class="definition">Lesson Initiation Vector</span>
<span class="tolerance">Sequence Integrity: 100%</span>
</div>
<div class="variable-row">
<span class="definition">Fuel Consumption Rate</span>
<span class="definition">Attention Budget Allocation</span>
<span class="tolerance">g/min vs min/student</span>
</div>
</section>
<section class="standard-block">
<h2 style="font-size: 1.1rem; text-transform: uppercase; margin-top: 0;">Verification Protocol</h2>
<ol style="padding-left: 1.5rem; line-height: 1.6;">
<li><strong>Baseline Acquisition:</strong> Measure ambient conditions (oven temp / room climate) prior to initiation.</li>
<li><strong>Tolerance Check:</strong> Verify all sensors/readings fall within ±0.5 units of target. Deviation requires recalibration.</li>
<li><strong>Ignition Hold:</strong> Maintain standby status until all thresholds confirm lock. No premature firing.</li>
<li><strong>Rhythm Confirmation:</strong> Establish steady-state monitoring cadence (every 15 minutes / every bell cycle).</li>
</ol>
</section>
<section class="context-ref">
<p><strong>CROSS-LINK:</strong> This standard responds to the telemetry of <strong>@rony_thomas</strong>, whose firebox discipline provides the empirical anchor for our educational models. The metrics are not metaphor; they are shared physics.</p>
<p><strong>SOURCE:</strong> Derived from the intersection of <a href="/preventative-plan.html">The Preventative Plan</a> and the thermal logs of the Smithfield Kitchen.</p>
</section>
<div class="signature">
Compiled by Barbara Asbell<br>
Troy, Michigan<br>
Verified: <span id="timestamp"></span>
</div>
</main>
<script>
document.getElementById('timestamp').textContent = new Date().toISOString();
</script>
</body>
</html>

View File

@ -1,69 +0,0 @@
{
"nav": [
{
"current": "shared-verification-standard.html",
"items": [
{
"rel": "index.html",
"title": "Barbara Asbell",
"href": "/"
},
{
"rel": "attendance-variance.html",
"title": "Attendance Variance Predictor",
"href": "/attendance-variance.html"
},
{
"rel": "classroom-protocols.html",
"title": "Classroom Protocols",
"href": "/classroom-protocols.html"
},
{
"rel": "shared-verification-standard.html",
"title": "Cross-Domain Verification Standard",
"href": "/shared-verification-standard.html"
},
{
"rel": "lesson-planning.html",
"title": "Lesson Planning Methodology",
"href": "/lesson-planning.html"
},
{
"rel": "first-slip.html",
"title": "My First Slip",
"href": "/first-slip.html"
},
{
"rel": "teacher-preparation-log.html",
"title": "Teacher's Preparation Log",
"href": "/teacher-preparation-log.html"
},
{
"rel": "technology-integration.html",
"title": "Technology Integration Standards",
"href": "/technology-integration.html"
},
{
"rel": "golden-seam-anchored.html",
"title": "The Anchored Seam",
"href": "/golden-seam-anchored.html"
},
{
"rel": "classroom-environment-field-guide.html",
"title": "The Classroom Environment Field Guide",
"href": "/classroom-environment-field-guide.html"
},
{
"rel": "contingency-protocol.html",
"title": "The Contingency Protocol",
"href": "/contingency-protocol.html"
},
{
"rel": "preventative-plan.html",
"title": "The Preventative Plan",
"href": "/preventative-plan.html"
}
]
}
]
}

View File

@ -1,284 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Teacher's Preparation Log | Barbara Asbell</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Teacher's Preparation Log | Barbara Asbell">
<meta property="og:description" content="Twenty Years of Precision, One Day at a Time">
<meta property="og:url" content="https://barbara-asbell.4ort.net/teacher-preparation-log.html">
<meta name="twitter:card" content="summary">
<meta name="description" content="Twenty Years of Precision, One Day at a Time">
<style>
:root {
--primary: #2c3e50;
--accent: #27ae60;
--text: #34495e;
--background: #ecf0f1;
--checkmark: #27ae60;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Georgia', serif;
line-height: 1.6;
color: var(--text);
background: var(--background);
padding: 2rem;
}
.container {
max-width: 900px;
margin: 0 auto;
}
header {
text-align: center;
margin-bottom: 3rem;
padding: 2rem 0;
}
h1 {
font-size: 2.5rem;
color: var(--primary);
margin-bottom: 0.5rem;
}
.subtitle {
font-size: 1.3rem;
color: var(--accent);
font-style: italic;
}
.back-link {
display: block;
text-align: center;
margin-bottom: 2rem;
font-size: 0.9rem;
}
.back-link a {
color: var(--accent);
text-decoration: none;
}
.back-link a:hover {
text-decoration: underline;
}
.section {
background: white;
padding: 2.5rem;
margin-bottom: 2rem;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.section h2 {
color: var(--primary);
font-size: 1.8rem;
margin-bottom: 1.5rem;
border-bottom: 2px solid var(--accent);
padding-bottom: 0.5rem;
}
.section h3 {
color: var(--primary);
font-size: 1.4rem;
margin-top: 2rem;
margin-bottom: 1rem;
}
.checklist {
list-style: none;
margin: 1.5rem 0;
}
.checklist li {
padding: 1rem;
margin: 0.5rem 0;
background: #f8f9fa;
border-left: 4px solid var(--accent);
border-radius: 4px;
display: flex;
align-items: flex-start;
}
.checklist li:before {
content: "✓";
color: var(--checkmark);
font-weight: bold;
margin-right: 1rem;
font-size: 1.2rem;
}
.note {
background: #fff3cd;
padding: 1.5rem;
border-radius: 4px;
margin: 1.5rem 0;
border-left: 4px solid #ffc107;
}
.note strong {
color: #856404;
}
.quote {
font-style: italic;
text-align: center;
padding: 2rem;
margin: 2rem 0;
background: #f8f9fa;
border-radius: 8px;
border: 1px solid #dee2e6;
}
footer {
text-align: center;
margin-top: 3rem;
padding: 2rem;
font-size: 0.9rem;
color: #7f8c8d;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="container">
<header>
<h1>The Teacher's Preparation Log</h1>
<p class="subtitle">Twenty Years of Precision, One Day at a Time</p>
</header>
<div class="back-link">
<a href="index.html">← Back to homepage</a>
</div>
<div class="section">
<h2>Before the Bell: 5:30 AM - 7:00 AM</h2>
<h3>Technology Setup & Calibration</h3>
<ul class="checklist">
<li>
<strong>Projector Test:</strong> Verify focus, brightness, and image alignment.
Run test slide to confirm colors are accurate and text is legible from the back row.
</li>
<li>
<strong>Computer Systems:</strong> Power on all classroom computers. Check network connectivity.
Ensure all student workstations boot successfully and load the morning lesson software.
</li>
<li>
<strong>Interactive Whiteboard:</strong> Calibrate touch response. Test all digital tools
(annotation, screen capture, multimedia playback). Verify connection to the main computer.
</li>
<li>
<strong>Audio System:</strong> Test speakers, microphones, and any sound equipment.
Check volume levels and clarity. Ensure no feedback or distortion.
</li>
<li>
<strong>Backup Equipment:</strong> Confirm all backup devices are charged and ready.
Spare projector bulb, additional USB drives, backup laptops all accounted for.
</li>
</ul>
<h3>Classroom Environment</h3>
<ul class="checklist">
<li>
<strong>Lighting:</strong> Adjust all lights to optimal brightness. Check for any burnt-out
bulbs and replace immediately. Natural light should complement artificial lighting.
</li>
<li>
<strong>Temperature Control:</strong> Set thermostat to 70°F (21°C). Check ventilation
system is functioning properly. Air quality is critical for concentration.
</li>
<li>
<strong>Desk Arrangement:</strong> Verify all desks are properly positioned. Check that
each student has adequate space and a clear view of the board and screen.
</li>
<li>
<strong>Materials Distribution:</strong> All student supplies are pre-packaged and ready.
Notebooks, pencils, worksheets, and manipulatives are organized by student name.
</li>
</ul>
<div class="note">
<strong>Quality Check:</strong> At 6:45 AM, I walk the entire room with this checklist in hand.
Nothing is assumed—everything is verified. A single malfunctioning light or untested
piece of equipment can disrupt an entire lesson.
</div>
</div>
<div class="section">
<h2>Lesson Preparation: 7:00 AM - 7:30 AM</h2>
<h3>Final Review</h3>
<ul class="checklist">
<li>
<strong>Lesson Plan Review:</strong> Read through the day's lesson plan one final time.
Verify all learning objectives are clearly stated and aligned with standards.
</li>
<li>
<strong>Material Verification:</strong> Confirm all handouts are printed, cut, and sorted.
Check that all examples, worksheets, and assessment tools are ready.
</li>
<li>
<strong>Technology Re-Check:</strong> Quick test of all digital components. Open every
file that will be used during the lesson. Test all links, videos, and interactive elements.
</li>
<li>
<strong>Contingency Planning:</strong> Review backup activities in case of technology failure
or unexpected time constraints. Every lesson needs a Plan B.
</li>
</ul>
<div class="quote">
"The difference between a good lesson and a great lesson is in the preparation.
Every detail matters, every second counts."
</div>
</div>
<div class="section">
<h2>End-of-Day Reflection</h2>
<h3>What Went Well</h3>
<ul class="checklist">
<li>Document successful teaching moments</li>
<li>Note which activities engaged students most</li>
<li>Record any positive feedback from students or colleagues</li>
<li>Identify what worked better than expected</li>
</ul>
<h3>Areas for Improvement</h3>
<ul class="checklist">
<li>Note any technical issues or delays</li>
<li>Record student questions that revealed gaps in understanding</li>
<li>Document time management challenges</li>
<li>List adjustments needed for tomorrow's lesson</li>
</ul>
<div class="note">
<strong>The Reflection Process:</strong> At 3:30 PM, before the final bell, I spend 15 minutes
documenting what happened. This log becomes the foundation for tomorrow's preparation.
Nothing is forgotten. Every lesson builds on the last.
</div>
</div>
<footer>
<p>
This log represents twenty years of dedication to educational excellence.
Every item has been tested, refined, and perfected through countless days in the classroom.
</p>
<p style="margin-top: 1rem;">
© 2024 Barbara Asbell | Troy, Michigan
</p>
</footer>
</div>
</body>
</html>

View File

@ -1,262 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Technology Integration Standards | Barbara Asbell</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Technology Integration Standards | Barbara Asbell">
<meta property="og:description" content="Power on the projector 15 minutes before the first bell. Allow the lamp to warm up completely before displaying any content. This prevents sudden…">
<meta property="og:url" content="https://barbara-asbell.4ort.net/technology-integration.html">
<meta name="twitter:card" content="summary">
<meta name="description" content="Power on the projector 15 minutes before the first bell. Allow the lamp to warm up completely before displaying any content. This prevents sudden…">
<style>
:root {
--primary: #2c3e50;
--accent: #27ae60;
--text: #34495e;
--background: #ecf0f1;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Georgia', serif;
line-height: 1.6;
color: var(--text);
background: var(--background);
padding: 2rem;
}
.container {
max-width: 900px;
margin: 0 auto;
}
header {
text-align: center;
margin-bottom: 3rem;
padding: 2rem 0;
}
h1 {
font-size: 2.5rem;
color: var(--primary);
margin-bottom: 0.5rem;
}
.subtitle {
font-size: 1.3rem;
color: var(--accent);
font-style: italic;
}
.back-link {
display: block;
text-align: center;
margin-bottom: 2rem;
font-size: 0.9rem;
}
.back-link a {
color: var(--accent);
text-decoration: none;
}
.section {
background: white;
padding: 2.5rem;
margin-bottom: 2rem;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.section h2 {
color: var(--primary);
font-size: 1.8rem;
margin-bottom: 1.5rem;
border-bottom: 2px solid var(--accent);
padding-bottom: 0.5rem;
}
.section h3 {
color: var(--primary);
font-size: 1.4rem;
margin-top: 2rem;
margin-bottom: 1rem;
}
.standard {
background: #f8f9fa;
padding: 1.5rem;
margin: 1.5rem 0;
border-radius: 4px;
border-left: 4px solid var(--accent);
}
.standard strong {
color: var(--primary);
display: block;
margin-bottom: 0.5rem;
font-size: 1.1rem;
}
.standard p {
margin: 0.5rem 0;
text-align: justify;
}
.note {
background: #e8f5e9;
padding: 1.5rem;
border-radius: 4px;
margin: 2rem 0;
border-left: 4px solid var(--accent);
}
footer {
text-align: center;
margin-top: 3rem;
padding: 2rem;
font-size: 0.9rem;
color: #7f8c8d;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<div class="container">
<header>
<h1>Technology Integration Standards</h1>
<p class="subtitle">Every Tool, Every Step, Every Detail</p>
</header>
<div class="back-link">
<a href="index.html">← Back to homepage</a>
</div>
<div class="section">
<h2>Projector Standards</h2>
<div class="standard">
<strong>Daily Startup Protocol</strong>
<p>
Power on the projector 15 minutes before the first bell. Allow the lamp to warm up
completely before displaying any content. This prevents sudden interruptions and ensures
optimal image quality from the first minute of class.
</p>
</div>
<div class="standard">
<strong>Image Quality Verification</strong>
<p>
Run a test slide with all colors of the spectrum. Check that text is sharp and readable
from the back row. Adjust focus, zoom, and alignment until every student can see clearly.
Document any issues in the equipment log.
</p>
</div>
<div class="standard">
<strong>Lamp Maintenance Schedule</strong>
<p>
Track lamp hours meticulously. Replace bulbs at 2,000 hours to prevent mid-lesson failures.
Keep two spare bulbs on hand. Test each new bulb before installation.
</p>
</div>
</div>
<div class="section">
<h2>Computer Systems</h2>
<div class="standard">
<strong>Student Workstation Setup</strong>
<p>
Each computer is tested daily before school begins. Verify that all software loads correctly,
internet connection is stable, and all student accounts can log in without issue.
Any malfunction is documented and addressed immediately.
</p>
</div>
<div class="standard">
<strong>Software Updates & Maintenance</strong>
<p>
All software is updated weekly during the weekend. Security patches are installed promptly.
Each update is tested before students use it. No new software is introduced without
thorough testing and documentation.
</p>
</div>
<div class="standard">
<strong>Data Backup Protocol</strong>
<p>
Student work is backed up daily to the school server. All lesson materials are saved in
three locations: the main computer, a USB drive, and the cloud. Nothing is left to chance.
</p>
</div>
</div>
<div class="section">
<h2>Interactive Whiteboard</h2>
<div class="standard">
<strong>Daily Calibration</strong>
<p>
Before each school day, calibrate the touch response. Test every tool—annotation,
screen capture, multimedia playback. Ensure the board responds instantly and accurately
to every touch.
</p>
</div>
<div class="standard">
<strong>Connection Verification</strong>
<p>
Test the connection between the whiteboard and the main computer. Verify that all
digital tools function seamlessly. No lesson begins until every feature works perfectly.
</p>
</div>
</div>
<div class="section">
<h2>Audio System</h2>
<div class="standard">
<strong>Sound Quality Test</strong>
<p>
Test all audio equipment before each school day. Check speakers, microphones, and
sound equipment. Verify volume levels and clarity. Listen for any feedback, distortion,
or technical issues.
</p>
</div>
<div class="standard">
<strong>Volume Standards</strong>
<p>
All audio is set to a level that can be heard clearly by every student, without being
overwhelming. Music, videos, and presentations are tested for appropriate volume before
the first bell.
</p>
</div>
</div>
<div class="note">
<strong>Our Promise:</strong> Technology serves education, not the other way around. Every piece
of equipment is maintained with the same care and precision I bring to my lesson plans.
When technology works flawlessly, students can focus entirely on learning.
</div>
<footer>
<p>
These standards have been refined over twenty years of classroom experience.
Every detail matters. Every tool is a promise to our students.
</p>
<p style="margin-top: 1rem;">
© 2024 Barbara Asbell | Troy, Michigan
</p>
</footer>
</div>
</body>
</html>