These are our sample words. Type your own above, or keep them as they are.
' +\n 'In real life
' + esc(cap(st.glass) + ' glass' + (night ? ', lit' : '')) + '
' + esc(F.name) + ' is on every side with words.
';\n const names = diff.map((f) => f.name.toLowerCase());\n const list = names.length > 1 ? names.slice(0, -1).join(', ') + ' and ' + names[names.length - 1] : names[0];\n return 'This also changes the ' + esc(list) + '.
';\n };\n let flashIds = [];\n /* the surfaces a product page leaves open: \"The back, the sides, the lid and inside the lid\" (Memorial's lid is already in its design) */\n const moreSides = () => {\n const off = (id) => FACE_IDS.includes(id) && !INCL.includes(id);\n const parts = [off('back') && 'the back', (off('right') || off('left')) && 'the sides', off('lid') && 'the lid', off('inside') && 'inside the lid'].filter(Boolean);\n const t = parts.length > 1 ? parts.slice(0, -1).join(', ') + ' and ' + parts[parts.length - 1] : (parts[0] || 'More sides');\n return t.charAt(0).toUpperCase() + t.slice(1);\n };\n /* Remove the background (Kourtney, Oct 27): Pet and Memorial ask, like the Memorial page did. The studio does it; the preview keeps the whole photo. */\n const rmbgHTML = () => 'Remove the background?
We\u2019ll take out the background (grass, a couch, a busy room) at our studio before engraving. The preview still shows your whole photo.
' : '') + 'Also in Iridescent New and Gold
';\n const altNote = ALT[st.glass] ? '' + cap(st.glass) + ' glass comes in ' + ALT[st.glass].variants.map((v) => (SIZES.find((x) => x.id === v.size) || {}).name).join(' and ') + ', with every side and the lid included.' + (st.fontNote === st.glass ? (st.glass === 'iridescent' ? ' We set your words in Block, which reads best on iridescent; you can change the font in step 3.' : ' We started your words in Block; you can choose any font in step 3.') : '') + '
' : '';\n const sizes = SIZES.filter((x) => !ALT[st.glass] || variantFor(st.glass, x.id)).map((x) => { const v = variantFor(st.glass, x.id); const off = !v || v.available === false; return ''; }).join('');\n return '' + esc((PRESETS[FOCUS.preset] || PRESETS.blank).line) + '.
' +\n (!st.more\n ? '' + moreSides() + ' can be engraved too. ' + esc(priceLine) + '
'\n : 'More sides are open. Fill any surface in the next step. ' + esc(priceLine) + '
') + 'Every design is a starting point. Change any word, font or side in the next step. Sides still showing our sample words are marked until you change them.
' +\n (st.preset === 'logo' ? 'Sending to a whole team? Corporate + bulk gifting: one order, shipped to every address.
' : '');\n }\n if (n === 3) {\n const VIS = FOCUS && !st.more ? FACES.filter((f) => INCL.includes(f.id)) : FACES;\n let h = 'The lid of every memorial candle reads forever in our hearts in Classic Script, engraved by hand. It\u2019s included in the price.
';\n if (lockedFront()) h += '' + (COUPLE\n ? 'The front is the Couple design: your two initials with a dot between them and your names underneath, in the TAJA font and capitals. The names are spaced to line up with the initials on both ends, so longer names are etched smaller.'\n : 'The front is the Casa design: CASA in the TAJA font, with the family name underneath in capitals, lined up with CASA on both ends. A short name is etched larger than CASA, a long one smaller.' + (FOCUS ? '' : ' Want CASA in another font? Start from .')) + '
';\n else h += 'The front of this candle is your photo.' + (st.more ? ' Words and patterns can go on the other sides.' : ' To add words or a pattern, engrave more sides in step 2.') + '
';\n else if (!faceDef.image && !lockedFront()) h += '' + (st.face === 'front' ? 'Photos and logos go on the sides' + (VASE ? ' or the back' : ', the back or the lid top') + '. The front takes words or a pattern.' : 'The inside of the lid takes words or a pattern.') + '
';\n if (fd.kind === 'text') {\n const sample = (fd.text || '').trim() ? fd.text.trim().split('\\n')[0] : (PRESETS[st.preset] || PRESETS.blank).sample;\n if (lockedFront() && COUPLE) {\n const cp = coupleParts(fd.text);\n h += 'Your initials
Font, shown in your words
' + FONTS[fd.font].note + '
' : '') + (st.glass === 'iridescent' && st.face !== 'lid' && st.face !== 'inside' ? '' + (fd.font === 'block' ? 'Block reads best on iridescent glass.' : 'On iridescent glass, Block reads best; thinner fonts engrave very faintly.') + '
' : '') + allFontsHTML(fd) + 'Placement
' + POS[pk].name + 'Tap a spot to move your words anywhere on the ' + faceDef.name.toLowerCase() + '.
TAJA patterns wrap the whole surface, edge to edge.
';\n } else if (fd.kind === 'image') {\n h += '' + esc(st.uploadErr) + '
' : '') +\n '' + (st.glass === 'iridescent' ? 'On iridescent glass, photos engrave very softly. For more contrast, choose black glass.' : st.glass !== 'white' ? 'Photos show best on black glass' + (VASE ? '.' : ', where the wax lights up the etching.') : 'On white glass, photos engrave softly and subtly, lighter than on black. For more contrast, choose black glass.') + ' Not sure how it will look? Add a digital mock-up in the next step.
This surface stays plain. Leaving a side or two clear lets the words breathe.
';\n }\n return h;\n }\n if (n === 4) {\n let h = '';\n /* Wax (John, Oct 14: beeswax on every candle, same price). TAJA's beeswax is fragrance-free, so the scent list steps aside */\n if (!VASE) h += 'Wax
Organic beeswax burns cleanly and has no added fragrance. Same price as soy.
';\n else if (!VASE) h += 'Add a handwritten note with this ' + (VASE ? 'vase' : 'candle') + '?
Saved as design ' + designCode() + '. ' + (st.link ? 'The link is copied and ready to share for a second look' + (st.upload ? ' (photos aren\\'t saved in the link, so add yours again on another device)' : '') + ': open your design.' : 'It\\'s kept in this browser, so you can come back to it any time.') + '
'\n : '';\n return h;\n };\n const renderSteps = () => {\n const cur = curStep();\n stepsEl.innerHTML = [1, 2, 3, 4, 5].map((n) =>\n 'Step ' + cur + ' of 5
' + STEP_TITLES[cur - 1] + '