{"id":290,"date":"2026-03-23T00:46:36","date_gmt":"2026-03-23T00:46:36","guid":{"rendered":"https:\/\/ms839.org\/?page_id=290"},"modified":"2026-03-23T19:00:44","modified_gmt":"2026-03-23T19:00:44","slug":"pbl","status":"publish","type":"page","link":"https:\/\/ms839.org\/?page_id=290","title":{"rendered":"8th Grade ELA: Poetry Portfolio"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-align-center\">8th Grade ELA: <strong>The Poetics &amp; Power of Storytelling<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Essential Questions:<\/strong><br>What is the power of storytelling?<br>How do stories help us make sense of ourselves and the world?<br><strong>Learning Target:<\/strong> I can apply my understanding of narrative arc and descriptive and sensory language in my own poetry portfolio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Project: <\/strong>Poetry Portfolio<br><em><strong>Curriculum: <\/strong>Wit &amp; Wisdom, 8th Grade, Module 1<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Teachers:<\/strong> Anna K., Liz K., Sedina M.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Poetry Portfolio\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/M_f-sKrI2HE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n<style>\n    .poetry-player-card {\n        background: #ffffff;\n        border: 1px solid #e1e1e1;\n        border-radius: 12px;\n        padding: 30px;\n        margin: 20px 0;\n        box-shadow: 0 4px 6px rgba(0,0,0,0.05);\n        font-family: 'Georgia', serif;\n    }\n    .poem-title {\n        margin-top: 0;\n        color: #222;\n        font-size: 1.5rem;\n    }\n    .poet-name {\n        color: #777;\n        font-style: italic;\n        margin-bottom: 20px;\n        text-transform: uppercase;\n        font-size: 0.85rem;\n        letter-spacing: 1px;\n    }\n    .poem-content {\n        white-space: pre-wrap; \/* Crucial for keeping poetry line breaks *\/\n        line-height: 1.8;\n        font-size: 1.1rem;\n        color: #333;\n        margin-bottom: 25px;\n        padding-left: 15px;\n        border-left: 2px solid #eee;\n    }\n    .audio-wrapper label {\n        display: block;\n        font-size: 0.8rem;\n        color: #999;\n        margin-bottom: 8px;\n        font-family: sans-serif;\n    }\n    .custom-audio {\n        width: 100%;\n        height: 40px;\n    }\n<\/style>\n\n<div class=\"poetry-carousel-container\">\n    <div class=\"carousel-track\">\n        \n        <div class=\"poetry-slide active\">\n            <h3 class=\"poem-title\">Preguntas De Mi Vida | Poema #2 &#8211; Papa y Keneth<\/h3>\n    <p class=\"poet-name\">By Keneth<\/p>\n            <div class=\"poem-content\">\nMi mam\u00e1 dec\u00eda que mi pap\u00e1 quer\u00eda a sus hijos\n     Aunque no se me notar\u00e1 en la cara esas palabras Me confunden\n          Que nunca le tuvo amor a mi pap\u00e1 Ni tampoco odio ni respeto \n               Porque yo cre\u00eda que una persona que merece respeto  no deja  a sus hijos \n                    No tuve su figura paterna ni me hizo falta  \n                         Yo no entend\u00eda Por qu\u00e9 mi mam\u00e1 ped\u00eda respeto por \u00e9l \n                              Si nunca estuvo para criarnos\n                                   Nunca aprend\u00ed a lo que era que tu pap\u00e1 te llevar\u00e1 a la escuela  \n                                        Nunca sent\u00ed lo que era que tu pap\u00e1 Abrazar al d\u00eda de tu cumplea\u00f1os \n                                             Nunca sent\u00ed Una palabra en pap\u00e1 que me dijera estoy orgullosa de ti \n                                                  Aunque  Lo extra\u00f1o ni lo quiero ni lo odio   Ese era mi d\u00eda a d\u00eda \n            <\/div>\n            <div class=\"audio-wrapper\">\n                <label>Listen to Maya:<\/label>\n                <audio controls><source src=\"http:\/\/ms839.org\/wp-content\/uploads\/2026\/03\/Keneth.mp3\" type=\"audio\/mpeg\"><\/audio>\n            <\/div>\n        <\/div>\n\n        <div class=\"poetry-slide\">\n            <h3 class=\"poem-title\">Concrete Roots<\/h3>\n            <p class=\"poet-name\">By Leo K.<\/p>\n            <div class=\"poem-content\">\nSteel and stone,\nThe city breathes alone.\nUntil a flower \nbreaks the gray.\n            <\/div>\n            <div class=\"audio-wrapper\">\n                <label>Listen to Leo:<\/label>\n                <audio controls><source src=\"YOUR_AUDIO_URL_2\" type=\"audio\/mpeg\"><\/audio>\n            <\/div>\n        <\/div>\n\n        <\/div>\n\n    <button class=\"nav-btn prev\" onclick=\"moveSlide(-1)\">&#10094;<\/button>\n    <button class=\"nav-btn next\" onclick=\"moveSlide(1)\">&#10095;<\/button>\n<\/div>\n\n<style>\n    .poetry-carousel-container {\n        position: relative;\n        max-width: 600px;\n        margin: 40px auto;\n        min-height: 450px;\n        font-family: 'Georgia', serif;\n    }\n    .poetry-slide {\n        display: none; \/* Hide all slides by default *\/\n        background: #ffffff;\n        border: 1px solid #e1e1e1;\n        border-radius: 12px;\n        padding: 40px;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n        animation: fadeIn 0.5s;\n    }\n    .poetry-slide.active { display: block; } \/* Show the active slide *\/\n    \n    .poem-title { margin-top: 0; color: #222; font-size: 1.6rem; }\n    .poet-name { color: #888; font-style: italic; margin-bottom: 20px; font-size: 0.9rem; }\n    .poem-content { \n        white-space: pre-wrap; \n        line-height: 1.8; \n        font-size: 1.1rem; \n        margin-bottom: 30px; \n        min-height: 150px;\n    }\n    \n    .audio-wrapper audio { width: 100%; }\n    .audio-wrapper label { display: block; font-size: 0.8rem; margin-bottom: 5px; color: #999; }\n\n    \/* Buttons *\/\n    .nav-btn {\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n        background: #333;\n        color: white;\n        border: none;\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        cursor: pointer;\n        font-size: 18px;\n        transition: background 0.3s;\n        z-index: 10;\n    }\n    .nav-btn:hover { background: #555; }\n    .prev { left: -60px; }\n    .next { right: -60px; }\n\n    \/* Responsive: move arrows inside on small screens *\/\n    @media (max-width: 768px) {\n        .prev { left: 10px; }\n        .next { right: 10px; }\n        .poetry-slide { padding: 30px 50px; }\n    }\n\n    @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n<\/style>\n\n<script>\n    let currentSlide = 0;\n    const slides = document.querySelectorAll('.poetry-slide');\n\n    function moveSlide(direction) {\n        \/\/ Pause all audio when switching slides\n        const allAudio = document.querySelectorAll('audio');\n        allAudio.forEach(audio => audio.pause());\n\n        slides[currentSlide].classList.remove('active');\n        currentSlide = (currentSlide + direction + slides.length) % slides.length;\n        slides[currentSlide].classList.add('active');\n    }\n<\/script>\n\n\n<div class=\"brz-root__container\"><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>8th Grade ELA: The Poetics &amp; Power of Storytelling Essential Questions:What is the power of storytelling?How do stories help us [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"brizy-blank-template.php","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-290","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ms839.org\/index.php?rest_route=\/wp\/v2\/pages\/290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ms839.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ms839.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ms839.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ms839.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=290"}],"version-history":[{"count":5,"href":"https:\/\/ms839.org\/index.php?rest_route=\/wp\/v2\/pages\/290\/revisions"}],"predecessor-version":[{"id":312,"href":"https:\/\/ms839.org\/index.php?rest_route=\/wp\/v2\/pages\/290\/revisions\/312"}],"wp:attachment":[{"href":"https:\/\/ms839.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}