Advanced

Tutor model

i62 💰:9.4

i52 💰:7.9

🏆 i67 💰:62.5

i70 💰:125.0

i68 💰:125.0

🏆 i66 💰:75.0

i65 💰:125.0

i63 💰:62.5

i61 💰:75.0

i60 💰:9.4

i60 💰:37.5

i58 💰:62.5

i57 💰:22.5

i57 💰:37.5

i56 💰:45.0

⚡ i55 💰:11.25

i55 💰:37.5

i54 💰:62.5

i52 💰:35.0

i51 💰:37.5

i49 💰:15.0

i49 💰:62.5

i48 💰:11.3

i47 💰:7.5

i44 💰:25.0

i43 💰:37.5

i42 💰:187.5

i40 💰:5.0

i39 💰:100.0

i38 💰:37.5

i37 💰:11.0

i36 💰:187.5

i34 💰:12.5

i33 💰:37.5

i30 💰:1.0

i29 💰:1.5

i28 💰:150.0

i23 💰:20.0

i20 💰:4.0

i18 💰:1.0

i16 💰:25.0

i13 💰:1.5

Keep session private

What would you like to learn?

Override for the tutor's lesson content generation calls. Auto uses the system default (Claude Sonnet 5 for lesson text, Opus 5 for diagrams).

Lesson generation model

System default

i58 💰:18.8

i31 💰:11.0

i25 💰:31.3

Tutoring abilities

Imagine you go to the zoo and see lions, monkeys, and bears. When you get home, your friend asks, "What did you do today?"

You do not list every single step you took—you just say, "I saw fun animals at the zoo!"

That big point is called the **main idea**.

The **main idea** is the most important thing a text is about.

Think of the main idea like a big umbrella that holds all the smaller **details** under it.

