Mod 1 Getting Started Done

Welcome & Orientation 5m

Understanding Your Device 12m

Touchscreen & Keyboard Basics 14m

Module 1 Quiz 10m

Mod 2 Email & Internet Active

What is the Internet? 8m

Setting Up Your Email Account 15m

Sending, Receiving & Organizing Email 18m

Safe Browsing & Trusted Sites 12m

Module 2 Assignment 20m

Mod 3 Online Safety 🔒 Locked

Mod 4 Government & Services Online 🔒 Locked

Mod 5 Final Project & Certification 🔒 Locked

Video Lesson Lesson 2.3 � Sending, Receiving & Organizing Your Email

Loading your lesson...

Connecting to Myissues LMS � Please wait

Lesson 7 of 16 � Module 2 of 5

Maria Antonova

Digital Inclusion Specialist

Available for questions

Hi! I'm your instructor for this module. Feel free to ask questions about any lesson � I usually respond within a few hours. You can also join my live sessions every Monday and Wednesday.

Office Hours

Monday10:00�11:30 AM ESTToday

Wednesday2:00�3:30 PM EST

Friday11:00 AM�12:00 PM EST

Quick Questions

Larissa � Ready to help

Ask anything about this lesson

Chat with Larissa

Hi! I'm here to help with Lesson 2.3 � Email Basics. Ask me anything about sending, receiving, or organizing your email.

✓ Saved

Pending Submission Due: June 16, 2026

Module 2 Practical Assignment

Compose and send an email to your instructor summarizing what you learned in Module 2. Attach a screenshot of your inbox with at least 3 emails organized into folders.

Email written in full sentences

Subject line clearly states purpose

Screenshot attached (inbox with folders)

Minimum 3 sentences in body

Click to upload or drag and drop your file here

PDF, DOC, PNG, JPG � Max 10MB

Module 1 Grade

95%

Module 1 Assignment

Graded by Maria Antonova � June 5, 2026

"Excellent work � great understanding of device basics."

S sidebar P panel V voice N notes F fullscreen Ctrl+S save notes

LMS Content Zone

Lesson 2.3 - Email Basics

This area loads your existing Myissues LMS course content via iframe. Set the data-lms-src attribute on the iframe to your LMS lesson URL to connect.

