test Full annotated Clone

Added prompts to the template put place houder audio

update the excercise scetion with modifications

body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #fdfdfd; } .container { max-width: 900px; margin: 20px auto; padding: 0 15px; } .tab-group { margin: 25px 0; } .tab-buttons { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; } .tab-buttons button { padding: 10px 18px; cursor: pointer; background-color: #ffe082; border: none; border-radius: 6px; font-weight: bold; } .tab-buttons button.active { background-color: #ffca28; } .tab-content { display: none; background-color: #fff8e1; padding: 20px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); } .tab-content.active { display: block; } h2 { color: #2e7d32; margin-top: 0; } textarea { width: 100%; padding: 10px; border-radius: 6px; border: 1px solid #ccc; } .vocab-tooltip { border-bottom: 1px dotted #333; cursor: help; font-weight: bold; color: #2e7d32; } .vocab-tooltip:hover::after { content: attr(data-tooltip); position: absolute; background: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 12px; white-space: nowrap; transform: translate(-50%, -120%); } .answer-tooltip { border-bottom: 1px dotted #666; cursor: help; font-weight: bold; color: #1976d2; } .answer-tooltip:hover::after { content: attr(data-answer); position: absolute; background: #1976d2; color: white; padding: 8px 12px; border-radius: 4px; font-size: 13px; white-space: nowrap; transform: translate(-50%, -120%); }
== START HERE, PROMPT: == For each day write an article of 500 words on HSK2 level create a summary in 25 words in english add tooltip in mandarin text for all words Provide a full english translation of the text put idiomatic expression in a table: mandarin, pinyin, english Populate the below template: == start template ==

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
HanziPinyinEnglish

Grammar

PLACE HERE GRAMMAR POINTS WITH EXAMPLES FROM THE STORY

Idiomatic Expressions

PLACE HERE IDIOMATIC EXPRESSIONS TABLE ROWS
MandarinPinyinEnglish

Cultural Insights

PLACE HERE CULTURAL INSIGHTS AS LIST OR PARAGRAPHS

10 Questions

  1. 主角叫什么名字?
  2. 故事发生在哪里?

Multiple Choice

1. 这个城市是?
A. 北京
B. 上海
C. 广州
2. 他最喜欢的水果是?
A. 香蕉
B. 梨
C. 苹果
 
3. 她最喜欢的颜色是?
A. 蓝色
B. 红色
C. 绿色
4. 家里养了什么动物?
A. 猫
B. 狗
C. 兔子
 
5. 他怎么去学校?
A. 公交
B. 自行车
C. 火车
6. 他常去哪里学习?
A. 家
B. 学校图书馆
C. 咖啡店

True or False

  1. 主角喜欢冰淇淋。
  2. 故事发生在冬天。

Retell the Story

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

Suggestions: Try to summarize the story in 5–6 sentences using your own words.

document.querySelectorAll(‘.tab-group’).forEach(group => { const buttons = group.querySelectorAll(‘.tab-btn’); const contents = group.querySelectorAll(‘.tab-content’); buttons.forEach(button => { button.addEventListener(‘click’, () => { buttons.forEach(btn => btn.classList.remove(‘active’)); contents.forEach(content => content.classList.remove(‘active’)); button.classList.add(‘active’); document.getElementById(button.dataset.tab).classList.add(‘active’); }); }); });

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *