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 walking into your classroom at 8:00 in the morning and yelling, "Good night, teacher!" Your friends would look very confused.

Words we use to say hello are called **greetings**, and picking the right one depends on where the sun is in the sky.

We match our hello to three main parts of the day: morning, afternoon, and evening.

<!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, sans-serif; }
    body {
      background: transparent;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      min-height: 100%;
      padding: 12px;
      gap: 12px;
      user-select: none;
    }
    .sky-box {
      position: relative;
      width: 100%;
      max-width: 480px;
      height: 180px;
      border-radius: 16px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: background 0.6s ease;
      box-shadow: inset 0 2px 8px rgba(0,0,0,0.08);
    }
    .sky-morning { background: linear-gradient(180deg, #ffecd2 0%, #fcb69f 60%, #ffe3be 100%); }
    .sky-afternoon { background: linear-gradient(180deg, #70c4ff 0%, #b8e6ff 60%, #e0f4ff 100%); }
    .sky-evening { background: linear-gradient(180deg, #433878 0%, #7e57c2 50%, #f39c12 100%); }

    .sun-track {
      position: absolute;
      inset: 16px;
      pointer-events: none;
    }
    .sun-icon {
      position: absolute;
      font-size: 32px;
      line-height: 1;
      transform: translate(-50%, -50%);
      transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
      filter: drop-shadow(0 2px 6px rgba(0,0,0,0.2));
    }
    .pos-0 { left: 15%; top: 70%; }
    .pos-1 { left: 50%; top: 25%; }
    .pos-2 { left: 85%; top: 70%; }

    .speech-bubble {
      position: relative;
      background: #ffffff;
      color: #1e2945;
      padding: 10px 20px;
      border-radius: 20px;
      font-size: 20px;
      font-weight: 700;
      box-shadow: 0 4px 12px rgba(0,0,0,0.12);
      z-index: 2;
      transition: transform 0.3s ease;
    }
    .speech-bubble::after {
      content: '';
      position: absolute;
      bottom: -8px;
      left: 50%;
      transform: translateX(-50%);
      border-width: 8px 8px 0;
      border-style: solid;
      border-color: #ffffff transparent transparent;
    }

    .cards-row {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;
      width: 100%;
      max-width: 480px;
    }
    .time-card {
      background: #ffffff;
      border: 2px solid transparent;
      border-radius: 12px;
      padding: 10px 6px;
      text-align: center;
      cursor: pointer;
      box-shadow: 0 2px 6px rgba(0,0,0,0.06);
      transition: all 0.25s ease;
    }
    .time-card .icon {
      font-size: 24px;
      display: block;
      margin-bottom: 4px;
    }
    .time-card .label {
      font-size: 14px;
      font-weight: 700;
      color: #6b7280;
    }
    .time-card.active {
      border-color: #22b7ff;
      background: #f0f9ff;
      box-shadow: 0 4px 12px rgba(34, 183, 255, 0.25);
    }
    .time-card.active .label {
      color: #0284c7;
    }

    .controls {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .ctrl-btn {
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 20px;
      padding: 6px 14px;
      font-size: 13px;
      font-weight: 600;
      color: #374151;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    }
    .ctrl-btn:hover {
      background: #f9fafb;
    }
  </style>
</head>
<body>

  <div class="sky-box sky-morning" id="sky">
    <div class="sun-track">
      <div class="sun-icon pos-0" id="sun">☀️</div>
    </div>
    <div class="speech-bubble" id="speech">Good morning!</div>
  </div>

  <div class="cards-row">
    <div class="time-card active" onclick="setStep(0)">
      <span class="icon">🌅</span>
      <span class="label">Morning</span>
    </div>
    <div class="time-card" onclick="setStep(1)">
      <span class="icon">☀️</span>
      <span class="label">Afternoon</span>
    </div>
    <div class="time-card" onclick="setStep(2)">
      <span class="icon">🌇</span>
      <span class="label">Evening</span>
    </div>
  </div>

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

  <script>
    const steps = [
      { name: 'morning', sky: 'sky-morning', pos: 'pos-0', icon: '🌅', text: 'Good morning!' },
      { name: 'afternoon', sky: 'sky-afternoon', pos: 'pos-1', icon: '☀️', text: 'Good afternoon!' },
      { name: 'evening', sky: 'sky-evening', pos: 'pos-2', icon: '🌇', text: 'Good evening!' }
    ];

    let current = 0;
    let timer = null;
    let playing = true;

    const sky = document.getElementById('sky');
    const sun = document.getElementById('sun');
    const speech = document.getElementById('speech');
    const cards = document.querySelectorAll('.time-card');
    const playIcon = document.getElementById('playIcon');

    function update() {
      const s = steps[current];
      sky.className = 'sky-box ' + s.sky;
      sun.className = 'sun-icon ' + s.pos;
      sun.textContent = s.icon;
      speech.textContent = s.text;

      cards.forEach((card, idx) => {
        card.classList.toggle('active', idx === current);
      });
    }

    function setStep(idx) {
      current = idx;
      update();
    }

    function nextStep() {
      current = (current + 1) % steps.length;
      update();
    }

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

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

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

    cards.forEach((card, idx) => {
      card.addEventListener('click', () => {
        pauseTimer();
        setStep(idx);
      });
    });

    startTimer();
    update();
  </script>
</body>
</html>

What about when it is dark outside and time to sleep? Can we say "Good night" to say hello?

We use **Good evening** when we arrive and meet someone after dark, but we save **Good night** for saying **goodbye** right before leaving or going to sleep.

languages

Greeting People at Different Times of Day. Use appropriate greetings for morning, afternoon, and evening

Greetings and Introductions in Everyday Language

Time of Day and Daily Routine Songs & Greetings

Basic Greetings, Salutations, and Cultural Introductions

When teaching second graders (especially Novice language learners and dual-language/ESL students under TEKS 114.32), anchor abstract time segments to concrete school-day anchor events (e.g., morning = arrival/calendar time, afternoon = post-lunch/recess/dismissal, evening = dinner/homework at home). Use kinesthetic gestures (stretching arms upward for morning, arms straight across for afternoon, hands folded to side for evening) and choral role-play cards with visual sun/clock cues to build spontaneous speaking fluency.

Greeting People at Different Times of Day

Greetings Across the Day

Hello vs. Goodbye

Key takeaways