' : esc(p.i); return '' + mark(p.n, q) + '' + esc(p.d) + ''; } function render(grid, q){ if (!enough(q)){ grid.innerHTML = '

Type two or more letters of their name.

'; return; } var list = hits(q); if (list === null){ fetchHits(q, grid); return; } /* quiet while it looks — the rows land when they land */ grid.innerHTML = list.length ? list.map(function(p){ return row(p, q); }).join('') : '

No page found for that name.

'; } /* desktop: the field in the bar */ var form = document.querySelector('.nav .srch'), inp = document.getElementById('srchIn'), grid = document.getElementById('srchGrid'); if (form && inp && grid){ /* the whole placeholder where the field is wide enough; the shorter one on a tighter bar */ function fitPh(){ var w = inp.parentNode ? inp.parentNode.clientWidth : 300; inp.placeholder = w < 236 ? 'Find a memorial' : 'Find a memorial or person'; } fitPh(); window.addEventListener('resize', fitPh); if (document.fonts && document.fonts.ready) document.fonts.ready.then(fitPh); /* an empty field shows nothing; one letter shows the note; two or more show the matches */ function open(){ if (!inp.value.trim()){ close(); return; } form.classList.add('is-open'); render(grid, inp.value); } function close(){ form.classList.remove('is-open'); } inp.addEventListener('focus', open); inp.addEventListener('input', open); inp.addEventListener('keydown', function(e){ if (e.key === 'Escape'){ close(); inp.blur(); } else if (e.key === 'ArrowDown'){ var f = grid.querySelector('.srch-r'); if (f){ e.preventDefault(); f.focus(); } } else if (e.key === 'Enter'){ var g = enough(inp.value) && grid.querySelector('.srch-r'); if (g) g.click(); } }); grid.addEventListener('keydown', function(e){ var cards = [].slice.call(grid.querySelectorAll('.srch-r')), i = cards.indexOf(document.activeElement); if (e.key === 'ArrowDown' && i < cards.length - 1){ e.preventDefault(); cards[i + 1].focus(); } else if (e.key === 'ArrowUp'){ e.preventDefault(); if (i > 0) cards[i - 1].focus(); else inp.focus(); } else if (e.key === 'Escape'){ close(); inp.focus(); } }); document.addEventListener('click', function(e){ if (!form.contains(e.target)) close(); }); document.addEventListener('focusin', function(e){ if (!form.contains(e.target)) close(); }); } /* the Resources menu: opens on hover and on a press, closes on Escape, on a click away, when focus leaves */ var res = document.querySelector('.nav .res'), rb = res && res.querySelector('.res-btn'), tmr; if (res && rb){ function ro(){ clearTimeout(tmr); res.classList.add('is-open'); rb.setAttribute('aria-expanded', 'true'); } function rc(){ res.classList.remove('is-open'); rb.setAttribute('aria-expanded', 'false'); } rb.addEventListener('click', function(e){ e.stopPropagation(); res.classList.contains('is-open') ? rc() : ro(); }); res.addEventListener('mouseenter', ro); res.addEventListener('mouseleave', function(){ tmr = setTimeout(rc, 180); }); res.addEventListener('focusout', function(e){ if (!res.contains(e.relatedTarget)) rc(); }); document.addEventListener('click', function(e){ if (!res.contains(e.target)) rc(); }); document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && res.classList.contains('is-open')){ rc(); rb.focus(); } }); } /* phones: the magnifier opens the index as a sheet */ var tgl = document.querySelector('.nav .srch-tgl'), sheet = document.getElementById('srchSheet'), veil = document.getElementById('srchVeil'), inp2 = document.getElementById('srchIn2'), grid2 = document.getElementById('srchGrid2'), x = sheet && sheet.querySelector('.srch-x'), lastF = null; function sheetOpen(){ lastF = document.activeElement; sheet.hidden = false; veil.hidden = false; document.body.classList.add('imy-sheet-open'); render(grid2, inp2.value); setTimeout(function(){ inp2.focus(); }, 40); } function sheetClose(){ if (!sheet || sheet.hidden) return; sheet.hidden = true; veil.hidden = true; document.body.classList.remove('imy-sheet-open'); if (lastF && lastF.focus) lastF.focus(); } if (tgl && sheet){ tgl.addEventListener('click', sheetOpen); x.addEventListener('click', sheetClose); veil.addEventListener('click', sheetClose); inp2.addEventListener('input', function(){ render(grid2, inp2.value); }); document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && !sheet.hidden){ e.stopPropagation(); sheetClose(); } }, true); window.addEventListener('resize', function(){ if (!sheet.hidden && innerWidth > 900) sheetClose(); }); } window.IMY_SEARCH = { open: sheetOpen, close: sheetClose }; })(); (function(){ /* the phone menu · built from the bar's own links */ var bar = document.querySelector('.imy-nav .imy-in') || document.querySelector('nav.nav .in'); if (!bar || bar.querySelector('.imy-menu')) return; var links = bar.querySelectorAll('.imy-links a, .links a'), login = bar.querySelector('.imy-login, .login'), start = bar.querySelector('.imy-btn, .btn'); var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'imy-menu'; btn.innerHTML = ''; btn.setAttribute('aria-label', 'Menu'); btn.setAttribute('aria-expanded', 'false'); btn.setAttribute('aria-controls', 'imyMenuSheet'); btn.setAttribute('aria-haspopup', 'dialog'); if (start && start.parentNode === bar) bar.insertBefore(btn, start.nextSibling); else bar.appendChild(btn); /* v28 · after Start a tribute, at the far right */ var veil = document.createElement('div'); veil.className = 'imy-veil'; veil.hidden = true; var sheet = document.createElement('aside'); sheet.className = 'imy-sheet'; sheet.id = 'imyMenuSheet'; sheet.hidden = true; sheet.setAttribute('role', 'dialog'); sheet.setAttribute('aria-modal', 'true'); sheet.setAttribute('aria-label', 'Menu'); var head = document.createElement('div'); head.className = 'imy-sh-head'; var wm = document.createElement('span'); wm.className = 'imy-sh-wm'; wm.innerHTML = 'I Miss You Memorial'; var x = document.createElement('button'); x.type = 'button'; x.className = 'imy-sh-x'; x.setAttribute('aria-label', 'Close the menu'); x.textContent = '✕'; head.appendChild(wm); head.appendChild(x); sheet.appendChild(head); var nav = document.createElement('nav'); nav.setAttribute('aria-label', 'Pages'); function clone(a){ var c = document.createElement('a'); for (var i = 0; i < a.attributes.length; i++){ var at = a.attributes[i]; if (at.name !== 'class' && at.name !== 'style') c.setAttribute(at.name, at.value); } c.textContent = (a.childNodes[0] && a.childNodes[0].nodeType === 3 ? a.childNodes[0].nodeValue : a.textContent).trim(); return c; } for (var i = 0; i < links.length; i++){ var cl = clone(links[i]); if (cl.textContent === 'Free tools'){ var hd = document.createElement('div'); hd.className = 'imy-sh-k'; hd.textContent = 'Resources'; nav.appendChild(hd); } nav.appendChild(cl); } var sb = document.createElement('button'); sb.type = 'button'; sb.className = 'imy-sh-srch'; sb.innerHTML = ' Find a memorial or person'; sb.addEventListener('click', function(){ close(); setTimeout(function(){ if (window.IMY_SEARCH) IMY_SEARCH.open(); }, 60); }); sheet.appendChild(sb); sheet.appendChild(nav); var acts = document.createElement('div'); acts.className = 'imy-sh-acts'; if (login){ var l = clone(login); l.className = 'imy-sh-login'; acts.appendChild(l); } if (start){ var st = clone(start); st.className = 'imy-sh-start'; acts.appendChild(st); } sheet.appendChild(acts); document.body.appendChild(veil); document.body.appendChild(sheet); var last = null; function open(){ last = document.activeElement; veil.hidden = false; sheet.hidden = false; btn.setAttribute('aria-expanded', 'true'); document.body.classList.add('imy-sheet-open'); setTimeout(function(){ x.focus(); }, 30); } function close(){ veil.hidden = true; sheet.hidden = true; btn.setAttribute('aria-expanded', 'false'); document.body.classList.remove('imy-sheet-open'); if (last && last.focus) last.focus(); } btn.addEventListener('click', function(){ sheet.hidden ? open() : close(); }); x.addEventListener('click', close); veil.addEventListener('click', close); sheet.addEventListener('click', function(e){ if (e.target.closest && e.target.closest('a')) setTimeout(close, 60); }); document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && !sheet.hidden){ e.stopPropagation(); close(); } }, true); window.addEventListener('resize', function(){ if (!sheet.hidden && innerWidth > 920) close(); }); })(); (function(){ /* v41 (October 14, 2026, Jack): once someone is signed in, the bar shows them instead of Log in. /api/me reads the session; the pill opens their pages. Nothing changes for a visitor who is not signed in. */ var login = document.querySelector('.nav .login'); if (!login) return; try { fetch('/api/me', { credentials: 'same-origin', cache: 'no-store' }).then(function(r){ return r.json(); }).then(function(j){ if (!j || !j.signedIn || !j.user) return; var first = (j.user.first || j.user.name || j.user.email || '').toString().trim(); var ini = (first.charAt(0) || '?').toUpperCase(); login.setAttribute('href', '/dashboard/study'); login.setAttribute('aria-label', 'Signed in as ' + (j.user.name || j.user.email) + ' · your pages'); login.setAttribute('title', 'Your pages'); login.classList.add('me'); login.innerHTML = '' + first.replace(/[<>&]/g, '').slice(0, 14) + ''; var sheetLogin = document.querySelector('.imy-sheet a[href="/signin"]'); if (sheetLogin) { sheetLogin.setAttribute('href', '/dashboard/study'); sheetLogin.textContent = 'Your pages'; } /* v42 (October 14, 2026, Jack): once someone is signed in, the door into a new tribute leaves the bar and the phone sheet; only the pill remains at the top right. */ var starts = document.querySelectorAll('.nav a.btn[href="/start"], .imy-sheet a[href="/start"]'); for (var k = 0; k < starts.length; k++){ var st = starts[k]; st.hidden = true; st.style.display = 'none'; st.setAttribute('aria-hidden', 'true'); } }).catch(function(){}); } catch (e) {} })();

Write to us.

Make them a place to be remembered.