{"id":921,"date":"2026-07-29T20:33:45","date_gmt":"2026-07-29T20:33:45","guid":{"rendered":"https:\/\/teacherjm.com\/epja\/?page_id=921"},"modified":"2026-07-29T20:48:29","modified_gmt":"2026-07-29T20:48:29","slug":"921-2","status":"publish","type":"page","link":"https:\/\/teacherjm.com\/epja\/921-2\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Reading Comprehension EPJA &#8211; Carlos&#8217;s Story<\/title>\n    <style>\n        \/* Estilos base e integraci\u00f3n firme para TeacherJM EPJA *\/\n        * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Arial, sans-serif; }\n        body { background-color: #f1f5f9; padding: 20px; }\n\n        \/* Contenedor ampliado horizontalmente al 150% *\/\n        .app-container { \n            display: flex; \n            max-width: 1500px; \n            height: 90vh; \n            margin: 0 auto; \n            overflow: hidden; \n            background-color: #ffffff; \n            border-radius: 12px; \n            box-shadow: 0 4px 25px rgba(0,0,0,0.1); \n        }\n\n        \/* Columnas con barras de scroll independientes *\/\n        .column { height: 100%; overflow-y: auto; padding: 40px; }\n        .left-column { flex: 1.2; background-color: #ffffff; border-right: 2px solid #e2e8f0; }\n        .right-column { flex: 1; background-color: #f8fafc; }\n\n        \/* Estilos de la columna de lectura *\/\n        .header-area { margin-bottom: 25px; border-bottom: 3px solid #0284c7; padding-bottom: 15px; }\n        .main-title { font-size: 28px; color: #0f172a; margin-bottom: 5px; }\n        .subtitle { color: #64748b; font-size: 16px; }\n        \n        .header-image { \n            width: 100%; \n            max-height: 380px; \n            object-fit: cover; \n            border-radius: 8px; \n            margin-bottom: 20px; \n            box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n        }\n        \n        .reading-text { font-size: 18px; line-height: 1.9; color: #334155; }\n        .reading-text p { margin-bottom: 18px; }\n\n        \/* Estilos de la actividad y cuestionario *\/\n        .instructions-box { background-color: #f0fdf4; border-left: 4px solid #22c55e; padding: 18px; border-radius: 4px; margin-bottom: 25px; font-size: 16px; color: #166534; }\n        .question-card { background-color: #ffffff; padding: 22px; border-radius: 8px; margin-bottom: 20px; border: 1px solid #e2e8f0; transition: all 0.3s; }\n        .question-title { font-size: 17px; font-weight: 600; color: #1e293b; margin-bottom: 15px; }\n        .options-list { display: flex; flex-direction: column; gap: 12px; }\n        \n        .option-item { \n            display: flex; \n            align-items: center; \n            padding: 14px; \n            background-color: #f8fafc; \n            border: 1px solid #cbd5e1; \n            border-radius: 6px; \n            cursor: pointer; \n            font-size: 16px; \n            color: #334155; \n        }\n        .option-item:hover { background-color: #f0f6ff; border-color: #3b82f6; }\n        .option-item input[type=\"radio\"] { margin-right: 14px; width: 18px; height: 18px; accent-color: #0284c7; }\n\n        \/* Clases din\u00e1micas de correcci\u00f3n visual *\/\n        .correct-answer { background-color: #d1fae5 !important; border-color: #10b981 !important; color: #065f46; }\n        .wrong-answer { background-color: #fee2e2 !important; border-color: #ef4444 !important; color: #991b1b; }\n\n        \/* Caja de retroalimentaci\u00f3n educativa *\/\n        .results-box { \n            display: none; \n            background-color: #eff6ff; \n            border: 2px solid #3b82f6; \n            border-radius: 8px; \n            padding: 25px; \n            margin-bottom: 25px; \n            text-align: center; \n        }\n        .score-grade { font-size: 34px; font-weight: bold; color: #1e40af; margin-bottom: 5px; }\n        .score-percent { font-size: 22px; color: #1e3a8a; font-weight: 600; margin-bottom: 10px; }\n        .motivation-text { font-size: 17px; color: #0369a1; font-style: italic; font-weight: 500; line-height: 1.5; }\n\n        .btn-submit { background-color: #22c55e; color: white; border: none; padding: 18px; font-size: 18px; font-weight: bold; border-radius: 6px; cursor: pointer; width: 100%; margin-bottom: 30px; transition: background 0.2s; }\n        .btn-submit:hover { background-color: #16a34a; }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"app-container\">\n        \n        <!-- COLUMNA IZQUIERDA: LECTURA FIJA -->\n        <div class=\"column left-column\">\n            <div class=\"header-area\">\n                <h1 class=\"main-title\">Reading Material<\/h1>\n                <p class=\"subtitle\">Asignatura: Ingl\u00e9s &#8211; Educaci\u00f3n Media EPJA<\/p>\n            <\/div>\n\n            <!-- Imagen solicitada de cabecera -->\n            <img decoding=\"async\" class=\"header-image\" src=\"https:\/\/teacherjm.com\/epja\/wp-content\/uploads\/2026\/07\/descarga-1.jpg\" alt=\"Carlos waking up\">\n\n            <div class=\"reading-text\">\n                <h2 style=\"margin-bottom: 15px; color: #0f172a;\">Carlos&#8217;s Story: An Inspiring Routine<\/h2>\n                <p>Carlos is an adult student who works very hard every single day. His morning starts early at 7:00 a.m. When the alarm clock rings, he gets out of bed and prepares to start his daily activities with a lot of positive energy.<\/p>\n                <p>In the afternoon, Carlos works as a carpenter. At 1:00 p.m., he is already in the workshop building and repairing furniture. He enjoys his job very much because he likes to create things with his hands and collaborate with his coworkers.<\/p>\n                <p>In the evening, Carlos changes his tools for notebooks. At 7:30 p.m., he goes to school to attend his English classes. For Carlos, learning English is very important for his future. Today\u2019s topic in class is routines.<\/p>\n                <p>Finally, at 10:00 p.m., Carlos comes back home. He has a delicious dinner and rests after a very long and successful day. He knows that his effort today is the key to a better tomorrow.<\/p>\n            <\/div>\n        <\/div>\n        <!-- COLUMNA DERECHA: ACTIVIDAD CON 4 ALTERNATIVAS -->\n        <div class=\"column right-column\">\n            <div class=\"header-area\">\n                <h1 class=\"main-title\">Reading Comprehension Quiz<\/h1>\n                <div class=\"instructions-box\">\n                    <strong>Instructions:<\/strong> Read each question carefully and select the correct option out of the 4 alternatives. Click &#8220;Submit Activity&#8221; at the end to get your grade.\n                <\/div>\n            <\/div>\n\n            <!-- M\u00f3dulo de visualizaci\u00f3n de puntaje y mensaje motivacional -->\n            <div id=\"resultsBlock\" class=\"results-box\">\n                <p class=\"score-grade\" id=\"gradeLabel\">Grade: 1.0<\/p>\n                <p class=\"score-percent\" id=\"percentLabel\">Achievement: 0%<\/p>\n                <p class=\"motivation-text\" id=\"motivationLabel\"><\/p>\n            <\/div>\n\n            <form id=\"quizForm\">\n                \n                <!-- P1 -->\n                <div class=\"question-card\" id=\"card_q1\">\n                    <p class=\"question-title\">1. What time does Carlos&#8217;s morning start?<\/p>\n                    <div class=\"options-list\">\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q1\" value=\"wrong\"> At 6:00 a.m.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q1\" value=\"correct\"> At 7:00 a.m.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q1\" value=\"wrong\"> At 1:00 p.m.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q1\" value=\"wrong\"> At 7:30 p.m.<\/label>\n                    <\/div>\n                <\/div>\n\n                <!-- P2 -->\n                <div class=\"question-card\" id=\"card_q2\">\n                    <p class=\"question-title\">2. What is Carlos&#8217;s job in the afternoon?<\/p>\n                    <div class=\"options-list\">\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q2\" value=\"wrong\"> He is an English teacher.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q2\" value=\"wrong\"> He is an office clerk.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q2\" value=\"correct\"> He works as a carpenter.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q2\" value=\"wrong\"> He works as a chef.<\/label>\n                    <\/div>\n                <\/div>\n\n                <!-- P3 -->\n                <div class=\"question-card\" id=\"card_q3\">\n                    <p class=\"question-title\">3. What time does Carlos start working in the workshop?<\/p>\n                    <div class=\"options-list\">\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q3\" value=\"wrong\"> At 7:00 a.m.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q3\" value=\"correct\"> At 1:00 p.m.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q3\" value=\"wrong\"> At 7:30 p.m.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q3\" value=\"wrong\"> At 10:00 p.m.<\/label>\n                    <\/div>\n                <\/div>\n\n                <!-- P4 -->\n                <div class=\"question-card\" id=\"card_q4\">\n                    <p class=\"question-title\">4. Why does Carlos enjoy his carpentry job?<\/p>\n                    <div class=\"options-list\">\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q4\" value=\"wrong\"> Because he works alone all day.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q4\" value=\"wrong\"> Because it is not hard work.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q4\" value=\"correct\"> Because he likes to create things with his hands.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q4\" value=\"wrong\"> Because he can read notebooks there.<\/label>\n                    <\/div>\n                <\/div>\n\n                <!-- P5 -->\n                <div class=\"question-card\" id=\"card_q5\">\n                    <p class=\"question-title\">5. What does Carlos do in the evening at 7:30 p.m.?<\/p>\n                    <div class=\"options-list\">\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q5\" value=\"wrong\"> He goes back home to rest.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q5\" value=\"wrong\"> He prepares furniture for his family.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q5\" value=\"wrong\"> He has a delicious dinner.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q5\" value=\"correct\"> He goes to school for classes.<\/label>\n                    <\/div>\n                <\/div>\n\n                <!-- P6 -->\n                <div class=\"question-card\" id=\"card_q6\">\n                    <p class=\"question-title\">6. What specific class does Carlos attend at school?<\/p>\n                    <div class=\"options-list\">\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q6\" value=\"wrong\"> History class.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q6\" value=\"correct\"> English class.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q6\" value=\"wrong\"> Carpentry class.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q6\" value=\"wrong\"> Science class.<\/label>\n                    <\/div>\n                <\/div>\n\n                <!-- P7 -->\n                <div class=\"question-card\" id=\"card_q7\">\n                    <p class=\"question-title\">7. Why is learning English important for Carlos?<\/p>\n                    <div class=\"options-list\">\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q7\" value=\"correct\"> Because it is important for his future.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q7\" value=\"wrong\"> Because his coworkers speak English.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q7\" value=\"wrong\"> Because he wants to repair tools.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q7\" value=\"wrong\"> Because he works in the morning.<\/label>\n                    <\/div>\n                <\/div>\n\n                <!-- P8 -->\n                <div class=\"question-card\" id=\"card_q8\">\n                    <p class=\"question-title\">8. What is today&#8217;s specific topic in his English class?<\/p>\n                    <div class=\"options-list\">\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q8\" value=\"wrong\"> Objects and Tools.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q8\" value=\"wrong\"> Professions.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q8\" value=\"correct\"> Routines.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q8\" value=\"wrong\"> Food and Dinner.<\/label>\n                    <\/div>\n                <\/div>\n\n                <!-- P9 -->\n                <div class=\"question-card\" id=\"card_q9\">\n                    <p class=\"question-title\">9. What time does Carlos come back home at night?<\/p>\n                    <div class=\"options-list\">\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q9\" value=\"wrong\"> At 7:00 a.m.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q9\" value=\"wrong\"> At 1:00 p.m.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q9\" value=\"wrong\"> At 7:30 p.m.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q9\" value=\"correct\"> At 10:00 p.m.<\/label>\n                    <\/div>\n                <\/div>\n\n                <!-- P10 -->\n                <div class=\"question-card\" id=\"card_q10\">\n                    <p class=\"question-title\">10. According to the text, what is the key to a better tomorrow for Carlos?<\/p>\n                    <div class=\"options-list\">\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q10\" value=\"wrong\"> His new carpentry tools.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q10\" value=\"correct\"> His effort today.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q10\" value=\"wrong\"> Having dinner early.<\/label>\n                        <label class=\"option-item\"><input type=\"radio\" name=\"q10\" value=\"wrong\"> Changing his routine.<\/label>\n                    <\/div>\n                <\/div>\n\n                <button type=\"submit\" class=\"btn-submit\">Submit Activity<\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.getElementById('quizForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n\n            const totalQuestions = 10;\n            let correctCount = 0;\n\n            \/\/ Procesamiento y marcado de respuestas correctas\/incorrectas\n            for (let i = 1; i <= totalQuestions; i++) {\n                const selectedOption = document.querySelector(`input[name=\"q${i}\"]:checked`);\n                const card = document.getElementById(`card_q${i}`);\n                \n                card.classList.remove('correct-answer', 'wrong-answer');\n\n                if (selectedOption) {\n                    if (selectedOption.value === \"correct\") {\n                        correctCount++;\n                        card.classList.add('correct-answer');\n                    } else {\n                        card.classList.add('wrong-answer');\n                    }\n                } else {\n                    card.classList.add('wrong-answer');\n                }\n            }\n\n            \/\/ Obtener porcentaje de aciertos\n            const scorePercentage = (correctCount \/ totalQuestions) * 100;\n\n            \/\/ Aplicar escala chilena matem\u00e1tica tradicional (60% exigencia)\n            let finalGrade = 1.0;\n            if (scorePercentage < 60) {\n                finalGrade = 1.0 + (scorePercentage \/ 60) * 3.0;\n            } else {\n                finalGrade = 4.0 + ((scorePercentage - 60) \/ 40) * 3.0;\n            }\n            finalGrade = finalGrade.toFixed(1);\n\n            \/\/ Generaci\u00f3n de mensajes pedag\u00f3gicos de \u00e1nimo para EPJA\n            let motivationMessage = \"\";\n            if (scorePercentage >= 90) {\n                motivationMessage = \"\u00a1Extraordinario! Al igual que Carlos, tu gran dedicaci\u00f3n y esfuerzo en la educaci\u00f3n media dar\u00e1n excelentes frutos. \u00a1Sigue adelante con esa misma fuerza!\";\n            } else if (scorePercentage >= 60) {\n                motivationMessage = \"\u00a1Muy buen trabajo! Has alcanzado la aprobaci\u00f3n de la actividad. Cada concepto aprendido te acerca m\u00e1s a tus metas personales. \u00a1Contin\u00faa practicando!\";\n            } else {\n                motivationMessage = \"\u00a1No te preocupes ni te rindas! Estudiar y trabajar requiere mucha constancia. Revisa la lectura con m\u00e1s calma y vuelve a intentarlo. \u00a1T\u00fa eres capaz!\";\n            }\n\n            \/\/ Inyecci\u00f3n de datos en la caja de resultados\n            document.getElementById('gradeLabel').innerText = `Nota Final: ${finalGrade}`;\n            document.getElementById('percentLabel').innerText = `Porcentaje de Logro: ${Math.round(scorePercentage)}% (${correctCount} de 10 correctas)`;\n            document.getElementById('motivationLabel').innerText = motivationMessage;\n            \n            const resultsBlock = document.getElementById('resultsBlock');\n            resultsBlock.style.display = 'block';\n            \n            \/\/ Retornar el scroll suavemente arriba para visualizar la nota\n            document.querySelector('.right-column').scrollTo({ top: 0, behavior: 'smooth' });\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Reading Comprehension EPJA &#8211; Carlos&#8217;s Story Reading Material Asignatura: Ingl\u00e9s &#8211; Educaci\u00f3n Media EPJA Carlos&#8217;s Story: An Inspiring Routine Carlos is an adult student who works very hard every single day. His morning starts early at 7:00 a.m. When the alarm clock rings, he gets out of bed and prepares to start his daily activities [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-921","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/921","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/comments?post=921"}],"version-history":[{"count":3,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/921\/revisions"}],"predecessor-version":[{"id":927,"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/pages\/921\/revisions\/927"}],"wp:attachment":[{"href":"https:\/\/teacherjm.com\/epja\/wp-json\/wp\/v2\/media?parent=921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}