The Ilustrado (Public School Teacher -Philippines): Agosto 2026

https://epp-he5-q3.my.canva.site/exploring-filipino-traditions

<!doctype html>

<head><script>window["__codeletBootstrap__"]=JSON.parse('{"A":"A","B":"20260807-05-4dc3575","C":{"Abril Fatface":"YACgEZbkUVE,0","Alfa Slab One":"YACgEYS9sJU,0","Anton":"YACgEcYqQ-A,0","Archivo":"YAHO2-t-jNE,0","Arial":"YAGyDvJ_4Ts,0","Bebas Neue":"YACgESME5ew,0","Bricolage Grotesque":"YAFyMcdwzpc,0","Canva Sans":"YAFLd8sKbwc,2","Caveat":"YALBs2ploWQ,0","Comic Sans MS":"YAHO2VMiyZo,0","Cormorant Garamond":"YAFdJhX-538,0","Courier New":"YAGzXiGs0_8,0","DM Sans":"YAD1aU3sLnI,0","DM Serif Display":"YAD1aYG82rc,0","Forum":"YACgEcnnqB4,0","Fraunces":"YAEul-FRQw4,0","Georgia":"YAGzXkO0pEM,0","Helvetica Neue":"YAFcf6CtJfI,0","Impact":"YAFcfnjI7Vk,0","Inter":"YAFdJvSyp_k,3","Iowan Old Style":"YAGNIFa8j9o,0","Jacques Francois":"YAHO2a5g66Q,0","JetBrains Mono":"YAFdJksXcAk,0","Libre Baskerville":"YACgEUFdPdA,0","Manrope":"YAHO2b2feC4,0","Merriweather":"YACgEXvHxxs,0","Montserrat":"YADLjI9qxTA,0","Nunito":"YACgEX8C5Gg,0","Oleo Script":"YACgEQQ14jI,0","Phantom Sans":"YAHO2E8Pb88,0","Playfair Display":"YACgEYmuCJE,0","Poppins":"YAFdJjbTu24,1","Press Start 2P":"YAFyGr-8pmQ,0","Quicksand":"YADWjpfPmdk,0","Raleway":"YACgEVg3xZg,0","Segoe UI":"YAHNdRD1Klw,0","Source Sans 3":"YAG4lO1Mj10,0","Spectral":"YAHO2rVUHIM,0","Times New Roman":"YAGzXW3gftg,0","Times":"YAGzXW3gftg,0","Ubuntu":"YACgERDU--Q,0","Work Sans":"YAGXhLOKv44,0","Yellowtail":"YACgEYG4kG4,0","ui-monospace":"YADlN8CFZ8Q,0","ui-sans-serif":"YACkoN-xg4g,0"}}');</script><script src="/_sdk/7949ff62d67710d5.telemetry_sdk.js" integrity="sha512-KIvXA82Di44YY/RH9/63A9MuTuavYgDFG8PfErJn7Wli4K0LAOk+coo/aPXk3+ZNL96nHh9VYD4PE+fLes+laQ=="></script>

<title>Exploring Filipino Traditions</title>

<style>

body { font-family: 'DM Sans', sans-serif; }

h1, h2 { font-family: 'Fraunces', serif; }

.quiz-btn { transition: all 0.3s; }

.quiz-btn.correct { background: #16a34a !important; color: white !important; transform: scale(1.05); }

.quiz-btn.wrong { background: #dc2626 !important; color: white !important; opacity: 0.7; }

.quiz-btn:disabled { cursor: not-allowed; }

.card-enter { animation: slideUp 0.5s ease both; }

@keyframes slideUp { from { opacity:0; transform: translateY(30px); } to { opacity:1; transform: translateY(0); } }

</style>

</head>

</header>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</section>

</div>

</section>

</main>

const quizData = [

{ q: "1. Where does Binakol weaving come from?", choices: ["Aklan, Visayas", "Ilocos Norte, Luzon", "Basilan, Mindanao", "Ifugao, CAR"], answer: 1 },

{ q: "2. Piña cloth is made from fibers of what plant?", choices: ["Coconut", "Banana", "Pineapple", "Abaca"], answer: 2 },

{ q: "3. The Yakan people are known for their colorful weaving. Where do they live?", choices: ["Lanao del Sur", "Basilan, Mindanao", "Ilocos Norte", "Benguet, CAR"], answer: 1 },

{ q: "4. What is a Sarimanok?", choices: ["A type of weaving loom", "A legendary bird in Maranao culture", "A musical instrument", "A traditional dance"], answer: 1 },

{ q: "5. Pukpok loom weaving uses a special technique of beating threads. Which group practices this?", choices: ["Maranao of Lanao del Sur", "Yakan of Basilan", "Ifugao of CAR", "Ilokano of Ilocos Norte"], answer: 2 }

];

let score = 0;

const container = document.getElementById('quiz-container');

function buildQuiz() {

score = 0;

container.innerHTML = '';

document.getElementById('score-section').classList.add('hidden');

quizData.forEach((item, qi) => {

const div = document.createElement('div');

div.className = 'bg-white/90 rounded-xl p-5 shadow';

div.innerHTML = `<p class="font-bold mb-3">${item.q}</p><div class="grid grid-cols-1 sm:grid-cols-2 gap-3">${item.choices.map((c, ci) => `<button class="quiz-btn text-left px-4 py-3 rounded-lg border-2 border-amber-200 bg-amber-50 hover:bg-amber-100 font-medium" data-qi="${qi}" data-ci="${ci}">${c}</button>`).join('')}</div>`;

container.appendChild(div);

});

container.querySelectorAll('.quiz-btn').forEach(btn => {

btn.addEventListener('click', handleAnswer);

});

}

function handleAnswer(e) {

const btn = e.currentTarget;

const qi = parseInt(btn.dataset.qi);

const ci = parseInt(btn.dataset.ci);

const siblings = container.querySelectorAll(`[data-qi="${qi}"]`);

siblings.forEach(b => { b.disabled = true; b.removeEventListener('click', handleAnswer); });

if (ci === quizData[qi].answer) {

btn.classList.add('correct');

btn.textContent += ' ✅';

score++;

} else {

btn.classList.add('wrong');

btn.textContent += ' ❌';

siblings[quizData[qi].answer].classList.add('correct');

siblings[quizData[qi].answer].textContent += ' ✅';

}

// Check if all answered

const allAnswered = quizData.every((_, i) => container.querySelector(`[data-qi="${i}"]`).disabled);

if (allAnswered) {

setTimeout(showScore, 600);

}

function showScore() {

const section = document.getElementById('score-section');

section.classList.remove('hidden');

const pct = score / quizData.length;

let emoji = pct === 1 ? '🌟🎉🌟' : pct >= 0.6 ? '👏😊' : '💪📚';

document.getElementById('score-text').textContent = `You got ${score} out of ${quizData.length}!`;

document.getElementById('score-emoji').textContent = emoji;

}

document.getElementById('retry-btn').addEventListener('click', buildQuiz);

buildQuiz();

</script>

</body>

</html>

The Ilustrado (Public School Teacher -Philippines)

Lunes, Agosto 10, 2026

THE ILUSTRADOS

Lets make more friends