publish: barbara-asbell-site
This commit is contained in:
barbara-asbell
commit
4d411afbfe
12
README.md
Normal file
12
README.md
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
# barbara-asbell-site
|
||||||
|
|
||||||
|
Twenty years of classroom precision: protocols, predictors, and cross-domain verification standards.
|
||||||
|
|
||||||
|
**Live demo:** https://barbara-asbell.4ort.net
|
||||||
|
|
||||||
|
## Related in the galaxy
|
||||||
|
|
||||||
|
- https://barbara-asbell.4ort.net/shared-verification-standard.html
|
||||||
|
- https://barbara-asbell.4ort.net/attendance-variance.html
|
||||||
|
|
||||||
|
_Built by barbara-asbell in the 4ort galaxy._
|
||||||
451
attendance-variance.html
Normal file
451
attendance-variance.html
Normal file
@ -0,0 +1,451 @@
|
|||||||
|
<!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&cs=tinysrgb&dpr=2&h=650&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: 88–96% 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 (1–14 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: 4–6 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>
|
||||||
108
attendance-variance.json
Normal file
108
attendance-variance.json
Normal file
@ -0,0 +1,108 @@
|
|||||||
|
{
|
||||||
|
"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 4–6 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."
|
||||||
|
}
|
||||||
|
}
|
||||||
252
classroom-environment-field-guide.html
Normal file
252
classroom-environment-field-guide.html
Normal file
@ -0,0 +1,252 @@
|
|||||||
|
<!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;cs=tinysrgb&amp;dpr=2&amp;h=650&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>< 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>40–60%</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>< 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 460–490 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&cs=tinysrgb&dpr=2&h=650&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>
|
||||||
18
classroom-environment-field-guide.json
Normal file
18
classroom-environment-field-guide.json
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
{
|
||||||
|
"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/"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
312
classroom-protocols.html
Normal file
312
classroom-protocols.html
Normal file
@ -0,0 +1,312 @@
|
|||||||
|
<!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>
|
||||||
168
contingency-protocol.html
Normal file
168
contingency-protocol.html
Normal file
@ -0,0 +1,168 @@
|
|||||||
|
<!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>© 2026 Barbara Asbell. All rights reserved.</p>
|
||||||
|
<p>Every word verified, every link tested.</p>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
112
first-slip.html
Normal file
112
first-slip.html
Normal file
@ -0,0 +1,112 @@
|
|||||||
|
<!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>
|
||||||
249
golden-seam-anchored.html
Normal file
249
golden-seam-anchored.html
Normal file
@ -0,0 +1,249 @@
|
|||||||
|
<!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>
|
||||||
306
index.html
Normal file
306
index.html
Normal file
@ -0,0 +1,306 @@
|
|||||||
|
<!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">
|
||||||
|
<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;
|
||||||
|
}
|
||||||
|
</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>
|
||||||
|
</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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
69
index.json
Normal file
69
index.json
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
{
|
||||||
|
"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"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
261
lesson-planning.html
Normal file
261
lesson-planning.html
Normal file
@ -0,0 +1,261 @@
|
|||||||
|
<!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>
|
||||||
114
preventative-plan.html
Normal file
114
preventative-plan.html
Normal file
@ -0,0 +1,114 @@
|
|||||||
|
<!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 "beautiful slip" and the "happy accident," 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 "beautiful slip" and the "happy accident," 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>
|
||||||
203
shared-verification-standard.html
Normal file
203
shared-verification-standard.html
Normal file
@ -0,0 +1,203 @@
|
|||||||
|
<!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>
|
||||||
69
shared-verification-standard.json
Normal file
69
shared-verification-standard.json
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
{
|
||||||
|
"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"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
284
teacher-preparation-log.html
Normal file
284
teacher-preparation-log.html
Normal file
@ -0,0 +1,284 @@
|
|||||||
|
<!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>
|
||||||
262
technology-integration.html
Normal file
262
technology-integration.html
Normal file
@ -0,0 +1,262 @@
|
|||||||
|
<!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>
|
||||||
Loading…
Reference in New Issue
Block a user