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

Can you say "**silly snake slides softly**" fast three times? Notice how your mouth makes the same /s/ sound at the start of every word!

When two or more words start with the exact same sound, we call it **alliteration**.

<!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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background: transparent;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
      padding: 12px;
      gap: 16px;
    }

    .team-bar {
      display: flex;
      align-items: center;
      gap: 8px;
      background: #eef8ff;
      border: 1.5px solid #22b7ff;
      border-radius: 20px;
      padding: 6px 14px;
      font-size: 15px;
      font-weight: 700;
      color: #0b7ac6;
      transition: all 0.3s ease;
    }

    .team-bar.mismatch {
      background: #f8f9fa;
      border-color: #d1d5db;
      color: #6b7280;
    }

    .cards-row {
      display: flex;
      gap: 10px;
      width: 100%;
      max-width: 480px;
      justify-content: center;
      position: relative;
    }

    .word-card {
      flex: 1;
      max-width: 140px;
      background: #ffffff;
      border-radius: 14px;
      padding: 14px 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
      border: 2px solid transparent;
      transition: all 0.3s ease;
    }

    .word-card.matched {
      border-color: #22b7ff;
      box-shadow: 0 4px 14px rgba(34, 183, 255, 0.2);
    }

    .emoji {
      font-size: 40px;
      line-height: 1;
    }

    .word-label {
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.5px;
      display: flex;
      align-items: baseline;
    }

    .first-sound {
      background: #22b7ff;
      color: #ffffff;
      padding: 2px 6px;
      border-radius: 6px;
      font-weight: 800;
      display: inline-block;
      box-shadow: 0 2px 6px rgba(34, 183, 255, 0.4);
      transition: all 0.3s ease;
    }

    .first-sound.diff-1 {
      background: #f59e0b;
      box-shadow: 0 2px 6px rgba(245, 158, 11, 0.3);
    }

    .first-sound.diff-2 {
      background: #10b981;
      box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);
    }

    .first-sound.diff-3 {
      background: #8b5cf6;
      box-shadow: 0 2px 6px rgba(139, 92, 246, 0.3);
    }

    .rest-sound {
      color: #6b7280;
      padding-left: 2px;
      font-weight: 600;
    }

    /* Sound Link Indicator Bar */
    .link-line-container {
      width: 100%;
      max-width: 440px;
      height: 20px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-around;
    }

    .link-bar {
      position: absolute;
      top: 50%;
      left: 15%;
      right: 15%;
      height: 3px;
      background: #22b7ff;
      transform: translateY(-50%);
      border-radius: 2px;
      transition: opacity 0.3s ease;
    }

    .link-bar.mismatch {
      opacity: 0;
    }

    .link-tag {
      position: relative;
      z-index: 2;
      background: #22b7ff;
      color: white;
      font-size: 12px;
      font-weight: 700;
      padding: 2px 8px;
      border-radius: 10px;
      box-shadow: 0 2px 5px rgba(34, 183, 255, 0.3);
      transition: all 0.3s ease;
    }

    .link-tag.mismatch {
      background: #9ca3af;
      box-shadow: none;
    }

    /* Set Selector Controls */
    .controls {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      justify-content: center;
    }

    .btn-tab {
      background: #ffffff;
      border: 1.5px solid #e5e7eb;
      color: #4b5563;
      padding: 6px 14px;
      border-radius: 20px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      box-shadow: 0 2px 4px rgba(0,0,0,0.03);
      transition: all 0.2s ease;
    }

    .btn-tab:hover {
      border-color: #22b7ff;
      color: #22b7ff;
    }

    .btn-tab.active {
      background: #22b7ff;
      border-color: #22b7ff;
      color: #ffffff;
      box-shadow: 0 2px 8px rgba(34, 183, 255, 0.35);
    }
  </style>
