<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      background: #f8fafc;
      color: #1e293b;
      padding: 12px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      min-height: 100%;
    }

    .header-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 4px 4px 4px;
    }

    .title {
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: #64748b;
    }

    .subtitle {
      font-size: 12px;
      color: #0284c7;
      font-weight: 600;
      background: #e0f2fe;
      padding: 2px 8px;
      border-radius: 12px;
    }

    .cards-container {
      display: flex;
      flex-direction: column;
      gap: 8px;
      flex: 1;
    }

    .eval-card {
      position: relative;
      background: #ffffff;
      border: 1.5px solid #e2e8f0;
      border-radius: 12px;
      padding: 10px 12px;
      display: flex;
      flex-direction: column;
      gap: 6px;
      cursor: pointer;
      transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
      user-select: none;
      -webkit-tap-highlight-color: transparent;
    }

    .eval-card:hover {
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }

    .eval-card.selected {
      box-shadow: 0 0 0 2px #22b7ff;
    }

    .card-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      flex-wrap: wrap;
    }

    .type-pill {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      color: #475569;
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .badge {
      font-size: 11px;
      font-weight: 600;
      padding: 2px 8px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      white-space: nowrap;
    }

    .badge-flaw {
      background: #fef2f2;
      color: #b91c1c;
      border: 1px solid #fecaca;
    }

    .badge-success {
      background: #dcfce7;
      color: #15803d;
      border: 1px solid #bbf7d0;
    }

    .statement {
      font-size: 13.5px;
      line-height: 1.4;
      color: #1e293b;
      font-style: italic;
    }

    /* Target state: Card 4 (Analytical Theme) */
    .eval-card.theme-card {
      background: #ecfdf5;
      border-color: #86efac;
    }

    .eval-card.theme-card .statement {
      font-weight: 600;
      color: #065f46;
      font-style: normal;
    }

    .eval-card.theme-card .type-pill {
      color: #047857;
    }

    .eval-card.theme-card.selected {
      box-shadow: 0 0 0 2px #10b981;
    }

    .indicator-icon {
      font-size: 12px;
      font-weight: 800;
    }

    .why-box {
      display: none;
      font-size: 11.5px;
      color: #64748b;
      padding-top: 4px;
      border-top: 1px dashed #e2e8f0;
      font-style: normal;
    }

    .eval-card.theme-card .why-box {
      border-top-color: #a7f3d0;
      color: #047857;
    }

    .eval-card.selected .why-box {
      display: block;
    }

    .nav-tabs {
      display: flex;
      gap: 4px;
      margin-top: 2px;
    }

    .tab-btn {
      flex: 1;
      border: 1px solid #cbd5e1;
      background: #ffffff;
      padding: 6px 4px;
      border-radius: 8px;
      font-size: 11px;
      font-weight: 600;
      color: #64748b;
      cursor: pointer;
      text-align: center;
      transition: all 0.2s ease;
    }

    .tab-btn.active {
      background: #0284c7;
      color: #ffffff;
      border-color: #0284c7;
    }
  </style>
</head>
<body>

  <div class="header-bar">
    <span class="title">Evaluating Statements</span>
    <span class="subtitle">The Great Gatsby</span>
  </div>

  <div class="cards-container">
    
    <div class="eval-card" id="card-0" onclick="selectCard(0)">
      <div class="card-top">
        <span class="type-pill">1. Literary Subject</span>
        <span class="badge badge-flaw"><span class="indicator-icon">✕</span> Too Broad (Noun Only)</span>
      </div>
      <div class="statement">“Wealth”</div>
      <div class="why-box">A topic or noun is what the book is about, not what it argues.</div>
    </div>

    
    <div class="eval-card" id="card-1" onclick="selectCard(1)">
      <div class="card-top">
        <span class="type-pill">2. Plot Summary</span>
        <span class="badge badge-flaw"><span class="indicator-icon">✕</span> Too Specific (Plot)</span>
      </div>
      <div class="statement">“Gatsby buys a huge mansion to win Daisy back but gets shot.”</div>
      <div class="why-box">Recounts character events instead of expressing a universal human truth.</div>
    </div>

    
    <div class="eval-card" id="card-2" onclick="selectCard(2)">
      <div class="card-top">
        <span class="type-pill">3. Moral Cliché</span>
        <span class="badge badge-flaw"><span class="indicator-icon">✕</span> Oversimplified (Moral)</span>
      </div>
      <div class="statement">“Money can't buy happiness so don't be greedy.”</div>
      <div class="why-box">Preachy rule of conduct rather than nuanced literary analysis.</div>
    </div>

    
    <div class="eval-card theme-card" id="card-3" onclick="selectCard(3)">
      <div class="card-top">
        <span class="type-pill">4. Analytical Theme</span>
        <span class="badge badge-success"><span class="indicator-icon">✓</span> Strong Thematic Statement (Universal Claim)</span>
      </div>
      <div class="statement">“The relentless pursuit of an idealized past through material wealth isolates individuals from authentic connection.”</div>
      <div class="why-box">Universal assertion: applies to human experience beyond the characters.</div>
    </div>
  </div>

  <div class="nav-tabs">
    <button class="tab-btn" id="btn-0" onclick="selectCard(0)">Subject</button>
    <button class="tab-btn" id="btn-1" onclick="selectCard(1)">Plot</button>
    <button class="tab-btn" id="btn-2" onclick="selectCard(2)">Moral</button>
    <button class="tab-btn active" id="btn-3" onclick="selectCard(3)">★ Theme</button>
  </div>

  <script>
    let activeIdx = 3;

    function selectCard(idx) {
      activeIdx = idx;
      for (let i = 0; i < 4; i++) {
        const card = document.getElementById('card-' + i);
        const btn = document.getElementById('btn-' + i);
        if (i === idx) {
          card.classList.add('selected');
          btn.classList.add('active');
        } else {
          card.classList.remove('selected');
          btn.classList.remove('active');
        }
      }
    }

    // Default select Card 4 (Theme)
    selectCard(3);
  </script>
</body>
</html>

Distinguishing Theme From Subject in Literature

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }

    body {
      background: transparent;
      color: #1e293b;
      padding: 16px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
    }

    .diagram {
      width: 100%;
      max-width: 650px;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    /* Top interactive selector */
    .selector-bar {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }

    .prompt-label {
      font-size: 13px;
      font-weight: 600;
      color: #64748b;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .tab-btn {
      padding: 6px 14px;
      font-size: 14px;
      font-weight: 600;
      border-radius: 20px;
      border: 1.5px solid #cbd5e1;
      background: #ffffff;
      color: #475569;
      cursor: pointer;
      transition: all 0.2s ease;
    }

    .tab-btn:hover {
      border-color: #94a3b8;
      background: #f1f5f9;
    }

    .tab-btn.active {
      background: #2563eb;
      color: #ffffff;
      border-color: #2563eb;
      box-shadow: 0 2px 6px rgba(37, 99, 235, 0.25);
    }

    /* Comparison container */
    .flow-container {
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      gap: 12px;
      position: relative;
    }

    @media (max-width: 520px) {
      .flow-container {
        flex-direction: column;
      }
    }

    .panel {
      flex: 1;
      background: #f8f9fa;
      border-radius: 12px;
      padding: 18px 16px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border: 1.5px solid #e2e8f0;
      position: relative;
    }

    .panel.subject {
      border-color: #bfdbfe;
      background: #f0f7ff;
    }

    .panel.theme {
      border-color: #a7f3d0;
      background: #f0fdf4;
      flex: 1.35;
    }

    .panel-header {
      margin-bottom: 12px;
    }

    .panel-tag {
      display: inline-block;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      padding: 3px 8px;
      border-radius: 6px;
      margin-bottom: 6px;
    }

    .subject .panel-tag {
      background: #dbeafe;
      color: #1d4ed8;
    }

    .theme .panel-tag {
      background: #d1fae5;
      color: #047857;
    }

    .panel-title {
      font-size: 16px;
      font-weight: 700;
      color: #0f172a;
    }

    .panel-desc {
      font-size: 13px;
      color: #64748b;
      margin-top: 2px;
    }

    .panel-content {
      background: #ffffff;
      border-radius: 8px;
      padding: 14px;
      border: 1px solid rgba(0, 0, 0, 0.06);
      min-height: 84px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    .subject-pill {
      font-size: 18px;
      font-weight: 700;
      color: #2563eb;
      padding: 4px 12px;
      border-radius: 6px;
      background: #eff6ff;
      border: 1px dashed #93c5fd;
    }

    .theme-statement {
      font-size: 15px;
      font-weight: 600;
      line-height: 1.45;
      color: #065f46;
      transition: opacity 0.2s ease;
    }

    /* Flow connector */
    .connector {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 0 4px;
      min-width: 90px;
    }

    @media (max-width: 520px) {
      .connector {
        flex-direction: row;
        padding: 4px 0;
        gap: 8px;
      }
    }

    .connector-badge {
      font-size: 11px;
      font-weight: 700;
      color: #475569;
      background: #e2e8f0;
      padding: 4px 8px;
      border-radius: 12px;
      text-align: center;
      white-space: nowrap;
      margin-bottom: 6px;
    }

    @media (max-width: 520px) {
      .connector-badge {
        margin-bottom: 0;
      }
    }

    .arrow-icon {
      font-size: 20px;
      color: #059669;
      font-weight: bold;
      line-height: 1;
    }

    @media (max-width: 520px) {
      .arrow-icon {
        transform: rotate(90deg);
      }
    }
  </style>
</head>
<body>

  <div class="diagram">
    
    <div class="selector-bar">
      <span class="prompt-label">Select topic:</span>
      <button class="tab-btn active" onclick="selectTopic(0)">Ambition</button>
      <button class="tab-btn" onclick="selectTopic(1)">Isolation</button>
      <button class="tab-btn" onclick="selectTopic(2)">Revenge</button>
    </div>

    
    <div class="flow-container">
      
      <div class="panel subject">
        <div class="panel-header">
          <span class="panel-tag">Topic (1–2 Words)</span>
          <div class="panel-title">Subject</div>
          <div class="panel-desc">What the text explores</div>
        </div>
        <div class="panel-content">
          <div id="subjectBox" class="subject-pill">Ambition</div>
        </div>
      </div>

      
      <div class="connector">
        <div class="connector-badge">+ Author's Insight</div>
        <div class="arrow-icon">→</div>
      </div>

      
      <div class="panel theme">
        <div class="panel-header">
          <span class="panel-tag">Argument (Sentence)</span>
          <div class="panel-title">Thematic Statement</div>
          <div class="panel-desc">What the author argues about it</div>
        </div>
        <div class="panel-content">
          <div id="themeBox" class="theme-statement">
            "Unchecked ambition compromises personal integrity and alienates human relationships."
          </div>
        </div>
      </div>
    </div>
  </div>

  <script>
    const data = [
      {
        subject: "Ambition",
        theme: "“Unchecked ambition compromises personal integrity and alienates human relationships.”"
      },
      {
        subject: "Isolation",
        theme: "“Enforced isolation erodes empathy and distorts a person’s moral perception.”"
      },
      {
        subject: "Revenge",
        theme: "“The relentless pursuit of revenge ultimately destroys the seeker.”"
      }
    ];

    const buttons = document.querySelectorAll('.tab-btn');
    const subjectBox = document.getElementById('subjectBox');
    const themeBox = document.getElementById('themeBox');

    function selectTopic(index) {
      buttons.forEach((btn, i) => {
        btn.classList.toggle('active', i === index);
      });

      themeBox.style.opacity = '0';
      subjectBox.style.opacity = '0';

      setTimeout(() => {
        subjectBox.textContent = data[index].subject;
        themeBox.textContent = data[index].theme;
        subjectBox.style.opacity = '1';
        themeBox.style.opacity = '1';
      }, 150);
    }
  </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="aspect-ratio" content="4:3">
  <script src="{{VENDOR_CDN}}/classace-diagram.js"></script>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    body {
      width: 100%;
      background: #ffffff;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 16px 12px;
    }

    .workflow-container {
      width: 100%;
      max-width: 640px;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    /* Step Cards Grid */
    .steps-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      position: relative;
    }

    .step-card {
      background: #f8fafc;
      border: 2px solid #e2e8f0;
      border-radius: 12px;
      padding: 14px 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      cursor: pointer;
      position: relative;
      transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
      user-select: none;
    }

    .step-card:hover {
      border-color: #93c5fd;
    }

    .step-card.active {
      background: #ffffff;
      border-color: #2563eb;
      box-shadow: 0 4px 14px rgba(37, 99, 235, 0.15);
    }

    /* Step Number Badge */
    .step-badge {
      width: 28px;
      height: 28px;
      background: #2563eb;
      color: #ffffff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 8px;
      flex-shrink: 0;
      box-shadow: 0 2px 6px rgba(37, 99, 235, 0.3);
    }

    .step-icon {
      font-size: 26px;
      line-height: 1;
      margin-bottom: 8px;
    }

    .step-title {
      font-size: 14px;
      font-weight: 700;
      color: #0f172a;
      line-height: 1.25;
      margin-bottom: 4px;
    }

    .step-type-tag {
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: #64748b;
      margin-bottom: 6px;
    }

    .step-card.active .step-type-tag {
      color: #2563eb;
    }

    /* Detail / Interactive Display Box */
    .detail-panel {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 16px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
      min-height: 110px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .detail-content {
      display: none;
      animation: fadeIn 0.25s ease-out;
    }

    .detail-content.active {
      display: block;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(4px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .detail-header {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 13px;
      font-weight: 700;
      color: #2563eb;
      margin-bottom: 6px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    .detail-prompt {
      font-size: 14px;
      color: #475569;
      margin-bottom: 6px;
      line-height: 1.4;
    }

    .detail-example {
      font-size: 14px;
      font-weight: 600;
      color: #0f172a;
      background: #ffffff;
      border: 1px solid #cbd5e1;
      border-left: 4px solid #2563eb;
      border-radius: 6px;
      padding: 8px 10px;
      line-height: 1.4;
    }

    /* Controls Bar */
    .stepper-controls {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding: 0 4px;
    }

    .nav-buttons {
      display: flex;
      gap: 6px;
    }

    .btn-ctrl {
      background: #ffffff;
      border: 1px solid #cbd5e1;
      color: #334155;
      font-size: 13px;
      font-weight: 600;
      padding: 6px 12px;
      border-radius: 6px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 4px;
      transition: background 0.15s ease, border-color 0.15s ease;
    }

    .btn-ctrl:hover {
      background: #f1f5f9;
      border-color: #94a3b8;
    }

    .dot-indicators {
      display: flex;
      gap: 6px;
      align-items: center;
    }

    .dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #cbd5e1;
      border: none;
      cursor: pointer;
      padding: 0;
      transition: background-color 0.2s ease, transform 0.2s ease;
    }

    .dot.active {
      background: #2563eb;
      transform: scale(1.2);
    }

    @media (max-width: 480px) {
      .step-title {
        font-size: 12px;
      }
      .step-icon {
        font-size: 22px;
      }
      .step-badge {
        width: 24px;
        height: 24px;
        font-size: 12px;
      }
      .detail-example, .detail-prompt {
        font-size: 13px;
      }
    }
  </style>
</head>
<body>
  <div class="workflow-container">
    
    
    <div class="steps-grid">
      
      <div class="step-card step active" data-step="0">
        <div class="step-badge">1</div>
        <div class="step-icon">🏷️</div>
        <div class="step-title">Identify<br>Subject</div>
        <div class="step-type-tag">Topic</div>
      </div>

      
      <div class="step-card step" data-step="1">
        <div class="step-badge">2</div>
        <div class="step-icon">⚙️</div>
        <div class="step-title">Analyze<br>Outcomes</div>
        <div class="step-type-tag">Action</div>
      </div>

      
      <div class="step-card step" data-step="2">
        <div class="step-badge">3</div>
        <div class="step-icon">🌍</div>
        <div class="step-title">Universalize</div>
        <div class="step-type-tag">Theme</div>
      </div>
    </div>

    
    <div class="detail-panel">
      
      <div class="detail-content active" id="detail-0">
        <div class="detail-header">Step 1 • Focus on the Abstract Idea</div>
        <div class="detail-prompt">Choose the big abstract idea:</div>
        <div class="detail-example">e.g., Loyalty</div>
      </div>

      
      <div class="detail-content" id="detail-1">
        <div class="detail-header">Step 2 • Track Cause & Effect</div>
        <div class="detail-prompt">Ask: What happens when characters stay loyal or betray others?</div>
        <div class="detail-example">e.g., Unquestioned obedience causes harm to innocent people.</div>
      </div>

      
      <div class="detail-content" id="detail-2">
        <div class="detail-header">Step 3 • Formulate a Universal Theme</div>
        <div class="detail-prompt">Formulate an assertion about human life:</div>
        <div class="detail-example">e.g., Blind loyalty to an institution can lead individuals to compromise their moral values.</div>
      </div>
    </div>

    
    <div class="stepper-controls">
      <div class="dot-indicators">
        <button class="dot active" data-index="0" aria-label="Step 1"></button>
        <button class="dot" data-index="1" aria-label="Step 2"></button>
        <button class="dot" data-index="2" aria-label="Step 3"></button>
      </div>

      <div class="nav-buttons">
        <button id="playBtn" class="btn-ctrl">
          <span id="playIcon">⏸</span> Pause
        </button>
        <button id="prevBtn" class="btn-ctrl">‹ Prev</button>
        <button id="nextBtn" class="btn-ctrl">Next ›</button>
      </div>
    </div>

  </div>

  <script>
    const stepCards = document.querySelectorAll('.step-card');
    const details = document.querySelectorAll('.detail-content');
    const dots = document.querySelectorAll('.dot');
    const playBtn = document.getElementById('playBtn');
    const playIcon = document.getElementById('playIcon');
    const prevBtn = document.getElementById('prevBtn');
    const nextBtn = document.getElementById('nextBtn');

    function updateStepUI(index) {
      stepCards.forEach((card, i) => {
        card.classList.toggle('active', i === index);
      });

      details.forEach((det, i) => {
        det.classList.toggle('active', i === index);
      });

      dots.forEach((dot, i) => {
        dot.classList.toggle('active', i === index);
      });
    }

    const player = new StepPlayer('.step', {
      interval: 4000,
      onChange: (idx) => updateStepUI(idx)
    });

    player.start();

    stepCards.forEach((card, idx) => {
      onTap(card, () => {
        player.goTo(idx);
        player.pause();
        updatePlayState();
      });
    });

    dots.forEach((dot, idx) => {
      onTap(dot, () => {
        player.goTo(idx);
        player.pause();
        updatePlayState();
      });
    });

    onTap(prevBtn, () => {
      player.prev();
      player.pause();
      updatePlayState();
    });

    onTap(nextBtn, () => {
      player.next();
      player.pause();
      updatePlayState();
    });

    function updatePlayState() {
      if (player.playing) {
        playIcon.textContent = '⏸';
        playBtn.childNodes[2].nodeValue = ' Pause';
      } else {
        playIcon.textContent = '▶';
        playBtn.childNodes[2].nodeValue = ' Play';
      }
    }

    onTap(playBtn, () => {
      player.toggle();
      updatePlayState();
    });
  </script>
</body>
</html>

How Characterization Develops Theme

How Plot Develops Theme

How Setting Develops Theme

How Characters Embody and Express Themes

How Characters and Events Interact to Build Theme

How Character Change Reveals Theme

How Events Reveal and Develop Themes

Integrating Character, Plot, Setting, and Theme

Developing a Critical Style When Reading Fiction

Forming an Informed Personal Response to Fiction

Selecting Relevant Quotations to Support Your Points

Embedding Quotations Seamlessly in Analytical Writing

Using Point-Evidence-Explain Paragraphs in Fiction Analysis

Moving from PEE to PETAL Paragraphs for Higher Marks

Writing Analytical Responses to Fiction

Character Archetypes: The Hero and the Mentor

Character Archetypes: The Trickster and the Shadow

Character Archetypes: The Shapeshifter and the Threshold Guardian

How Historical Settings Shape Character Development

How Cultural Settings Shape Character Development

Evaluating Believable Character Development

Comparing Character Development Across Texts

Writing About Characterization: Supporting Analysis with Textual Evidence

Archetypes, Context, and Synthesis in Character Development

What Is Paraphrasing and Why It Matters

Paraphrasing Short Passages Without Losing Meaning

Paraphrasing Complex Sentences Accurately

Paraphrasing Multi-Paragraph Texts

Avoiding Plagiarism When Paraphrasing

What Makes a Good Summary?

Summarizing Narrative Texts in Logical Order

Summarizing Informational Texts

Summarizing Argumentative Texts

Maintaining Logical Order in Summaries

Paraphrasing and Summarizing to Maintain Meaning

Identifying Explicit and Implicit Information in Fiction

Making Inferences from Character Descriptions

Making Inferences from Setting Descriptions

Tracing Character Development Across an Extract

Understanding Narrative Voice and Point of View

Identifying Themes in Fiction Extracts

Responding to Unseen Fiction Extracts: Exam Practice

Reading and Interpreting Fiction Extracts

What Is Point of View as a Literary Element?

First-Person POV and Its Effect on Reader Understanding

Third-Person Limited POV and Characterization

Third-Person Omniscient POV and Thematic Development

How Point of View Shapes the Reader's Perception of Setting

How Point of View Influences Plot Disclosure

Comparing the Same Events From Different Points of View

How Setting Significance Changes With Point of View

The Role of Point of View in Literary Analysis

Determining a Theme in Grade 9-10 Literature

Tracing Theme Development Across a Full Text

How Specific Details Shape and Refine Theme

Determining Central Ideas in Grade 9-10 Informational Text

Tracing Central Idea Development Across Sections

How Details Shape Central Ideas in Informational Text

Writing Objective Summaries of Literature

Writing Objective Summaries of Informational Text

Distinguishing Theme From Central Idea

Analyzing How Multiple Themes Interact

Theme and Central Idea Development Across Texts

How Themes Develop Through a Narrative

Identifying and Interpreting Recurring Symbolic Motifs

Analyzing How Setting and Atmosphere Reinforce Theme

Composing Objective Analytical Summaries of Complex Literature

Comparing Themes Across Different Works

Universal Themes, Motifs, and Thematic Synthesis

Analyzing Complex and Dynamic Character Arcs

Identifying and Critiquing Classical Character Archetypes

Evaluating Character Foils and Interpersonal Contrasts

Analyzing Moral Dilemmas and Ethical Decision-Making

How Character Choices Propel Plot Crises and Resolutions

Evaluating How Character Transformation Embodies Theme

Character Psychology, Archetypes, and Moral Dilemmas

Synthesizing Theme, Characterization, POV, Setting, and Plot

Analyzing Multiple Elements Working Together in a Short Story

Evaluating Which Literary Element Dominates in Different Texts

Comparing How Different Authors Balance Literary Elements

Writing an Analytical Essay on the Interplay of Literary Elements

Applying Element Analysis to a Complete Novel

Synthesizing and Applying Literary Element Analysis

What Makes a Scene? Defining and Isolating Scenes

Analyzing a Scene's Contribution to Plot

Analyzing a Scene's Contribution to Character Development

Analyzing a Scene's Contribution to Theme

How Scenes Build Suspense and Tension

Evaluating Whether a Scene Serves the Plot as a Whole

Comparing Plot Structures Across Texts

Writing About Plot and Scene Analysis

Scene Analysis and Its Contribution to Plot

What Is Theme? Distinguishing Topic from Theme

Identifying Themes in Literary Texts

Analyzing Theme in Literary Texts

Linking Ideas Across Different Texts and Authors

Writing Responses That Compare Multiple Texts

Comparing Sources Across Different Genres

Analyzing Thematic Meaning Across Genres

Comparing Characterization Across Literary Genres

Comparing Author Craft Choices Across Genres

Writing a Multi-Genre Comparative Analysis

Synthesizing Explicit and Implicit Meaning Across Texts

Comparing Texts and Themes Across Genres

Understanding Purpose and Audience in Non-Fiction Texts

Identifying Non-Fiction Text Types: Articles, Letters, Speeches, Essays

Skimming and Scanning Non-Fiction Texts Efficiently

Identifying Key Information in Non-Fiction Texts

Distinguishing Fact from Opinion in Non-Fiction Texts

Foundations of Non-Fiction Reading

Mengenal Unsur Intrinsik Novel

Menganalisis Tokoh dan Penokohan dalam Novel

Menganalisis Latar dalam Novel dan Cerita Pendek

Menganalisis Alur dalam Karya Prosa

Mengidentifikasi Tema dan Amanat dalam Novel

Menganalisis Sudut Pandang dalam Cerita

Menganalisis Unsur Intrinsik Prosa

What Is a Moral Dilemma in Literature?

Types of Moral Dilemmas in Literature

How Character Motivations Create Moral Dilemmas

Moral Dilemmas as Drivers of Plot

Moral Dilemmas as Expressions of Theme

Analyzing Character Choices Under Moral Pressure

The Role of Values and Beliefs in Moral Dilemmas

Moral Ambiguity and Complex Characters

How Character Behaviors Reveal Moral Stance

Consequences of Moral Choices in Literature

Moral Dilemmas in Literature

Comparing Moral Dilemmas Across Texts

How Setting and Context Shape Moral Dilemmas

Evaluating Character Responses to Moral Dilemmas

Moral Dilemmas and Character Growth

Writing About Character Motivation and Moral Dilemmas

Applying Moral Dilemma Analysis to a Complete Text

Comparative and Applied Analysis of Moral Dilemmas

Universal Themes: Love, Justice, Identity, and More

Comparing Similar Themes Across Different Cultures

Cultural Context and Theme Interpretation

Historical Context and Theme Interpretation

How Cultural Values Shape Thematic Meaning

Synthesizing Theme Across Multiple Texts

Writing About Themes Across Cultures: An Analytical Essay

Comparing Themes Across Cultures

What Is an Evaluative Response?

Distinguishing Summary From Evaluation

Using Text Evidence to Support Your Opinion

Writing Analytical Commentary That Explains Your Evidence

Writing Original Commentary, Not Paraphrase

Balancing Evidence and Commentary in Evaluative Paragraphs

Embedding Quotations in Evaluative Responses

Foundations of Evaluative Writing

What Is Inference in Advanced Reading?

Inferring the Author's Unstated Assumptions

Inferring Themes and Implicit Arguments

Citing Textual Evidence to Support Inferences

Inferring Across Multiple Texts and Sources

Distinguishing Reasonable Inferences From Overreach

Making Evidence-Based Inferences from Complex Texts

Mengapresiasi Puisi Indonesia Modern

Menganalisis Diksi dalam Puisi

Menganalisis Majas dalam Puisi dan Prosa

Mengidentifikasi Nada dan Suasana dalam Puisi

Mengapresiasi Puisi Lama: Pantun, Syair, dan Gurindam

Mengapresiasi Puisi Indonesia

Inferring Implicit Meanings From Text Evidence

Supporting Inferences With Multiple Pieces of Evidence

Distinguishing Reasonable Inferences From Speculation

Identifying Key Ideas in Complex Texts

Evaluating Details to Determine Key Ideas

Distinguishing Key Ideas From Minor Details

Tracing How Details Build to Key Ideas

Drawing Inferences and Determining Key Ideas from Textual Evidence

Evaluating the Reliability of Non-Fiction Sources

Identifying Bias in Non-Fiction Texts

Summarising Information from Non-Fiction Texts

Responding to Unseen Non-Fiction Extracts: Exam Practice

Reading 19th Century Non-Fiction Extracts

Evaluating and Applying Non-Fiction Reading Skills

Evaluating Details for Relevance to Key Ideas

Evaluating the Credibility of Supporting Details

Separating Key Ideas From Supporting Details

Evaluating Conflicting Details Across Sources

Analyzing Details That Undermine or Complicate Key Ideas

Writing an Evidence-Based Analysis of Key Ideas

Evaluating Details to Analyze and Articulate Key Ideas

Determining Which Details Most Strongly Support Key Ideas

Following How Details Accumulate Into Key Ideas

Identifying Details That Challenge Dominant Interpretations

Distinguishing Between Minor and Major Supporting Details

Assessing Source Credibility When Evaluating Details

Summarizing by Selecting the Most Important Details

Evaluating Details in Argumentative and Persuasive Texts

Comparing Key Ideas Across Multiple Texts on the Same Topic

Writing a Summary Based on Evaluated Key Details

Evaluating Details to Identify Key Ideas

Understanding Historical Background of Literary Works

Understanding Socio-Economic Context in Literature

Literature Across Cultural, Historical, and Socio-Economic Contexts

OGE.10.RL.2

Aligned learning resources

Related diagrams