<!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;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      -webkit-tap-highlight-color: transparent;
      user-select: none;
    }

    body {
      background: #f8f9fa;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      min-height: 100%;
      padding: 16px;
      gap: 12px;
    }

    .stage {
      position: relative;
      width: 100%;
      max-width: 440px;
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    /* Umbrella SVG Container */
    .umbrella-svg {
      width: 100%;
      max-width: 360px;
      height: auto;
      overflow: visible;
    }

    .canopy {
      fill: #22b7ff;
      transition: fill 0.3s ease, filter 0.3s ease;
      cursor: pointer;
    }

    .canopy.highlighted {
      fill: #009be5;
      filter: drop-shadow(0 4px 12px rgba(34, 183, 255, 0.45));
    }

    .canopy-text {
      font-size: 17px;
      font-weight: 800;
      fill: #ffffff;
      text-anchor: middle;
      pointer-events: none;
      letter-spacing: 0.5px;
    }

    .shaft {
      stroke: #94a3b8;
      stroke-width: 5;
      stroke-linecap: round;
    }

    .handle {
      stroke: #94a3b8;
      stroke-width: 5;
      fill: none;
      stroke-linecap: round;
    }

    /* Rain elements outside */
    .drop {
      fill: #93c5fd;
      opacity: 0.75;
      animation: rain 1.8s infinite linear;
    }
    .drop-2 { animation-delay: 0.6s; }
    .drop-3 { animation-delay: 1.2s; }

    @keyframes rain {
      0% { transform: translateY(-10px); opacity: 0; }
      30% { opacity: 0.8; }
      100% { transform: translateY(70px); opacity: 0; }
    }

    /* Sheltered Details Container */
    .details-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;
      width: 100%;
      max-width: 340px;
      margin-top: -65px;
      z-index: 2;
    }

    .detail-card {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 10px;
      padding: 10px 6px;
      text-align: center;
      font-size: 14px;
      font-weight: 700;
      color: #475569;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
      cursor: pointer;
      transition: all 0.25s ease;
    }

    .detail-card.active {
      border-color: #22b7ff;
      background: #f0f9ff;
      color: #0284c7;
      box-shadow: 0 0 0 2px rgba(34, 183, 255, 0.3);
      transform: translateY(-2px);
    }

    /* Connector lines inside */
    .connectors {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
    }

    /* Interactive Bar */
    .btn-group {
      display: flex;
      gap: 8px;
      width: 100%;
      max-width: 360px;
    }

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

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

  <div class="stage">
    
    <svg class="umbrella-svg" viewBox="0 0 360 210">
      
      <g>
        <path class="drop drop-1" d="M 25,15 Q 25,25 22,30 A 3,3 0 0,1 19,27 Z" />
        <path class="drop drop-2" d="M 45,5 Q 45,15 42,20 A 3,3 0 0,1 39,17 Z" />
        <path class="drop drop-3" d="M 335,15 Q 335,25 332,30 A 3,3 0 0,1 329,27 Z" />
        <path class="drop drop-1" d="M 315,5 Q 315,15 312,20 A 3,3 0 0,1 309,17 Z" />
      </g>

      
      <line class="shaft" x1="180" y1="50" x2="180" y2="185" />
      <path class="handle" d="M 180,185 C 180,198 162,198 162,185" />

      
      <path id="canopy" class="canopy highlighted" d="
        M 25,95 
        C 40,25 320,25 335,95 
        Q 295,85 260,95 
        Q 220,85 180,95 
        Q 140,85 100,95 
        Q 65,85 25,95 Z
      " />
      
      
      <text x="180" y="66" class="canopy-text">Main Idea</text>

      
      <circle cx="180" cy="29" r="4" fill="#0284c7" />
    </svg>

    
    <div class="details-row">
      <div class="detail-card active" id="d1">Detail 1</div>
      <div class="detail-card active" id="d2">Detail 2</div>
      <div class="detail-card active" id="d3">Detail 3</div>
    </div>
  </div>

  
  <div class="btn-group">
    <button class="tab-btn active" id="btn-all">All</button>
    <button class="tab-btn" id="btn-main">Main Idea</button>
    <button class="tab-btn" id="btn-details">Details</button>
  </div>

  <script>
    const canopy = $('#canopy');
    const details = [$('#d1'), $('#d2'), $('#d3')];
    const buttons = {
      all: $('#btn-all'),
      main: $('#btn-main'),
      details: $('#btn-details')
    };

    function setView(mode) {
      // Update buttons
      Object.values(buttons).forEach(b => b.classList.remove('active'));
      buttons[mode].classList.add('active');

      if (mode === 'all') {
        canopy.classList.add('highlighted');
        details.forEach(d => d.classList.add('active'));
      } else if (mode === 'main') {
        canopy.classList.add('highlighted');
        details.forEach(d => d.classList.remove('active'));
      } else if (mode === 'details') {
        canopy.classList.remove('highlighted');
        details.forEach(d => d.classList.add('active'));
      }
    }

    onTap(buttons.all, () => setView('all'));
    onTap(buttons.main, () => setView('main'));
    onTap(buttons.details, () => setView('details'));

    onTap(canopy, () => setView('main'));
    details.forEach(d => onTap(d, () => setView('details')));
  </script>
</body>
</html>

How do we find the big umbrella in a short story? Let's look for clues!

Read this short story: "Sam loves his puppy. He feeds his puppy crunchy treats. He plays fetch with his puppy in the yard."

Look for words that repeat. The words "Sam" and "puppy" appear in every sentence!