</head>
<body>

  <div class="team-bar" id="teamStatus">
    <span>✓ Match</span>
    <span id="soundLabel">/s/ Sound</span>
  </div>

  <div class="cards-row" id="cardsContainer">
    
  </div>

  <div class="link-line-container">
    <div class="link-bar" id="linkBar"></div>
    <div class="link-tag" id="matchTag">Same Sound</div>
  </div>

  <div class="controls">
    <button class="btn-tab active" data-index="0">/s/ Team</button>
    <button class="btn-tab" data-index="1">/b/ Team</button>
    <button class="btn-tab" data-index="2">Different</button>
  </div>

  <script>
    const sets = [
      {
        sound: "/s/",
        isMatch: true,
        tagText: "Same Sound",
        statusText: "✓ Match",
        words: [
          { emoji: "☀️", start: "S", rest: "un", soundClass: "" },
          { emoji: "🧦", start: "S", rest: "ock", soundClass: "" },
          { emoji: "🥪", start: "S", rest: "andwich", soundClass: "" }
        ]
      },
      {
        sound: "/b/",
        isMatch: true,
        tagText: "Same Sound",
        statusText: "✓ Match",
        words: [
          { emoji: "🐻", start: "B", rest: "ear", soundClass: "" },
          { emoji: "⛵", start: "B", rest: "oat", soundClass: "" },
          { emoji: "🏀", start: "B", rest: "all", soundClass: "" }
        ]
      },
      {
        sound: "Different",
        isMatch: false,
        tagText: "No Match",
        statusText: "✕ Not Alliteration",
        words: [
          { emoji: "☀️", start: "S", rest: "un", soundClass: "diff-1" },
          { emoji: "🐱", start: "C", rest: "at", soundClass: "diff-2" },
          { emoji: "🐶", start: "D", rest: "og", soundClass: "diff-3" }
        ]
      }
    ];

    const cardsContainer = document.getElementById('cardsContainer');
    const teamStatus = document.getElementById('teamStatus');
    const soundLabel = document.getElementById('soundLabel');
    const linkBar = document.getElementById('linkBar');
    const matchTag = document.getElementById('matchTag');
    const tabs = document.querySelectorAll('.btn-tab');

    function renderSet(index) {
      const data = sets[index];

      // Update Top Status
      if (data.isMatch) {
        teamStatus.className = 'team-bar';
        teamStatus.innerHTML = `<span>✓ Match:</span><span>${data.sound} Sound</span>`;
        linkBar.className = 'link-bar';
        matchTag.className = 'link-tag';
        matchTag.textContent = data.tagText;
      } else {
        teamStatus.className = 'team-bar mismatch';
        teamStatus.innerHTML = `<span>✕ No Match</span>`;
        linkBar.className = 'link-bar mismatch';
        matchTag.className = 'link-tag mismatch';
        matchTag.textContent = data.tagText;
      }

      // Render Cards
      cardsContainer.innerHTML = data.words.map(w => `
        <div class="word-card ${data.isMatch ? 'matched' : ''}">
          <div class="emoji">${w.emoji}</div>
          <div class="word-label">
            <span class="first-sound ${w.soundClass}">${w.start}</span>
            <span class="rest-sound">${w.rest}</span>
          </div>
        </div>
      `).join('');

      // Update Tabs
      tabs.forEach((tab, i) => {
        tab.classList.toggle('active', i === index);
      });
    }

    tabs.forEach(tab => {
      tab.addEventListener('click', () => {
        const index = parseInt(tab.dataset.index, 10);
        renderSet(index);
      });
    });

    // Initial render
    renderSet(0);
  </script>
</body>
</html>

