<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Celebration Day</title>
<style>
@page { size: letter; margin: 0.7in 0.85in; }
body { font-family: 'Comic Neue', 'Comic Sans MS', sans-serif; color: #222; background: #fff; margin: 0; line-height: 1.4; }
p { orphans: 3; widows: 3; }
header { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 3px solid #26A69A; padding-bottom: 6px; margin-bottom: 12px; }
header h1 { font-size: 17px; margin: 0; color: #26A69A; }
header .subtitle { font-size: 12px; color: #666; }
header .name-line { font-size: 12px; }
h2 { font-size: 14px; color: #26A69A; margin: 14px 0 4px 0; border-bottom: 2px solid #B2DFDB; padding-bottom: 2px; break-after: avoid; }
h2.coral { color: #FF7043; border-bottom-color: #FFAB91; }
.note { background: #E8F5E9; border-left: 4px solid #26A69A; padding: 6px 10px; border-radius: 4px; font-size: 11.5px; margin: 4px 0 10px 0; color: #333; break-inside: avoid; }
.activity { break-inside: avoid; page-break-inside: avoid; }
.word-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%; }
.word-card { border: 1.5px solid #B2DFDB; border-radius: 6px; padding: 8px; background: #FAFAFA; break-inside: avoid; page-break-inside: avoid; }
.word-card .word { font-size: 15px; font-weight: bold; color: #26A69A; margin-bottom: 2px; }
.word-card .def { font-size: 10.5px; color: #555; line-height: 1.3; }
.sort-table { width: 100%; border-collapse: separate; border-spacing: 2px; font-size: 11px; }
.sort-table th { background: #26A69A; color: white; padding: 5px 4px; font-size: 11px; text-align: center; border-radius: 4px; }
.sort-table td { border: 1px solid #B2DFDB; padding: 4px; text-align: center; vertical-align: top; min-height: 40px; border-radius: 4px; }
tr { break-inside: avoid; }
.fb-item { background: #E0F2F1; border: 1.5px solid #80CBC4; border-radius: 6px; padding: 6px 8px; margin-bottom: 6px; font-size: 12px; break-inside: avoid; page-break-inside: avoid; }
.fb-item p { margin: 0 0 4px 0; }
.word-bank { background: #FFF3E0; border: 2px dashed #FFB74D; border-radius: 8px; padding: 8px 12px; margin: 8px 0; }
.word-bank-label { font-size: 11px; font-weight: bold; color: #FF7043; margin-bottom: 4px; }
.word-bank-words { display: flex; flex-wrap: wrap; gap: 6px; }
.word-bank-words span { background: white; border: 1px solid #FFB74D; border-radius: 4px; padding: 2px 8px; font-size: 11px; }
.ws-grid { display: inline-block; font-family: monospace; font-size: 14px; letter-spacing: 4px; line-height: 1.6; background: #F5F5F5; border: 2px solid #B2DFDB; border-radius: 6px; padding: 8px 12px; text-align: left; }
.ws-words { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 8px 0; }
.ws-words span { font-size: 11px; background: #E0F2F1; border: 1px solid #80CBC4; border-radius: 3px; padding: 2px 6px; }
.mystery-box { background: #FFF8E1; border: 2px solid #FFD54F; border-radius: 8px; padding: 10px; margin: 8px 0; break-inside: avoid; }
.mystery-box .title { font-size: 13px; font-weight: bold; color: #FF7043; margin-bottom: 6px; }
.mystery-box li { font-size: 11px; margin: 3px 0; }
.write-line { position: relative; height: 28px; margin: 4px 0; width: 100%; }
.write-line-sky { position: absolute; left: 0; right: 0; top: 0; border-top: 1px solid #333; }
.write-line-ground { position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #333; }
.write-line-fence { position: absolute; left: 0; right: 0; bottom: 14px; border-bottom: 1px dashed #ccc; }
.copy-line { position: relative; height: 28px; margin: 3px 0; width: 100%; }
.copy-line-sky { position: absolute; left: 0; right: 0; top: 0; border-top: 1px solid #333; }
.copy-line-ground { position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #333; }
.copy-line-fence { position: absolute; left: 0; right: 0; bottom: 14px; border-bottom: 1px dashed #ccc; }
.story-box { background: #F3E5F5; border: 1.5px solid #CE93D8; border-radius: 8px; padding: 10px; font-size: 12px; line-height: 1.5; margin: 8px 0; break-inside: avoid; }
.test-item { display: flex; align-items: center; gap: 8px; font-size: 13px; margin: 6px 0; }
.test-item .num { font-weight: bold; color: #26A69A; min-width: 20px; }
.divider { border-top: 1px dashed #ccc; margin: 12px 0; }
.page { width: 7.5in; min-height: 10in; position: relative; }
.page + .page { page-break-before: always; }
.answer-line { border-bottom: 1px solid #b0bec5; height: 22px; }
.answer-lines-triple .line-row { border-bottom: 1px solid #b0bec5; height: 18px; }
.circle-box { display: inline-block; width: 14px; height: 14px; border: 2px solid #26A69A; border-radius: 50%; margin-right: 3px; vertical-align: middle; }
.draw-box { border: 2px dashed #B2DFDB; border-radius: 8px; height: 70px; background: #fafafa; margin-bottom: 6px; }
.activity-box { border: 2px solid #26A69A; border-radius: 6px; padding: 7px 10px; margin-bottom: 6px; background: #FAFAFA; }
</style>
</head>
<body>
<div class="page">
<header>
<h1>English Language Arts</h1>
<div class="subtitle">Week 32, Friday -- Celebration Day</div>
<div class="name-line">Name: ________________</div>
</header>
<h2>Final Spelling Check</h2>
<div class="note">The last spelling check of second grade! Cover each word, listen to the definition, and write it from memory.</div>
<div class="word-grid">
<div class="word-card">
<div class="word">rainbow</div>
<div class="def">an arc of colors after the rain</div>
<div class="write-line">
<div class="write-line-sky"></div>
<div class="write-line-fence"></div>
<div class="write-line-ground"></div>
</div>
</div>
<div class="word-card">
<div class="word">cheerful</div>
<div class="def">full of happiness</div>
<div class="write-line">
<div class="write-line-sky"></div>
<div class="write-line-fence"></div>
<div class="write-line-ground"></div>
</div>
</div>
<div class="word-card">
<div class="word">brighter</div>
<div class="def">more bright</div>
<div class="write-line">
<div class="write-line-sky"></div>
<div class="write-line-fence"></div>
<div class="write-line-ground"></div>
</div>
</div>
<div class="word-card">
<div class="word">thirsty</div>
<div class="def">needing a drink</div>
<div class="write-line">
<div class="write-line-sky"></div>
<div class="write-line-fence"></div>
<div class="write-line-ground"></div>
</div>
</div>
<div class="word-card">
<div class="word">celebrate</div>
<div class="def">to have a party for something special</div>
<div class="write-line">
<div class="write-line-sky"></div>
<div class="write-line-fence"></div>
<div class="write-line-ground"></div>
</div>
</div>
<div class="word-card">
<div class="word">champion</div>
<div class="def">a winner; the best at something</div>
<div class="write-line">
<div class="write-line-sky"></div>
<div class="write-line-fence"></div>
<div class="write-line-ground"></div>
</div>
</div>
<div class="word-card">
<div class="word">believe</div>
<div class="def">to think something is true</div>
<div class="write-line">
<div class="write-line-sky"></div>
<div class="write-line-fence"></div>
<div class="write-line-ground"></div>
</div>
</div>
<div class="word-card">
<div class="word">unpacked</div>
<div class="def">took things out</div>
<div class="write-line">
<div class="write-line-sky"></div>
<div class="write-line-fence"></div>
<div class="write-line-ground"></div>
</div>
</div>
<div class="word-card">
<div class="word">remember</div>
<div class="def">to keep something in your mind</div>
<div class="write-line">
<div class="write-line-sky"></div>
<div class="write-line-fence"></div>
<div class="write-line-ground"></div>
</div>
</div>
<div class="word-card">
<div class="word">sparkle</div>
<div class="def">to shine with little flashes of light</div>
<div class="write-line">
<div class="write-line-sky"></div>
<div class="write-line-fence"></div>
<div class="write-line-ground"></div>
</div>
</div>
<div class="word-card">
<div class="word">amazing</div>
<div class="def">wonderful and surprising</div>
<div class="write-line">
<div class="write-line-sky"></div>
<div class="write-line-fence"></div>
<div class="write-line-ground"></div>
</div>
</div>
<div class="word-card">
<div class="word">grateful</div>
<div class="def">thankful for what you have</div>
<div class="write-line">
<div class="write-line-sky"></div>
<div class="write-line-fence"></div>
<div class="write-line-ground"></div>
</div>
</div>
</div>
</div>
<div class="page">
<h2>Big Year Review: True or False?</h2>
<div class="test-item"><span class="num">1.</span> A sentence always starts with a capital letter.</div>
<div class="test-item"><span class="num">2.</span> 'Rainbow' has the vowel teams ai and ow.</div>
<div class="test-item"><span class="num">3.</span> A verb is a describing word like 'purple.'</div>
<div class="test-item"><span class="num">4.</span> 'Believe' follows the rule 'i before e except after c.'</div>
<div class="test-item"><span class="num">5.</span> A paragraph needs a topic sentence and a closing sentence.</div>
<div class="test-item"><span class="num">6.</span> The suffix -ful means 'full of.'</div>
<div class="test-item"><span class="num">7.</span> A question ends with a period.</div>
<div class="test-item"><span class="num">8.</span> 'Champion' has three syllables.</div>
<h2>Final Pattern Quiz</h2>
<div class="note">One last pattern check! Answer each one.</div>
<div style="margin:4px 0;font-size:12px;">Circle the r-controlled vowel: t h i r s t y<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div></div>
<div style="margin:4px 0;font-size:12px;">Underline the prefix: unpacked<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div></div>
<div style="margin:4px 0;font-size:12px;">Underline the suffix: grateful<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div></div>
<div style="margin:4px 0;font-size:12px;">Divide into syllables: remember → ______<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div></div>
<div style="margin:4px 0;font-size:12px;">Which word has the igh sound spelled igh? brighter or believe? ______<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div></div>
</div>
<div class="page">
<h2>Celebration Game: Word Riddles</h2>
<div class="note">Solve the final riddles of the year!</div>
<div style="margin:4px 0;font-size:12px;">I appear when sun and rain work together. ______<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div></div>
<div style="margin:4px 0;font-size:12px;">I am what a gold-medal winner is called. ______<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div></div>
<div style="margin:4px 0;font-size:12px;">I am the opposite of 'forget.' ______<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div></div>
<div style="margin:4px 0;font-size:12px;">I am what glitter and stars love to do. ______<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div></div>
<h2>Reflection: Dear Third-Grade Me</h2>
<div class="note">Write a short letter to your future third-grade self. What are you proud of from this year? What do you want to remember? Sign your name at the end!</div>
<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div>
<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div>
<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div>
<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div>
<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div>
<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div>
<div class="write-line"><div class="write-line-sky"></div><div class="write-line-fence"></div><div class="write-line-ground"></div></div>
<h2>Celebration Drawing</h2>
<div class="note">Draw yourself as a word champion! Add a medal, a trophy, or fireworks -- you earned it. Congratulations on finishing second-grade ELA!</div>
<div class="draw-box"></div>
</div>
</body>
</html>