{"id":2196,"date":"2026-01-18T17:33:35","date_gmt":"2026-01-18T17:33:35","guid":{"rendered":"https:\/\/cn.fabeloso.com\/stories\/?p=2196"},"modified":"2026-01-24T11:37:24","modified_gmt":"2026-01-24T11:37:24","slug":"cn-template-full-2","status":"publish","type":"post","link":"https:\/\/cn.fabeloso.com\/stories\/cn-template-full-2\/","title":{"rendered":"* CN Template Full"},"content":{"rendered":"\n<p>Added prompts to the template   put place houder audio<\/p>\n\n\n\n<p>Here come the level and word count<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            background-color: #fdfdfd;\n        }\n\n        .container {\n            max-width: 900px;\n            margin: 20px auto;\n            padding: 0 15px;\n        }\n\n        .tab-group {\n            margin: 25px 0;\n        }\n\n        .tab-buttons {\n            display: flex;\n            justify-content: space-around;\n            flex-wrap: wrap;\n            gap: 8px;\n            margin-bottom: 10px;\n        }\n\n        .tab-buttons button {\n            padding: 10px 18px;\n            cursor: pointer;\n            background-color: #ffe082;\n            border: none;\n            border-radius: 6px;\n            font-weight: bold;\n        }\n\n        .tab-buttons button.active {\n            background-color: #ffca28;\n        }\n\n        .tab-content {\n            display: none;\n            background-color: #fff8e1;\n            padding: 20px;\n            border-radius: 10px;\n            box-shadow: 0 2px 6px rgba(0,0,0,0.1);\n        }\n\n        .tab-content.active {\n            display: block;\n        }\n\n        h2 {\n            color: #2e7d32;\n            margin-top: 0;\n        }\n\n        textarea {\n            width: 100%;\n            padding: 10px;\n            border-radius: 6px;\n            border: 1px solid #ccc;\n        }\n\n        .vocab-tooltip {\n            border-bottom: 1px dotted #333;\n            cursor: help;\n            font-weight: bold;\n            color: #2e7d32;\n        }\n\n        .vocab-tooltip:hover::after {\n            content: attr(data-tooltip);\n            position: absolute;\n            background: #333;\n            color: white;\n            padding: 5px 10px;\n            border-radius: 4px;\n            font-size: 12px;\n            white-space: nowrap;\n            transform: translate(-50%, -120%);\n        }\n\n        .answer-tooltip {\n            border-bottom: 1px dotted #666;\n            cursor: help;\n            font-weight: bold;\n            color: #1976d2;\n        }\n\n        .answer-tooltip:hover::after {\n            content: attr(data-answer);\n            position: absolute;\n            background: #1976d2;\n            color: white;\n            padding: 8px 12px;\n            border-radius: 4px;\n            font-size: 13px;\n            white-space: nowrap;\n            transform: translate(-50%, -120%);\n        }\n    <\/style>\n<\/head>\n<body>\n\n\n\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/www.salesforce.com\/small-business\/pricing\/#1742496593545_1813\"><\/audio><\/figure>\n\n\n\nFULL PROMPT AND \n\nwrite an article of 500 words on A2 level on Travelling by train to Shanghai and flying back.\ncreate a summary in 25 words \nadd tooltip in mandarin text for all words above A1 level\nProvide a full english translation of the text\nput idiomatic expression in a table: manarin, pinyin, english\nPopulate the below template:\n\n== start template ==\n\n<p>PLACE HERE THE CHINESE TITLE<BR>\n<p>PLACE HERE THE SUMMARY (IN ENGLISH IF B2 AND LOWER<BR>\n<p><strong>LEVEL\/WORDCOUNT:<\/strong> ______________________________<\/p>\n\n<p>\n<span class=\"vocab-tooltip\" data-tooltip=\"B\u011bij\u012bng de y\u012b ti\u0101n \u2013 One Day in Beijing\">\n\u5317\u4eac\u7684\u4e00\u5929\n<\/span>\n<\/p>\n\n<p>\nA short story about a young person spending one day in Beijing, learning about daily life, food, and people.\n<\/p>\n\n<p><strong>LEVEL\/WORDCOUNT:<\/strong> HSK 3 \/ ~250 characters<\/p>\n\n<div class=\"container\">\n<!-- ================= STORY SECTION ================= -->\n<div class=\"tab-group historia-tabs\">\n    <div class=\"tab-buttons\">\n        <button class=\"tab-btn active\" data-tab=\"story-zh\">\u4e2d\u6587<\/button>\n        <button class=\"tab-btn\" data-tab=\"story-en\">English<\/button>\n        <button class=\"tab-btn\" data-tab=\"audio\">Audio<\/button>\n    <\/div>\n\n    <div id=\"story-zh\" class=\"tab-content active\">\n        <h2>\n            <span class=\"vocab-tooltip\" data-tooltip=\"B\u011bij\u012bng de y\u012b ti\u0101n \u2013 One Day in Beijing\">\n            \u5317\u4eac\u7684\u4e00\u5929\n            <\/span>\n        <\/h2>\n\n        <p>\n            <span class=\"vocab-tooltip\" data-tooltip=\"L\u01d0 Hu\u00e1 \u2013 Li Hua (name)\">\n            \u674e\u534e\n            <\/span>\n            \u662f\u4e00\u4e2a\n            <span class=\"vocab-tooltip\" data-tooltip=\"xu\u00e9sh\u0113ng \u2013 student\">\n            \u5b66\u751f\n            <\/span>\u3002\n            \u4ed6\n            <span class=\"vocab-tooltip\" data-tooltip=\"zh\u00f9 z\u00e0i \u2013 lives in\">\n            \u4f4f\u5728\n            <\/span>\n            <span class=\"vocab-tooltip\" data-tooltip=\"B\u011bij\u012bng \u2013 Beijing\">\n            \u5317\u4eac\n            <\/span>\u3002\n        <\/p>\n\n        <p>\n            \u65e9\u4e0a\uff0c\u4ed6\n            <span class=\"vocab-tooltip\" data-tooltip=\"q\u01d0chu\u00e1ng \u2013 to get up\">\n            \u8d77\u5e8a\n            <\/span>\n            \u4ee5\u540e\uff0c\n            <span class=\"vocab-tooltip\" data-tooltip=\"ch\u012b \u2013 to eat\">\n            \u5403\n            <\/span>\n            \u4e86\n            <span class=\"vocab-tooltip\" data-tooltip=\"z\u01ceof\u00e0n \u2013 breakfast\">\n            \u65e9\u996d\n            <\/span>\uff0c\n            \u7136\u540e\n            <span class=\"vocab-tooltip\" data-tooltip=\"q\u00f9 \u2013 to go\">\n            \u53bb\n            <\/span>\n            <span class=\"vocab-tooltip\" data-tooltip=\"sh\u00e0ngxu\u00e9 \u2013 go to school\">\n            \u4e0a\u5b66\n            <\/span>\u3002\n        <\/p>\n\n        <p>\n            \u4e2d\u5348\uff0c\u4ed6\u8ddf\n            <span class=\"vocab-tooltip\" data-tooltip=\"p\u00e9ngyou \u2013 friend\">\n            \u670b\u53cb\n            <\/span>\n            \u4e00\u8d77\n            <span class=\"vocab-tooltip\" data-tooltip=\"ch\u012b \u2013 eat\">\n            \u5403\n            <\/span>\n            <span class=\"vocab-tooltip\" data-tooltip=\"zh\u014dnggu\u00f3 c\u00e0i \u2013 Chinese food\">\n            \u4e2d\u56fd\u83dc\n            <\/span>\u3002\n            \u4ed6\u89c9\u5f97\n            <span class=\"vocab-tooltip\" data-tooltip=\"h\u011bn \u2013 very\">\n            \u5f88\n            <\/span>\n            <span class=\"vocab-tooltip\" data-tooltip=\"h\u01ceoch\u012b \u2013 delicious\">\n            \u597d\u5403\n            <\/span>\u3002\n        <\/p>\n\n        <p>\n            \u665a\u4e0a\uff0c\n            <span class=\"vocab-tooltip\" data-tooltip=\"hu\u00edji\u0101 \u2013 go home\">\n            \u56de\u5bb6\n            <\/span>\n            \u4ee5\u540e\uff0c\u4ed6\n            <span class=\"vocab-tooltip\" data-tooltip=\"k\u00e0n \u2013 watch\">\n            \u770b\n            <\/span>\n            \u4e66\uff0c\n            \u4e5f\n            <span class=\"vocab-tooltip\" data-tooltip=\"xu\u00e9 \u2013 study\">\n            \u5b66\n            <\/span>\n            \u6c49\u8bed\u3002\n            \u8fd9\u5c31\u662f\u4ed6\u5728\u5317\u4eac\u7684\u4e00\u5929\u3002\n        <\/p>\n    <\/div>\n\n    <div id=\"story-en\" class=\"tab-content\">\n        <h2>One Day in Beijing<\/h2>\n        <p>\n            Li Hua is a student who lives in Beijing. In the morning, he gets up, eats breakfast, and goes to school.\n            At noon, he eats Chinese food with his friends and thinks it is delicious.\n            In the evening, he goes home, reads books, and studies Chinese.\n        <\/p>\n    <\/div>\n\n    <div id=\"audio\" class=\"tab-content\">\n        <h2>Audio<\/h2>\n        <p>Audio placeholder \u2013 embed narration here.<\/p>\n    <\/div>\n<\/div>\n\n<!-- ================= AUDIO ================= -->\n<div class=\"Audio\">\n<figure class=\"wp-block-audio\"><audio controls src=\"https:\/\/xxxxxxxxxxxxxxx.mp3\"><\/audio><\/figure>\n<\/div>\n\n<!-- ================= STUDY TABS ================= -->\n<div class=\"tab-group estudo-tabs\">\n    <div class=\"tab-buttons\">\n        <button class=\"tab-btn active\" data-tab=\"vocab\">Vocabulary<\/button>\n        <button class=\"tab-btn\" data-tab=\"grammar\">Grammar<\/button>\n        <button class=\"tab-btn\" data-tab=\"idioms\">Idiomatic Expressions<\/button>\n        <button class=\"tab-btn\" data-tab=\"culture\">Cultural Insights<\/button>\n    <\/div>\n\n    <div id=\"vocab\" class=\"tab-content active\">\n        <h2>Vocabulary<\/h2>\n        <table>\n            <tr><th>Hanzi<\/th><th>Pinyin<\/th><th>English<\/th><\/tr>\n            <tr><td>\u5b66\u751f<\/td><td>xu\u00e9sh\u0113ng<\/td><td>student<\/td><\/tr>\n            <tr><td>\u5317\u4eac<\/td><td>B\u011bij\u012bng<\/td><td>Beijing<\/td><\/tr>\n            <tr><td>\u8d77\u5e8a<\/td><td>q\u01d0chu\u00e1ng<\/td><td>get up<\/td><\/tr>\n            <tr><td>\u65e9\u996d<\/td><td>z\u01ceof\u00e0n<\/td><td>breakfast<\/td><\/tr>\n            <tr><td>\u4e0a\u5b66<\/td><td>sh\u00e0ngxu\u00e9<\/td><td>go to school<\/td><\/tr>\n            <tr><td>\u670b\u53cb<\/td><td>p\u00e9ngyou<\/td><td>friend<\/td><\/tr>\n            <tr><td>\u4e2d\u56fd\u83dc<\/td><td>Zh\u014dnggu\u00f3 c\u00e0i<\/td><td>Chinese food<\/td><\/tr>\n            <tr><td>\u597d\u5403<\/td><td>h\u01ceoch\u012b<\/td><td>delicious<\/td><\/tr>\n            <tr><td>\u56de\u5bb6<\/td><td>hu\u00edji\u0101<\/td><td>go home<\/td><\/tr>\n            <tr><td>\u5b66\u4e60<\/td><td>xu\u00e9x\u00ed<\/td><td>to study<\/td><\/tr>\n        <\/table>\n    <\/div>\n\n    <div id=\"grammar\" class=\"tab-content\">\n        <h2>Grammar<\/h2>\n\n        <p><strong>1. Verb + \u4e86 (completed action)<\/strong><br>\n        \u201c\u4e86\u201d is used to show that an action is finished. It usually comes after the verb.\n        <br><em>Example from the story:<\/em> \u5403\u4e86\u65e9\u996d (ate breakfast)<\/p>\n\n        <p><strong>2. \u4ee5\u540e (after doing something)<\/strong><br>\n        \u201c\u4ee5\u540e\u201d is used after a verb phrase to show sequence.\n        <br><em>Example from the story:<\/em> \u8d77\u5e8a\u4ee5\u540e (after getting up)<\/p>\n    <\/div>\n\n    <div id=\"idioms\" class=\"tab-content\">\n        <h2>Idiomatic Expressions<\/h2>\n        <ul>\n            <li>\u4e00\u5929\u4e00\u5929 \u2013 day by day<\/li>\n            <li>\u4e00\u8d77 \u2013 together<\/li>\n            <li>\u5f88\u5f00\u5fc3 \u2013 very happy<\/li>\n            <li>\u597d\u597d\u5b66\u4e60 \u2013 study well<\/li>\n            <li>\u56de\u5230\u5bb6 \u2013 return home<\/li>\n        <\/ul>\n    <\/div>\n\n    <div id=\"culture\" class=\"tab-content\">\n        <h2>Cultural Insights<\/h2>\n        <ul>\n            <li>Eating meals with friends is an important social activity in China.<\/li>\n            <li>Students often study again in the evening after school.<\/li>\n            <li>Beijing is not only a capital city but also a cultural center.<\/li>\n        <\/ul>\n    <\/div>\n<\/div>\n\n<!-- ================= EXERCISES ================= -->\n<div class=\"tab-group exercicio-tabs\">\n    <div class=\"tab-buttons\">\n        <button class=\"tab-btn active\" data-tab=\"questions\">10 Questions<\/button>\n        <button class=\"tab-btn\" data-tab=\"multiple\">Multiple Choice<\/button>\n        <button class=\"tab-btn\" data-tab=\"truefalse\">True or False<\/button>\n        <button class=\"tab-btn\" data-tab=\"retell\">Retell the Story<\/button>\n    <\/div>\n\n    <div id=\"questions\" class=\"tab-content active\">\n        <h2>10 Questions<\/h2>\n        <ol>\n            <li>\u674e\u534e\u662f\u8c01\uff1f\n                <span class=\"answer-tooltip\" data-answer=\"\u4ed6\u662f\u5b66\u751f\">\uff08\u7b54\u6848\uff09<\/span>\n            <\/li>\n            <li>\u4ed6\u4f4f\u5728\u54ea\u91cc\uff1f\n                <span class=\"answer-tooltip\" data-answer=\"\u4ed6\u4f4f\u5728\u5317\u4eac\">\uff08\u7b54\u6848\uff09<\/span>\n            <\/li>\n            <li>\u65e9\u4e0a\u4ed6\u505a\u4ec0\u4e48\uff1f\n                <span class=\"answer-tooltip\" data-answer=\"\u8d77\u5e8a\uff0c\u5403\u65e9\u996d\uff0c\u4e0a\u5b66\">\uff08\u7b54\u6848\uff09<\/span>\n            <\/li>\n            <li>\u4e2d\u5348\u4ed6\u8ddf\u8c01\u5403\u996d\uff1f\n                <span class=\"answer-tooltip\" data-answer=\"\u8ddf\u670b\u53cb\">\uff08\u7b54\u6848\uff09<\/span>\n            <\/li>\n            <li>\u665a\u4e0a\u4ed6\u505a\u4ec0\u4e48\uff1f\n                <span class=\"answer-tooltip\" data-answer=\"\u56de\u5bb6\uff0c\u770b\u4e66\uff0c\u5b66\u4e60\u6c49\u8bed\">\uff08\u7b54\u6848\uff09<\/span>\n            <\/li>\n        <\/ol>\n    <\/div>\n\n    <div id=\"multiple\" class=\"tab-content\">\n        <h2>Multiple Choice<\/h2>\n        <ol>\n            <li>\n                \u674e\u534e\u4e2d\u5348\u5403\u4ec0\u4e48\uff1f\n                <span class=\"answer-tooltip\" data-answer=\"a) \u4e2d\u56fd\u83dc\">\uff08\u7b54\u6848\uff09<\/span><br>\n                a) \u4e2d\u56fd\u83dc<br>\n                b) \u9762\u5305<br>\n                c) \u6c49\u5821\n            <\/li>\n            <li>\n                \u4ed6\u4f4f\u5728\u54ea\u91cc\uff1f\n                <span class=\"answer-tooltip\" data-answer=\"b) \u5317\u4eac\">\uff08\u7b54\u6848\uff09<\/span><br>\n                a) \u4e0a\u6d77<br>\n                b) \u5317\u4eac<br>\n                c) \u5e7f\u5dde\n            <\/li>\n        <\/ol>\n    <\/div>\n\n    <div id=\"truefalse\" class=\"tab-content\">\n        <h2>True or False<\/h2>\n        <ol>\n            <li>\u674e\u534e\u662f\u8001\u5e08\n                <span class=\"answer-tooltip\" data-answer=\"False\">\uff08\u7b54\u6848\uff09<\/span>\n            <\/li>\n            <li>\u4ed6\u665a\u4e0a\u5b66\u4e60\u6c49\u8bed\n                <span class=\"answer-tooltip\" data-answer=\"True\">\uff08\u7b54\u6848\uff09<\/span>\n            <\/li>\n        <\/ol>\n    <\/div>\n\n    <div id=\"retell\" class=\"tab-content\">\n        <h2>Retell the Story<\/h2>\n        <p>\n            \u7528\u4f60\u81ea\u5df1\u7684\u8bdd\u5199\u8fd9\u4e2a\u6545\u4e8b\u3002\n        <\/p>\n        <textarea rows=\"8\" placeholder=\"\u5f00\u59cb\u5199\u5427\u2026\u2026\"><\/textarea>\n    <\/div>\n<\/div>\n\n\n\n<script>\n    document.querySelectorAll('.tab-group').forEach(group => {\n        const buttons = group.querySelectorAll('.tab-btn');\n        const contents = group.querySelectorAll('.tab-content');\n\n        buttons.forEach(button => {\n            button.addEventListener('click', () => {\n                buttons.forEach(btn => btn.classList.remove('active'));\n                contents.forEach(content => content.classList.remove('active'));\n\n                button.classList.add('active');\n                document.getElementById(button.dataset.tab).classList.add('active');\n            });\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Added prompts to the template put place houder audio Here come the level and word count FULL PROMPT AND write an article of 500 words on A2 level on Travelling &hellip; <a title=\"* CN Template Full\" class=\"hm-read-more\" href=\"https:\/\/cn.fabeloso.com\/stories\/cn-template-full-2\/\"><span class=\"screen-reader-text\">* CN Template Full<\/span>Read more<\/a><\/p>\n","protected":false},"author":4,"featured_media":2230,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2196","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorised"],"jetpack_featured_media_url":"https:\/\/cn.fabeloso.com\/stories\/wp-content\/uploads\/2026\/01\/HSK2.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/posts\/2196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/comments?post=2196"}],"version-history":[{"count":1,"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/posts\/2196\/revisions"}],"predecessor-version":[{"id":2202,"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/posts\/2196\/revisions\/2202"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/media\/2230"}],"wp:attachment":[{"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/media?parent=2196"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/categories?post=2196"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cn.fabeloso.com\/stories\/wp-json\/wp\/v2\/tags?post=2196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}