Listen to the very first sound you hear: **/s/**-un, **/s/**-ock, **/s/**-andwich. Because that first sound matches, these words make an **alliteration** team.

What happens if one word starts with a totally different sound?

Let's listen to three words: **cat**, **cup**, and **dog**.

<!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: #f8f9fa;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100%;
      padding: 16px;
    }

    .main-wrap {
      width: 100%;
      max-width: 520px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      align-items: center;
    }

    /* Word Cards Container */
    .cards-row {
      display: flex;
      gap: 12px;
      width: 100%;
      justify-content: center;
    }

    .word-card {
      flex: 1;
      max-width: 150px;
      background: #ffffff;
      border: 2px solid #e6e6e6;
      border-radius: 14px;
      padding: 14px 8px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
      cursor: pointer;
      user-select: none;
      transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
    }

    .emoji {
      font-size: 40px;
      line-height: 1;
    }

    .word-text {
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.5px;
    }

    .first-letter {
      color: #22b7ff;
      border-bottom: 3px solid #22b7ff;
      padding-bottom: 1px;
    }

    .sound-tag {
      font-size: 15px;
      font-weight: 800;
      padding: 4px 10px;
      border-radius: 20px;
      background: #eef8ff;
      color: #0284c7;
      transition: all 0.25s ease;
    }

    /* Comparison States */
    .word-card.match {
      border-color: #22b7ff;
      box-shadow: 0 0 0 2px rgba(34, 183, 255, 0.2), 0 4px 12px rgba(34, 183, 255, 0.15);
      background: #f0f9ff;
    }

    .word-card.match .sound-tag {
      background: #22b7ff;
      color: #ffffff;
    }

    .word-card.no-match {
      border-color: #cbd5e1;
      opacity: 0.65;
      background: #f8fafc;
    }

    .word-card.no-match .first-letter {
      color: #64748b;
      border-color: #64748b;
    }

    .word-card.no-match .sound-tag {
      background: #e2e8f0;
      color: #475569;
    }

    /* Result Banner */
    .status-box {
      width: 100%;
      background: #ffffff;
      border: 1px solid #e6e6e6;
      border-radius: 12px;
      padding: 12px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
    }

    .group-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 14px;
      font-weight: 700;
    }

    .pill-match {
      color: #0284c7;
    }

    .pill-diff {
      color: #64748b;
    }

    /* Control toggle */
    .btn-toggle {
      background: #22b7ff;
      color: #ffffff;
      border: none;
      font-size: 14px;
      font-weight: 700;
      padding: 8px 18px;
      border-radius: 20px;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      transition: opacity 0.2s ease;
    }

    .btn-toggle:active {
      opacity: 0.85;
    }
  </style>
</head>
<body>

  <div class="main-wrap">
    
    <div class="cards-row">
      
      <div class="word-card match" id="card-cat">
        <span class="emoji">🐱</span>
        <span class="word-text"><span class="first-letter">c</span>at</span>
        <span class="sound-tag">/k/</span>
      </div>

      
      <div class="word-card match" id="card-cup">
        <span class="emoji">🥤</span>
        <span class="word-text"><span class="first-letter">c</span>up</span>
        <span class="sound-tag">/k/</span>
      </div>

      
      <div class="word-card no-match" id="card-dog">
        <span class="emoji">🐶</span>
        <span class="word-text"><span class="first-letter">d</span>og</span>
        <span class="sound-tag">/d/</span>
      </div>
    </div>

    
    <div class="status-box">
      <div class="group-pill pill-match">
        <span>✓</span> <b>cat + cup</b> = /k/
      </div>
      <div class="group-pill pill-diff">
        <span>✕</span> <b>dog</b> = /d/
      </div>
    </div>

    
    <button class="btn-toggle" id="modeBtn">
      <span>✦</span> Compare Sounds
    </button>
  </div>

  <script>
    const cardCat = document.getElementById('card-cat');
    const cardCup = document.getElementById('card-cup');
    const cardDog = document.getElementById('card-dog');
    const modeBtn = document.getElementById('modeBtn');

    let isolated = false;

    function setMode(isMatchView) {
      if (isMatchView) {
        cardCat.className = 'word-card match';
        cardCup.className = 'word-card match';
        cardDog.className = 'word-card no-match';
        modeBtn.innerHTML = '<span>✦</span> Reset';
      } else {
        cardCat.className = 'word-card';
        cardCup.className = 'word-card';
        cardDog.className = 'word-card';
        modeBtn.innerHTML = '<span>✦</span> Compare Sounds';
      }
    }

    modeBtn.addEventListener('click', () => {
      isolated = !isolated;
      setMode(!isolated);
    });

    [cardCat, cardCup, cardDog].forEach(card => {
      card.addEventListener('click', () => {
        isolated = false;
        setMode(true);
      });
    });
  </script>
</body>
</html>