<!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">
  <title>Telling the Main Idea</title>
  <style>
    * { box-sizing: border-box; margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }
    
    body {
      padding: 12px;
      color: #1e2945;
      background: transparent;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      min-height: 100%;
    }

    .stepper-nav {
      display: flex;
      gap: 8px;
      width: 100%;
      max-width: 440px;
      margin-bottom: 12px;
    }

    .step-btn {
      flex: 1;
      padding: 8px 4px;
      font-size: 13px;
      font-weight: 600;
      border: 1px solid #e2e8f0;
      background: #ffffff;
      color: #64748b;
      border-radius: 8px;
      cursor: pointer;
      text-align: center;
      transition: all 0.25s ease;
    }

    .step-btn.active {
      background: #22b7ff;
      color: #ffffff;
      border-color: #22b7ff;
      box-shadow: 0 2px 8px rgba(34, 183, 255, 0.3);
    }

    .stage-container {
      position: relative;
      width: 100%;
      max-width: 440px;
      height: 250px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 10px;
    }

    .sentence-card {
      background: #ffffff;
      border: 1.5px solid #e2e8f0;
      border-radius: 12px;
      padding: 10px 14px;
      font-size: 15px;
      display: flex;
      align-items: center;
      gap: 10px;
      box-shadow: 0 2px 4px rgba(0,0,0,0.03);
      transition: all 0.35s ease;
    }

    .icon-box {
      font-size: 20px;
      line-height: 1;
      width: 28px;
      text-align: center;
    }

    .text-content {
      flex: 1;
    }

    .hl {
      transition: all 0.3s ease;
      border-radius: 4px;
      padding: 1px 4px;
    }

    /* Step 2: Highlight Clues */
    .stage-2 .hl {
      background: #e0f2fe;
      color: #0284c7;
      font-weight: 700;
      box-shadow: 0 0 0 1px #bae6fd;
    }

    /* Step 3: Funnel into Main Idea */
    .stage-3 .sentence-card.source {
      opacity: 0.25;
      transform: scale(0.92);
    }

    .main-idea-card {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0.8);
      width: calc(100% - 16px);
      background: #ffffff;
      border: 2px solid #22b7ff;
      border-radius: 14px;
      padding: 16px;
      text-align: center;
      box-shadow: 0 8px 24px rgba(34, 183, 255, 0.2);
      opacity: 0;
      pointer-events: none;
      transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
      z-index: 10;
    }

    .stage-3 .main-idea-card {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
      pointer-events: auto;
    }

    .badge {
      display: inline-block;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      padding: 3px 8px;
      border-radius: 20px;
      background: #22b7ff;
      color: #ffffff;
      margin-bottom: 8px;
    }

    .main-text {
      font-size: 17px;
      font-weight: 700;
      color: #0f172a;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    .controls {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin-top: 8px;
    }

    .ctrl-btn {
      background: #f1f5f9;
      border: 1px solid #cbd5e1;
      color: #334155;
      padding: 6px 14px;
      border-radius: 8px;
      font-size: 13px;
      font-weight: 600;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .ctrl-btn:active {
      background: #e2e8f0;
    }
  </style>
</head>
<body>

  
  <div class="stepper-nav">
    <button class="step-btn active" onclick="setStep(0)">1. Sentences</button>
    <button class="step-btn" onclick="setStep(1)">2. Clues</button>
    <button class="step-btn" onclick="setStep(2)">3. Main Idea</button>
  </div>

  
  <div class="stage-container" id="stage">
    <div class="sentence-card source">
      <span class="icon-box">🥣</span>
      <span class="text-content"><span class="hl">Sam</span> feeds his <span class="hl">puppy</span>.</span>
    </div>

    <div class="sentence-card source">
      <span class="icon-box">🦮</span>
      <span class="text-content"><span class="hl">Sam</span> walks his <span class="hl">puppy</span>.</span>
    </div>

    <div class="sentence-card source">
      <span class="icon-box">🪮</span>
      <span class="text-content"><span class="hl">Sam</span> brushes his <span class="hl">puppy</span>.</span>
    </div>

    
    <div class="main-idea-card">
      <div class="badge">💡 Main Idea</div>
      <div class="main-text">
        <span>👦 ❤️ 🐶</span>
        <span>Sam cares for his puppy.</span>
      </div>
    </div>
  </div>

  
  <div class="controls">
    <button class="ctrl-btn" id="playBtn" onclick="togglePlay()">
      <span id="playIcon">⏸</span> Auto-Play
    </button>
  </div>

  <script>
    let currentStep = 0;
    let playing = true;
    let timer = null;

    const stage = document.getElementById('stage');
    const stepBtns = document.querySelectorAll('.step-btn');
    const playIcon = document.getElementById('playIcon');

    function updateView() {
      stepBtns.forEach((btn, idx) => {
        btn.classList.toggle('active', idx === currentStep);
      });

      stage.className = 'stage-container stage-' + (currentStep + 1);
    }

    function setStep(index) {
      currentStep = index;
      updateView();
    }

    function nextStep() {
      currentStep = (currentStep + 1) % 3;
      updateView();
    }

    function startTimer() {
      timer = setInterval(nextStep, 3200);
      playIcon.textContent = '⏸';
      playing = true;
    }

    function stopTimer() {
      clearInterval(timer);
      playIcon.textContent = '▶';
      playing = false;
    }

    function togglePlay() {
      if (playing) {
        stopTimer();
      } else {
        nextStep();
        startTimer();
      }
    }

    // Auto-advance loop
    startTimer();
  </script>
</body>
</html>

Instead of saying all three sentences, we can summarize it in just one: **Sam takes good care of his puppy.**

What happens when we read a text about animals or nature instead of a person?

Read these facts: "Frogs have strong legs to jump high. Frogs have webbed feet to swim fast. Frogs have long tongues to catch flies."

Every sentence tells us about a different part of a frog's body and what it does.

<!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">
  <title>Finding the Main Idea</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      background: #f8f9fa;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      min-height: 100%;
      padding: 16px 12px;
      user-select: none;
    }

    .canvas {
      width: 100%;
      max-width: 480px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px;
    }

    .details-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;
      width: 100%;
    }

    .detail-card {
      background: #ffffff;
      border-radius: 12px;
      padding: 10px 4px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
      cursor: pointer;
      border: 2px solid transparent;
      transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
    }

    .detail-card .icon {
      font-size: 26px;
      margin-bottom: 4px;
    }

    .detail-card .label {
      font-size: 13px;
      font-weight: 600;
      color: #1e2945;
      line-height: 1.2;
    }

    .detail-card .sub {
      font-size: 11px;
      color: #6b7280;
      margin-top: 2px;
    }

    .detail-card.active {
      border-color: #22b7ff;
      background: #f0f9ff;
      box-shadow: 0 4px 12px rgba(34, 183, 255, 0.25);
    }

    .arrows-svg {
      width: 100%;
      height: 36px;
      overflow: visible;
    }

    .connector-line {
      stroke: #d1d5db;
      stroke-width: 2.5;
      stroke-dasharray: 4 4;
      transition: stroke 0.3s ease, stroke-width 0.3s ease;
    }

    .connector-line.active {
      stroke: #22b7ff;
      stroke-width: 3;
      stroke-dasharray: none;
    }

    .main-idea-card {
      width: 100%;
      background: #ffffff;
      border-radius: 14px;
      padding: 14px 12px;
      text-align: center;
      box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
      border: 2px solid #e5e7eb;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      transition: all 0.3s ease;
      cursor: pointer;
    }

    .main-idea-card.highlight {
      border-color: #22b7ff;
      background: linear-gradient(180deg, #ffffff 0%, #e0f2fe 100%);
      box-shadow: 0 6px 16px rgba(34, 183, 255, 0.3);
    }

    .main-idea-card .big-icon {
      font-size: 32px;
    }

    .main-idea-card .text-group {
      text-align: left;
    }

    .main-idea-card .tag {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: #22b7ff;
    }

    .main-idea-card .title {
      font-size: 15px;
      font-weight: 700;
      color: #1e2945;
      line-height: 1.2;
    }

    .controls {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      margin-top: 8px;
    }

    .btn {
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 20px;
      padding: 6px 14px;
      font-size: 13px;
      font-weight: 600;
      color: #1e2945;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    }

    .btn:active {
      background: #f3f4f6;
    }

    .dots {
      display: flex;
      gap: 6px;
      align-items: center;
      margin: 0 4px;
    }

    .dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #d1d5db;
      cursor: pointer;
      transition: background-color 0.2s, transform 0.2s;
    }

    .dot.active {
      background: #22b7ff;
      transform: scale(1.25);
    }
  </style>
</head>
<body>

  <div class="canvas">
    
    <div class="details-row">
      <div class="detail-card" id="card0">
        <span class="icon">🦵</span>
        <span class="label">Strong legs</span>
        <span class="sub">Jumping</span>
      </div>
      <div class="detail-card" id="card1">
        <span class="icon">🦶</span>
        <span class="label">Webbed feet</span>
        <span class="sub">Swimming</span>
      </div>
      <div class="detail-card" id="card2">
        <span class="icon">👅</span>
        <span class="label">Long tongue</span>
        <span class="sub">Catching bugs</span>
      </div>
    </div>

    
    <svg class="arrows-svg" viewBox="0 0 300 40" preserveAspectRatio="none">
      <path id="line0" class="connector-line" d="M 50 2 C 50 20, 150 10, 150 38" fill="none" />
      <path id="line1" class="connector-line" d="M 150 2 L 150 38" fill="none" />
      <path id="line2" class="connector-line" d="M 250 2 C 250 20, 150 10, 150 38" fill="none" />
    </svg>

    
    <div class="main-idea-card" id="mainCard">
      <span class="big-icon">🐸</span>
      <div class="text-group">
        <div class="tag">Main Idea</div>
        <div class="title">Special Body Parts</div>
      </div>
    </div>
  </div>

  
  <div class="controls">
    <button class="btn" id="playBtn" aria-label="Toggle auto play">⏸</button>
    <div class="dots">
      <div class="dot" id="dot0" title="Detail 1"></div>
      <div class="dot" id="dot1" title="Detail 2"></div>
      <div class="dot" id="dot2" title="Detail 3"></div>
      <div class="dot" id="dot3" title="Main Idea"></div>
    </div>
    <button class="btn" id="nextBtn">Next →</button>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/classace-diagram@1.0.0/dist/index.min.js"></script>
  <script>
    let currentStep = 0;
    let isPlaying = true;
    let timer = null;

    const cards = [
      document.getElementById('card0'),
      document.getElementById('card1'),
      document.getElementById('card2')
    ];
    const lines = [
      document.getElementById('line0'),
      document.getElementById('line1'),
      document.getElementById('line2')
    ];
    const mainCard = document.getElementById('mainCard');
    const dots = [
      document.getElementById('dot0'),
      document.getElementById('dot1'),
      document.getElementById('dot2'),
      document.getElementById('dot3')
    ];
    const playBtn = document.getElementById('playBtn');
    const nextBtn = document.getElementById('nextBtn');

    function render(step) {
      currentStep = step;

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

      if (step < 3) {
        // Highlighting individual details
        cards.forEach((card, i) => {
          card.classList.toggle('active', i === step);
        });
        lines.forEach((line, i) => {
          line.classList.toggle('active', i === step);
        });
        mainCard.classList.remove('highlight');
      } else {
        // Step 3: All converge into Main Idea
        cards.forEach(card => card.classList.add('active'));
        lines.forEach(line => line.classList.add('active'));
        mainCard.classList.add('highlight');
      }
    }

    function setStep(idx) {
      render(idx);
    }

    function nextStep() {
      const next = (currentStep + 1) % 4;
      render(next);
    }

    function startTimer() {
      if (timer) clearInterval(timer);
      timer = setInterval(nextStep, 3000);
      isPlaying = true;
      playBtn.textContent = '⏸';
    }

    function pauseTimer() {
      if (timer) clearInterval(timer);
      isPlaying = false;
      playBtn.textContent = '▶';
    }

    function togglePlay() {
      if (isPlaying) {
        pauseTimer();
      } else {
        nextStep();
        startTimer();
      }
    }

    // Direct interactions
    cards.forEach((card, i) => {
      card.addEventListener('click', () => {
        setStep(i);
        pauseTimer();
      });
    });

    mainCard.addEventListener('click', () => {
      setStep(3);
      pauseTimer();
    });

    dots.forEach((dot, i) => {
      dot.addEventListener('click', () => {
        setStep(i);
        pauseTimer();
      });
    });

    playBtn.addEventListener('click', togglePlay);
    nextBtn.addEventListener('click', () => {
      nextStep();
      pauseTimer();
    });

    // Initial render & run
    render(0);
    startTimer();
  </script>
</body>
</html>

We can state the main idea in one sentence: **Frogs have special body parts that help them move and eat.**

Next time you finish reading, ask yourself: "What was the one big thing this whole story wanted to tell me?"

Telling the Main Idea: Summarising What a Text Is About. Identify and state the main idea of a short text in one or two sentences.

Determine the Topic and Main Idea of a Passage (Kindergarten / Foundation ELA)

I Can Find the Main Idea: Early Comprehension and Summarising Lesson Plan

Understanding What You Read: Main Ideas and Summarising (Early Years / KS1)

For Foundation (Prep/Kindergarten) learners, summarising and identifying the main idea should be taught through oral language, shared read-alouds, and concrete visual analogies (such as the umbrella or tabletop). Teachers should model 'Think-Alouds' explicitly contrasting a single detail with the whole-text summary, encouraging students to express the main idea verbally in complete sentences before transitioning to shared or drawn representations.

Telling the Main Idea: Summarising What a Text Is About

The Big Umbrella

Finding Clues in a Story