${CONFIG.counterLabel || getTogetherLabel(CONFIG.lang === "auto" ? (navigator.language || "en") : CONFIG.lang)}
…
` : ""; const counterJS = hasCounter ? ` const since = new Date("${CONFIG.since}").getTime(); const lang = ${JSON.stringify(lang)}; function pad(n) { return String(n).padStart(2, "0"); } function update() { const diff = Date.now() - since; const secs = Math.floor(diff / 1000) % 60; const mins = Math.floor(diff / 60000) % 60; const hours = Math.floor(diff / 3600000) % 24; const days = Math.floor(diff / 86400000); const years = Math.floor(days / 365); const rem = days % 365; let t = ""; if (years > 0) t += years + " " + (years === 1 ? lang.years : lang.yearsP) + ", "; t += rem + " " + (rem === 1 ? lang.days : lang.daysP) + ", "; t += pad(hours) + "h " + pad(mins) + "m " + pad(secs) + "s"; document.getElementById("lm-counter").textContent = t; } update(); setInterval(update, 1000);` : ""; const particlesJS = ` const container = document.getElementById("lm-particles"); const EMOJIS = ${JSON.stringify(particles)}; for (let i = 0; i < 28; i++) { const el = document.createElement("span"); el.className = "particle"; el.textContent = EMOJIS[Math.floor(Math.random() * EMOJIS.length)]; el.style.cssText = [ "--x:" + (Math.random() * 100) + "%", "--dur:" + (5 + Math.random() * 8) + "s", "--delay:" + (Math.random() * 10) + "s", "font-size:" + (0.8 + Math.random() * 1.2) + "rem", ].join(";"); container.appendChild(el); }`; const shapeType = CONFIG.type || "love"; const shapeEmoji = { love:"❤️", friendship:"⭐", family:"💚", parents:"🌸", pets:"🐾", custom:"✨" }[shapeType] || "❤️"; const shapeEmojis = { love: ["❤️","💖","💗","💓","💕"], friendship: ["⭐","✨","💛","🌟","⭐"], family: ["💚","🌿","🏡","💚","🌱"], parents: ["🌸","💜","💐","🌷","🌸"], pets: ["🐾","🧡","🐶","🐱","🐾"], custom: ["✨","💌","⭐","🌟","✨"], }[shapeType] || ["❤️"]; const heartOutlineJS = ` (function() { const bg = document.getElementById("lm-heart-outline"); const TYPE = ${JSON.stringify(shapeType)}; const EMOJIS = ${JSON.stringify(shapeEmojis)}; const N = TYPE === "pets" ? 72 : 80; function clamp(v,mn,mx){ return Math.min(mx,Math.max(mn,v)); } function getPoints(cx, cy, scale) { const pts = []; if (TYPE === "love") { // Parametric heart for (let i = 0; i < N; i++) { const t = (i / N) * 2 * Math.PI; const hx = 16 * Math.pow(Math.sin(t), 3); const hy = -(13*Math.cos(t) - 5*Math.cos(2*t) - 2*Math.cos(3*t) - Math.cos(4*t)); pts.push([cx + (hx/16)*scale, cy + (hy/17)*scale]); } } else if (TYPE === "friendship") { // 5-pointed star for (let i = 0; i < N; i++) { const t = (i / N) * 2 * Math.PI - Math.PI/2; const spike = (i % (N/5)) / (N/5); const r = spike < 0.5 ? 0.42 + (1-0.42) * (spike*2) : 1.0 - (1-0.42) * ((spike-0.5)*2); const angle = (Math.floor(i/(N/5))/5)*2*Math.PI - Math.PI/2 + (i%(N/5))/(N/5) * (2*Math.PI/5); pts.push([cx + Math.cos(angle)*r*scale, cy + Math.sin(angle)*r*scale]); } } else if (TYPE === "family") { // Hexagon — smaller than full scale const hexScale = scale * 0.72; for (let i = 0; i < N; i++) { const seg = Math.floor(i / (N/6)); const frac = (i % (N/6)) / (N/6); const a1 = (seg/6)*2*Math.PI - Math.PI/6; const a2 = ((seg+1)/6)*2*Math.PI - Math.PI/6; const x = cx + (Math.cos(a1)*(1-frac) + Math.cos(a2)*frac)*hexScale; const y = cy + (Math.sin(a1)*(1-frac) + Math.sin(a2)*frac)*hexScale; pts.push([x, y]); } } else if (TYPE === "parents") { // 6 petals as separate ellipse rings, well spread from centre const nPetals = 6; const petalDist = scale * 0.72; // distance of petal centre from cx/cy const petalRX = scale * 0.30; // petal half-width const petalRY = scale * 0.18; // petal half-height const segsPerPetal = Math.round(N / nPetals); for (let p = 0; p < nPetals; p++) { const angle = (p / nPetals) * 2 * Math.PI - Math.PI / 2; const pcx = cx + Math.cos(angle) * petalDist; const pcy = cy + Math.sin(angle) * petalDist; for (let i = 0; i < segsPerPetal; i++) { const t = (i / segsPerPetal) * 2 * Math.PI; const lx = Math.cos(t) * petalRX; const ly = Math.sin(t) * petalRY; // rotate petal to point outward const rx = lx * Math.cos(angle) - ly * Math.sin(angle); const ry = lx * Math.sin(angle) + ly * Math.cos(angle); pts.push([pcx + rx, pcy + ry]); } } } else if (TYPE === "pets") { // Paw print — verified geometry (ASCII-tested): clean separation between all elements const s = scale; // Main pad — wide oval, lower half of shape const padCX = cx, padCY = cy + s * 0.22; const padRX = s * 0.40, padRY = s * 0.26; const mainSegs = Math.round(N * 0.50); for (let i = 0; i < mainSegs; i++) { const t = (i / mainSegs) * 2 * Math.PI; pts.push([padCX + Math.cos(t) * padRX, padCY + Math.sin(t) * padRY]); } // 4 toe circles — outer toes lower+wider, inner toes higher+closer // At vmin=900: T1-T2 gap≈53px, T2-T3 gap≈66px, pad→toes gap≈49px const toes = [ { dx: -0.54, dy: -0.28, r: 0.12 }, // outer left { dx: -0.22, dy: -0.50, r: 0.14 }, // inner left (higher) { dx: +0.22, dy: -0.50, r: 0.14 }, // inner right (higher) { dx: +0.54, dy: -0.28, r: 0.12 }, // outer right ]; const toeSegs = Math.round(N * 0.125); toes.forEach(({ dx, dy, r }) => { for (let i = 0; i < toeSegs; i++) { const t = (i / toeSegs) * 2 * Math.PI; pts.push([cx + s*dx + Math.cos(t)*s*r, cy + s*dy + Math.sin(t)*s*r*0.90]); } }); } else { // Custom — lemniscate (infinity) for (let i = 0; i < N; i++) { const t = (i / N) * 2 * Math.PI; const d = 1 + Math.sin(t)*Math.sin(t); pts.push([cx + Math.cos(t)/d*scale, cy + Math.sin(t)*Math.cos(t)/d*scale*0.7]); } } return pts; } function place() { bg.innerHTML = ""; const vmin = Math.min(window.innerWidth, window.innerHeight); const scaleMap = { love:0.50, friendship:0.46, family:0.38, parents:0.44, pets:0.46, custom:0.48 }; const cyOffsets = { love:-0.06, friendship:0.01, family:0.01, parents:0, pets:0, custom:0 }; const scale = vmin * (scaleMap[TYPE] || 0.50); const cx = window.innerWidth / 2; const cy = window.innerHeight / 2 + vmin * (cyOffsets[TYPE] || 0); const pts = getPoints(cx, cy, scale); pts.forEach(([px, py], i) => { const el = document.createElement("span"); el.className = "hh"; el.textContent = EMOJIS[i % EMOJIS.length]; el.style.cssText = "left:" + px.toFixed(1) + "px;" + "top:" + py.toFixed(1) + "px;" + "--d:" + (Math.random() * 3).toFixed(2) + "s;" + "--s:" + (0.85 + Math.random() * 0.55).toFixed(2) + ";" + "font-size:" + clamp(vmin * 0.022, 12, 22).toFixed(1) + "px;"; bg.appendChild(el); }); } place(); window.addEventListener("resize", place); })();`; return `${CONFIG.recipientName}
${photoHTML} ${counterHTML}— ${CONFIG.senderName}
Settings are saved automatically and persist across sessions.
🌐 Language
Type & Appearance
Names
Message, Button & Counter label en
Photo & Counter