Course structure

• Collapsible readings: short, focused sections you can open/close.
• One reflection box per page: to keep your notes simple and meaningful.
• Progress helpers: optional “Mark as read” checkboxes.
• Downloads: some pages include PDFs or tools you can save.

Reflections: saving & printing

Each page provides three ways to keep your notes:

1. Autosave on this device: your reflection saves automatically in your web browser. It stays here even if you close the page, but only on this device/browser.
2. Download as a text file: click “Download reflections (.txt)” to save a file to your computer.
3. Print / Save as PDF: click “Print / Save as PDF” or press Ctrl+P / Cmd+P and choose “Save as PDF”.

Tip: If you move to a different device or clear your browser data, autosaved notes will not follow. Use Download or Save as PDF to keep a copy.

Privacy & data

• No server storage: your reflections are not sent to a server by default.
• Device-local: autosaved notes live in your browser only.
• Share only if you choose: you can download or print your notes and share them with a coordinator if requested.

How to write a useful reflection

• Be specific: choose one idea that stood out and say why.
• Connect to practice: name one concrete action you’ll try.
• Keep it short: 3–6 sentences are perfect.
• Stay personal: write in your own words; bullet points are fine.

Example (short): “I’ll invite my mentee to pick a low-threshold activity (walking) for our next meeting to reduce pressure and build trust.”

Troubleshooting

Accessibility tips

• Open one collapsible section at a time to reduce on-screen text.
• Use your browser’s zoom if needed (Ctrl++ / Cmd++).
• Screen reader users: headings and summaries are structured for navigation.
• If typing is difficult, write your reflection in a separate document, then paste it into the page before downloading/printing.

(For admins) Optional save/print script

If a module page includes a reflection <textarea id="reflection"> and three buttons with IDs:

• dl-notes – Download
• clear-notes – Clear
• (Print uses window.print())

…you can add the following script at the end of the page for autosave + download:

<script>
(function(){
  const KEY = (location.pathname.replace(/\W+/g,'_') + '__reflection');
  const ta = document.getElementById('reflection');
  if (ta) {
    const saved = localStorage.getItem(KEY);
    if (saved !== null) ta.value = saved;
    ta.addEventListener('input', () => localStorage.setItem(KEY, ta.value));
  }
  const dl = document.getElementById('dl-notes');
  if (dl) dl.onclick = () => {
    const text = (ta ? ta.value : '');
    const blob = new Blob([text], {type:'text/plain'});
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url; a.download = 'MOTM_Reflection.txt'; a.click();
    URL.revokeObjectURL(url);
  };
  const clr = document.getElementById('clear-notes');
  if (clr) clr.onclick = () => {
    if (!confirm('Clear saved reflection on this device?')) return;
    localStorage.removeItem(KEY);
    alert('Cleared. (Visible until reload.)');
  };
})();
</script>

This script stores notes only on the learner’s device (browser localStorage). No server storage is used.