**Cat** and **cup** both begin with the **/k/** sound, so they match. **Dog** starts with **/d/**, so it does not belong in this sound group.

How can you easily find the starting sound in any new word you hear?

To catch the first sound, stretch it out slowly like a rubber band before saying the rest of the word.

<!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: #f8f9fa;
      color: #1e2945;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 12px;
      min-height: 100%;
    }

    .app {
      width: 100%;
      max-width: 520px;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .tabs {
      display: flex;
      gap: 8px;
      justify-content: center;
      width: 100%;
    }

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

    .tab-btn.active {
      background: #eaf7ff;
      border-color: #22b7ff;
      color: #0284c7;
      box-shadow: 0 2px 6px rgba(34, 183, 255, 0.2);
    }

    .stage {
      display: flex;
      flex-direction: column;
      gap: 12px;
      background: #ffffff;
      border: 2px solid #e6e6e6;
      border-radius: 16px;
      padding: 16px;
      position: relative;
    }

    .word-row {
      display: flex;
      align-items: center;
      gap: 10px;
      width: 100%;
    }

    .word-icon {
      font-size: 32px;
      width: 44px;
      text-align: center;
      flex-shrink: 0;
    }

    .band-container {
      flex: 1;
      display: flex;
      align-items: center;
      background: #f1f5f9;
      border-radius: 12px;
      padding: 6px 10px;
      position: relative;
      overflow: hidden;
      height: 52px;
    }

    .sound-first {
      font-size: 20px;
      font-weight: 800;
      color: #ffffff;
      background: #22b7ff;
      padding: 6px 14px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
      box-shadow: 0 2px 4px rgba(34, 183, 255, 0.3);
      z-index: 2;
    }

    .elastic-line {
      flex: 1;
      height: 4px;
      background: #cbd5e1;
      border-radius: 2px;
      margin: 0 8px;
      position: relative;
      transition: all 0.4s ease;
    }

    .stretched .elastic-line {
      background: repeating-linear-gradient(90deg, #22b7ff, #22b7ff 4px, transparent 4px, transparent 8px);
      height: 4px;
    }

    .sound-rest {
      font-size: 18px;
      font-weight: 600;
      color: #475569;
      letter-spacing: 0.5px;
      z-index: 2;
    }

    .result-badge {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      padding: 10px;
      border-radius: 10px;
      font-weight: 700;
      font-size: 15px;
      background: #f8f9fa;
      border: 1px dashed #cbd5e1;
      color: #64748b;
      transition: all 0.3s ease;
    }

    .result-badge.match {
      background: #ecfdf5;
      border: 1px solid #10b981;
      color: #047857;
    }

    .result-badge.nomatch {
      background: #fef2f2;
      border: 1px solid #f87171;
      color: #b91c1c;
    }

    .controls {
      display: flex;
      gap: 8px;
    }

    .action-btn {
      flex: 1;
      padding: 12px;
      font-size: 15px;
      font-weight: 700;
      border-radius: 10px;
      cursor: pointer;
      border: none;
      background: #22b7ff;
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      box-shadow: 0 3px 8px rgba(34, 183, 255, 0.35);
      transition: background 0.2s, transform 0.1s;
    }

    .action-btn:active {
      transform: scale(0.98);
    }

    .stretched .sound-first {
      transform: scale(1.15);
      background: #0284c7;
      box-shadow: 0 0 0 3px rgba(34, 183, 255, 0.4);
    }
  </style>
</head>
<body>

  <div class="app">
    <div class="tabs">
      <button class="tab-btn active" onclick="selectPair(0)">🐻 Bear + ⛵ Boat</button>
      <button class="tab-btn" onclick="selectPair(1)">☀️ Sun + 🧦 Sock</button>
      <button class="tab-btn" onclick="selectPair(2)">🐱 Cat + 🐶 Dog</button>
    </div>

    <div class="stage" id="stage">
      <div class="word-row">
        <div class="word-icon" id="icon1">🐻</div>
        <div class="band-container" id="band1">
          <div class="sound-first" id="sound1">b</div>
          <div class="elastic-line"></div>
          <div class="sound-rest" id="rest1">-ear</div>
        </div>
      </div>

      <div class="word-row">
        <div class="word-icon" id="icon2">⛵</div>
        <div class="band-container" id="band2">
          <div class="sound-first" id="sound2">b</div>
          <div class="elastic-line"></div>
          <div class="sound-rest" id="rest2">-oat</div>
        </div>
      </div>

      <div class="result-badge" id="result">
        Tap "Stretch Sounds" to compare
      </div>
    </div>

    <div class="controls">
      <button class="action-btn" id="stretchBtn" onclick="toggleStretch()">
        <span>↔️ Stretch First Sounds</span>
      </button>
    </div>
  </div>

  <script>
    const data = [
      {
        icon1: '🐻', sound1: 'b', rest1: '-ear',
        icon2: '⛵', sound2: 'b', rest2: '-oat',
        match: true, phoneme: '/b/'
      },
      {
        icon1: '☀️', sound1: 's', rest1: '-un',
        icon2: '🧦', sound2: 's', rest2: '-ock',
        match: true, phoneme: '/s/'
      },
      {
        icon1: '🐱', sound1: 'c', rest1: '-at',
        icon2: '🐶', sound2: 'd', rest2: '-og',
        match: false, phoneme1: '/k/', phoneme2: '/d/'
      }
    ];

    let currentIdx = 0;
    let isStretched = false;

    function render() {
      const p = data[currentIdx];
      document.getElementById('icon1').textContent = p.icon1;
      document.getElementById('sound1').textContent = isStretched ? (p.sound1 + '-' + p.sound1) : p.sound1;
      document.getElementById('rest1').textContent = p.rest1;

      document.getElementById('icon2').textContent = p.icon2;
      document.getElementById('sound2').textContent = isStretched ? (p.sound2 + '-' + p.sound2) : p.sound2;
      document.getElementById('rest2').textContent = p.rest2;

      const band1 = document.getElementById('band1');
      const band2 = document.getElementById('band2');
      const result = document.getElementById('result');
      const btn = document.getElementById('stretchBtn');

      if (isStretched) {
        band1.classList.add('stretched');
        band2.classList.add('stretched');
        btn.innerHTML = '<span>🔄 Reset</span>';

        if (p.match) {
          result.className = 'result-badge match';
          result.innerHTML = '✓ Both start with <b>' + p.phoneme + '</b> (Alliteration)';
        } else {
          result.className = 'result-badge nomatch';
          result.innerHTML = '✗ Different starts: <b>' + p.phoneme1 + '</b> ≠ <b>' + p.phoneme2 + '</b>';
        }
      } else {
        band1.classList.remove('stretched');
        band2.classList.remove('stretched');
        btn.innerHTML = '<span>↔️ Stretch First Sounds</span>';
        result.className = 'result-badge';
        result.innerHTML = 'Tap "Stretch First Sounds" to compare';
      }
    }

    function selectPair(idx) {
      currentIdx = idx;
      isStretched = false;
      const tabs = document.querySelectorAll('.tab-btn');
      tabs.forEach((tab, i) => {
        tab.classList.toggle('active', i === idx);
      });
      render();
    }

    function toggleStretch() {
      isStretched = !isStretched;
      render();
    }

    render();
  </script>
</body>
</html>

Saying **b-b-bear** and **b-b-boat** makes it easy to hear that both words start with **/b/**.

Try looking around your room right now — can you find two things that start with the exact same sound?

What Is Alliteration? Hearing Words That Start the Same. Identify words that begin with the same sound.

Which Two Words Start with the Same Sound?

Phonemic Awareness: Alliteration Instruction & Activities

Phonological and Phonemic Awareness: Initial Sounds and Word Play

Teaching alliteration in the Foundation year should be multi-sensory, oral, and play-based. Use continuous consonant sounds (/s/, /m/, /f/, /l/) first because they can be elongated to make auditory discrimination easier before moving to stop sounds (/b/, /t/, /p/, /k/). Incorporate tongue twisters, silly name games (e.g., 'Marvelous Mia', 'Bouncing Ben'), tactile mystery sound boxes, and physical gestures (touching the top of the head for beginning sound) to reinforce onset isolation.

What Is Alliteration? Hearing Words That Start the Same

Spotting the Match

The Sound Stretch