Step 3 test – correct template?

DO NOT USE FOR STORY GENERATION – USE THE CLONE INSTEAD

Key Changes Made needs updating for true and false tooltip

  • Added translation tooltip to the “用你自己的话写这个故事” instruction in the Retell section
  • Added English translation tooltips to all questions using the vocab-tooltip class
  • Placed answer tooltips (💡) immediately after each question
  • For Multiple Choice: answer tooltip appears right after the question, before the a, b, c options, and includes both the letter and full answer text in the format “Answer: X) Full answer text”
  • Added empty rows between Multiple Choice answer pairs in the table using 
  • Applied the same tooltip structure to True/False and Retell sections

Here come the level and word count

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%); }


Week 01 — Day 1 (General article)
我的第一天学习中文
Today I start a new Chinese routine: short stories, daily practice, and simple goals to build confidence and consistency.
LEVEL/WORDCOUNT: HSK2 / ~150 words

第一天 学习 中文

今天 公车上 一个 短故事 每天 一点 中文 因为 工作 很忙 所以 只能 车上 学习 有一点 困难 觉得 有兴趣 因为 故事 有意思 觉得 这个 学习方法 很好 所以 决定 从今天 开始 每天 一个 故事 继续 练习 语法 词汇 一起 增强 我的 信心 一天 希望 中文 谈话 不久 感到 自信 一天 只要 继续 努力 可以 做到 一个 目标 完成 一个 重要 马上 开始 学习 <span class="vocab-tooltip" data-tooltip="。

My First Day Learning Chinese

Today I read a short story on the bus. I want to learn a little Chinese every day because work is busy, so I only study on the commute. It is hard, but the stories are interesting. I think this method is good, so I decided to start a daily routine: read one story, practice grammar and vocabulary, and strengthen my confidence. One day, I hope I can speak Chinese with people. If I keep trying, I can reach my goal. A small step is important, and I will start now.

Audio help

How to Use the Audio

The audio helps listening and pronunciation. Listen before reading for comprehension; listen after reading to shadow and improve fluency.

  • Before reading: Practice listening comprehension and rhythm.
  • After reading: Shadow to improve pronunciation and fluency.

Vocabulary

HanziPinyinEnglish
公车gōng chēbus
短故事duǎn gù shìshort story
每天měi tiānevery day
学习xué xístudy/learn
因为yīn wèibecause
工作gōng zuòwork
困难kùn nándifficult
兴趣xìng qùinterest
决定jué dìngdecide
目标mù biāogoal

Grammar

1) 因为…所以… (because… therefore…)

Example: 因为我工作很忙,所以我只能在车上学习。

2) 只要…就… (as long as… then…)

Example: 只要我继续努力,就可以做到。

3) 从…开始 (from… start)

Example: 从今天开始,我每天读一个故事。

Idiomatic Expressions

MandarinPinyinEnglish
一步一个脚印yī bù yī gè jiǎo yìnone step at a time
持之以恒chí zhī yǐ héngpersevere consistently
不怕慢,就怕站bù pà màn, jiù pà zhànnot afraid of slow, only afraid of stopping
循序渐进xún xù jiàn jìnprogress step by step
有志者事竟成yǒu zhì zhě shì jìng chéngwhere there is a will, there is a way

Cultural Insights

Many Chinese learners study on the commute because daily routines are busy. In China, “碎片时间” (suì piàn shí jiān) means “fragmented time” and is often used for learning.

10 Questions

  1. 今天 在哪里看故事? — 在公车上。
  2. 为什么作者每天学习中文? — 因为工作很忙,只能在车上学习。
  3. 困难 是什么? — 学习中文有一点困难。
  4. 作者觉得故事怎么样? — 有兴趣,很有意思。
  5. 作者决定从什么时候开始学习? — 从今天开始。
  6. 作者每天读几篇故事? — 每天读一个故事。
  7. 作者要练习什么? — 语法和词汇。
  8. 作者希望未来能做什么? — 用中文跟人谈话。
  9. 只要作者继续努力,会怎么样? — 就可以做到。
  10. 作者认为“小步”重要吗? — 重要。

Multiple Choice

1) 作者在哪里学习?
A. 在家
B. 在公车上
C. 在学校
答案: B
2) 作者为什么只能在车上学习?
A. 因为很忙
B. 因为不想学习
C. 因为没有书
答案: A
3) “只要…就…” 的意思是?
A. 只要…就…
B. 因为…所以…
C. 可能…也许…
答案: A
4) 作者希望未来能做什么?
A. 旅游
B. 跟人谈话
C. 写小说
答案: B
5) “目标” 的意思是?
A. 目标
B. 朋友
C. 时间
答案: A
6) 作者觉得故事很?
A. 无聊
B. 有意思
C. 困难
答案: B

True or False

  1. 作者在地铁上学习中文。 — False(在公车上。)
  2. 作者每天读一个短故事。 — True
  3. 作者觉得学习中文很容易。 — False(有一点困难。)
  4. 作者决定从今天开始每天学习。 — True
  5. 作者希望用中文跟人谈话。 — True
  6. 作者认为小步不重要。 — False(小步很重要。)

Retell the Story

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

Suggestions: Use 因为…所以…, 只要…就…, 从…开始, and at least 5 vocabulary words from today.

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 *