CN Annotated Template test

PLACE HERE THE CHINESE TITLE
PLACE HERE THE SUMMARY (IN ENGLISH IF HSK2 AND LOWER)
LEVEL/WORDCOUNT: ______________________________

PLACE HERE CHINESE TITLE WITH TOOLTIP

PLACE HERE THE ENGLISH DESCRIPTION OF THE STORY.

LEVEL/WORDCOUNT: HSK 2 / ~500 words

PLACE HERE THE CHINESE TITLE WITH TOOLTIP

PLACE HERE THE CHINESE STORY TEXT WITH VOCAB TOOLTIPS ON ALL WORDS

PLACE HERE THE ENGLISH TITLE

PLACE HERE THE FULL ENGLISH TRANSLATION OF THE STORY TEXT.

Audio help

How to Use the Audio

The audio is designed to help you improve your Chinese listening skills and pronunciation. You can use it in two ways:

Before reading the text: Listen first to practice understanding spoken Chinese. This helps you focus on pronunciation, rhythm, and listening comprehension without relying on written characters.
After reading the text: Listen again to compare your own pronunciation with the native speaker. This helps you improve speaking skills, pronunciation, and fluency.

Listening regularly with and without the text will strengthen both your comprehension and speaking abilities in Chinese.

Vocabulary

PLACE HERE VOCABULARY TABLE ROWS FROM THE STORY

Hanzi	Pinyin	English

Grammar

PLACE HERE GRAMMAR POINTS WITH EXAMPLES FROM THE STORY

Idiomatic Expressions

PLACE HERE IDIOMATIC EXPRESSIONS TABLE ROWS

Mandarin	Pinyin	English

Cultural Insights

PLACE HERE CULTURAL INSIGHTS AS LIST OR PARAGRAPHS

10 Questions

PLACE HERE 10 ORIGINAL QUESTIONS IN MANDARIN WITH ANSWER TOOLTIPS

Multiple Choice

PLACE HERE 6 MULTIPLE CHOICE QUESTIONS IN A TABLE (2 columns, 3 rows) WITH ANSWER TOOLTIPS

True or False

PLACE HERE 6 ORIGINAL TRUE/FALSE QUESTIONS WITH ANSWER TOOLTIPS

Retell the Story

用你自己的话写这个故事。

PLACE HERE SUGGESTIONS FOR HOW TO RETELL THE STORY

// Tab functionality (leave as-is) document.addEventListener(‘DOMContentLoaded’, function() { const tabButtons = document.querySelectorAll(‘.tab-btn’); const tabContents = document.querySelectorAll(‘.tab-content’); tabButtons.forEach(button => { button.addEventListener(‘click’, () => { const targetTab = button.getAttribute(‘data-tab’); // Update active button tabButtons.forEach(btn => btn.classList.remove(‘active’)); button.classList.add(‘active’); // Update active content tabContents.forEach(content => content.classList.remove(‘active’)); document.getElementById(targetTab).classList.add(‘active’); }); }); // Tooltip functionality (leave as-is) const tooltips = document.querySelectorAll(‘.vocab-tooltip, .answer-tooltip’); tooltips.forEach(tooltip => { tooltip.addEventListener(‘mouseenter’, function() { const tooltipText = this.getAttribute(‘data-tooltip’) || this.getAttribute(‘data-answer’); if (tooltipText) { const tooltipEl = document.createElement(‘span’); tooltipEl.className = ‘tooltip-text’; tooltipEl.textContent = tooltipText; this.appendChild(tooltipEl); } }); tooltip.addEventListener(‘mouseleave’, function() { const tooltipEl = this.querySelector(‘.tooltip-text’); if (tooltipEl) { tooltipEl.remove(); } }); }); }); /* Basic styles for functionality (leave as-is) */ .tab-group { margin: 20px 0; } .tab-buttons { display: flex; border-bottom: 2px solid #ddd; } .tab-btn { background: none; border: none; padding: 10px 20px; cursor: pointer; font-size: 16px; } .tab-btn.active { background: #007bff; color: white; border-bottom: 2px solid #0056b3; } .tab-content { display: none; padding: 20px; background: #f8f9fa; } .tab-content.active { display: block; } .vocab-tooltip { position: relative; cursor: help; } .tooltip-text { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 14px; white-space: nowrap; z-index: 1000; margin-bottom: 5px; } .answer-tooltip { cursor: pointer; } table { width: 100%; border-collapse: collapse; margin: 10px 0; } th, td { border: 1px solid #ddd; padding: 8px; text-align: left; } th { background-color: #f2f2f2; } textarea { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; }