`; } /* -- Sidebar Toggle ------------------------------------------ */ const sidebar = document.getElementById('course-sidebar'); document.getElementById('sidebar-toggle-btn').addEventListener('click', toggleSidebar); function toggleSidebar() { sidebarOpen = !sidebarOpen; sidebar.classList.toggle('collapsed', !sidebarOpen); } /* -- Right Panel Toggle --------------------- */ const rightPanel = document.getElementById('right-panel'); document.getElementById('right-toggle-btn').addEventListener('click', toggleRightPanel); function toggleRightPanel() { rightPanelOpen = !rightPanelOpen; rightPanel.classList.toggle('collapsed', !rightPanelOpen); } /* -- Fullscreen Toggle ---------------------- */ let isFullscreen = false; document.getElementById('fullscreen-btn').addEventListener('click', function() { isFullscreen = !isFullscreen; document.body.classList.toggle('fullscreen', isFullscreen); this.innerHTML = isFullscreen ? '' : ''; }); /* -- Panel Tabs ----------------------------- */ const panelTabs = document.querySelectorAll('.panel-tab'); const panelPanes = document.querySelectorAll('.panel-pane'); window.activateRightTab = function(name) { panelTabs.forEach(t => { const isActive = t.dataset.panel === name; t.classList.toggle('active', isActive); t.setAttribute('aria-selected', isActive ? 'true' : 'false'); }); panelPanes.forEach(p => { p.classList.toggle('active', p.id === `pane-${name}`); }); // Open right panel if collapsed if (!rightPanelOpen) toggleRightPanel(); }; panelTabs.forEach(tab => { tab.addEventListener('click', () => activateRightTab(tab.dataset.panel)); }); /* -- Module Toggle -------------------------- */ document.querySelectorAll('.module-header').forEach(header => { header.addEventListener('click', function() { const moduleId = this.dataset.module; const lessonList = document.getElementById(`lessons-${moduleId}`); const toggle = this.querySelector('.module-toggle'); if (!lessonList) return; const isOpen = lessonList.style.display !== 'none'; lessonList.style.display = isOpen ? 'none' : ''; toggle.classList.toggle('open', !isOpen); }); }); /* -- Lesson items --------------------------- */ document.querySelectorAll('.lesson-item:not(.locked)').forEach(item => { item.addEventListener('click', function() { document.querySelectorAll('.lesson-item').forEach(l => l.classList.remove('active')); this.classList.add('active'); const lessonTitle = this.querySelector('.lesson-name')?.textContent || 'Lesson'; document.getElementById('tnav-lesson-name').textContent = lessonTitle; document.getElementById('lesson-subnav-title').textContent = lessonTitle; document.getElementById('bc-current').textContent = `Module ${this.dataset.lesson?.split('-')[0] || '2'}`; }); }); /* -- Lesson Navigation ---------------------- */ document.getElementById('prev-lesson-btn').addEventListener('click', () => { if (currentLesson.num > 1) { currentLesson.num--; updateLessonUI(); } }); document.getElementById('next-lesson-btn').addEventListener('click', () => { if (currentLesson.num < currentLesson.total) { currentLesson.num++; updateLessonUI(); } }); function updateLessonUI() { document.getElementById('current-lesson-num').textContent = currentLesson.num; document.getElementById('prev-lesson-btn').disabled = currentLesson.num <= 1; } /* -- Mark Lesson Complete ------------------- */ window.markLessonComplete = function() { const btn = document.getElementById('mark-complete-btn'); btn.textContent = '? Completed'; btn.style.background = '#15803d'; btn.style.borderColor = '#15803d'; btn.disabled = true; // Update current lesson item const activeItem = document.getElementById('current-lesson'); if (activeItem) { activeItem.classList.remove('active'); activeItem.classList.add('done'); const icon = activeItem.querySelector('.lesson-status-icon'); if (icon) { icon.className = 'lesson-status-icon ls-done'; icon.innerHTML = ''; } } // Update progress const newPct = Math.min(100, parseInt(document.getElementById('tnav-prog-label').textContent) + 7); document.getElementById('tnav-prog-bar').style.width = newPct + '%'; document.getElementById('tnav-prog-label').textContent = newPct + '%'; document.querySelector('.sidebar-prog-fill').style.width = newPct + '%'; document.querySelector('.sidebar-prog-pct').textContent = newPct + '%'; }; /* -- Notes --------------------------------- */ const notesTA = document.getElementById('notes-textarea'); const savedMsg = document.getElementById('notes-saved-msg'); // Load saved notes const saved = localStorage.getItem(NOTES_KEY); if (saved) notesTA.value = saved; notesTA.addEventListener('input', function() { document.getElementById('notes-char-count').textContent = this.value.length + ' chars'; }); window.saveNotes = function() { localStorage.setItem(NOTES_KEY, notesTA.value); savedMsg.classList.add('visible'); setTimeout(() => savedMsg.classList.remove('visible'), 2500); }; window.exportNotes = function() { const txt = notesTA.value; if (!txt) return; const blob = new Blob([`Myissues Classroom Notes\nLesson 2.3 � Email Basics\n${'-'.repeat(40)}\n\n${txt}`], { type: 'text/plain' }); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'lesson-2-3-notes.txt'; a.click(); URL.revokeObjectURL(a.href); }; window.insertTimestamp = function() { const ts = new Date().toLocaleTimeString('en-CA', { hour: '2-digit', minute: '2-digit', hour12: true }); const pos = notesTA.selectionStart; const before = notesTA.value.substring(0, pos); const after = notesTA.value.substring(pos); notesTA.value = before + `[${ts}] ` + after; notesTA.selectionStart = notesTA.selectionEnd = pos + ts.length + 3; notesTA.focus(); }; // Ctrl+S to save notes document.addEventListener('keydown', function(e) { if (e.ctrlKey && e.key === 's') { e.preventDefault(); window.saveNotes(); } }); /* -- Larissa Chat � LIVE (Local Gemma4 @ port 11435) -- */ const lcmInput = document.getElementById('lcm-input'); const lcmSendBtn = document.getElementById('lcm-send-btn'); const lcmChat = document.getElementById('larissa-chat-mini'); // Larissa system persona � scoped to this lesson const LARISSA_SYSTEM = `You are Larissa, a warm, patient, and knowledgeable AI companion at Myissues Charity in Canada. You are currently helping a student with: Lesson 2.3 � Sending, Receiving & Organizing Email (Digital Literacy for Seniors program). The student may be elderly, a newcomer, or someone re-entering the workforce. Always speak simply and clearly. Never use jargon. Keep answers short (2�4 sentences). Be encouraging and supportive. If they ask something unrelated to the lesson, gently redirect them back.`; // Local Gemma4 endpoint (running on this machine) const LARISSA_API = 'http://127.0.0.1:11435/v1/chat/completions'; const LARISSA_MODEL = 'gemma4:e4b'; // Conversation history for context const chatHistory = [ { role: 'system', content: LARISSA_SYSTEM } ]; function addChatBubble(text, sender) { const el = document.createElement('div'); el.className = `lcm-msg lcm-${sender}`; el.textContent = text; lcmChat.appendChild(el); lcmChat.scrollTop = lcmChat.scrollHeight; return el; } function showTyping() { const el = document.createElement('div'); el.className = 'lcm-msg lcm-larissa'; el.id = 'larissa-typing'; el.style.opacity = '0.6'; el.textContent = 'Larissa is thinking�'; lcmChat.appendChild(el); lcmChat.scrollTop = lcmChat.scrollHeight; return el; } async function sendLCMMessage(text) { if (!text.trim()) return; lcmInput.value = ''; lcmInput.disabled = true; lcmSendBtn.disabled = true; // Show user message addChatBubble(text, 'user'); // Add to history chatHistory.push({ role: 'user', content: text }); // Show typing indicator const typingEl = showTyping(); try { const response = await fetch(LARISSA_API, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ model: LARISSA_MODEL, messages: chatHistory, max_tokens: 200, temperature: 0.7 }) }); if (!response.ok) throw new Error(`API error: ${response.status}`); const data = await response.json(); const reply = data.choices?.[0]?.message?.content || 'I\'m having trouble responding right now. Please try again.'; // Add Larissa reply to history chatHistory.push({ role: 'assistant', content: reply }); // Replace typing indicator with real response typingEl.textContent = reply; typingEl.removeAttribute('id'); typingEl.style.opacity = '1'; } catch (err) { typingEl.textContent = '?? Larissa is offline right now. Make sure the local AI service is running on port 11435.'; typingEl.style.opacity = '0.7'; typingEl.style.color = '#dc2626'; console.warn('Larissa API error:', err); } lcmInput.disabled = false; lcmSendBtn.disabled = false; lcmInput.focus(); lcmChat.scrollTop = lcmChat.scrollHeight; } lcmSendBtn.addEventListener('click', () => sendLCMMessage(lcmInput.value)); lcmInput.addEventListener('keydown', e => { if (e.key === 'Enter') sendLCMMessage(lcmInput.value); }); window.sendQuickQ = function(msg) { activateRightTab('voice'); setTimeout(() => sendLCMMessage(msg), 200); }; /* -- Voice toggle --------------------------- */ window.toggleVoice = function() { voiceActive = !voiceActive; const orb = document.getElementById('voice-orb-mini'); const statusText = document.getElementById('voice-status-text'); const statusSub = document.getElementById('voice-status-sub'); const sessionBtn = document.getElementById('voice-session-btn'); const waves = document.querySelectorAll('.vwave-bar'); if (voiceActive) { orb.classList.add('listening'); statusText.textContent = 'Listening... speak now'; statusSub.textContent = 'Larissa is listening to you'; sessionBtn.textContent = '? End Voice Session'; sessionBtn.style.background = '#dc2626'; waves.forEach(w => w.classList.add('a')); } else { orb.classList.remove('listening'); statusText.textContent = 'Larissa � Ready to help'; statusSub.textContent = 'Ask anything about this lesson'; sessionBtn.innerHTML = ' Start Voice Session'; sessionBtn.style.background = ''; waves.forEach(w => w.classList.remove('a')); } }; /* -- Nav panel quick buttons --------------- */ document.getElementById('voice-panel-btn').addEventListener('click', () => activateRightTab('voice')); document.getElementById('notes-panel-btn').addEventListener('click', () => activateRightTab('notes')); /* -- Assignment submit ----------------------- */ window.submitAssignment = function() { const btn = document.getElementById('submit-btn'); btn.textContent = '? Submitted � Awaiting Review'; btn.style.background = '#15803d'; btn.disabled = true; const badge = document.querySelector('.asgn-badge'); badge.textContent = 'Submitted'; badge.className = 'asgn-badge asgn-submitted'; }; /* -- Keyboard shortcuts --------------------- */ document.addEventListener('keydown', function(e) { const tag = document.activeElement.tagName; if (tag === 'INPUT' || tag === 'TEXTAREA') return; switch (e.key.toLowerCase()) { case 's': toggleSidebar(); break; case 'p': toggleRightPanel(); break; case 'f': document.getElementById('fullscreen-btn').click(); break; case 'v': activateRightTab('voice'); break; case 'n': activateRightTab('notes'); break; } }); /* -- File upload display --------------------- */ document.getElementById('file-upload').addEventListener('change', function() { if (this.files[0]) { const uploadArea = document.querySelector('.asgn-upload-area'); uploadArea.style.borderColor = '#15803d'; uploadArea.style.background = '#f0fdf4'; uploadArea.querySelector('.asgn-upload-text').innerHTML = `? ${this.files[0].name}`; } }); /* -- Init ----------------------------------- */ updateLessonUI(); })();