Happy New Year - Personalized Greeting<\/title>\r\n<meta name=\"description\" content=\"Create and share a personalized Happy New Year greeting with glowing text, fireworks, and WhatsApp sharing.\">\r\n<style>\r\n :root{\r\n --bg:#0b0e13;\r\n --card:#111826;\r\n --text:#eef3ff;\r\n --muted:#a9b4c7;\r\n --accent:#ffb300; \/* saffron gold *\/\r\n --accent2:#ff3d9a; \/* magenta pink *\/\r\n --accent3:#7cf7ff; \/* cyan glow *\/\r\n --ring: rgba(255,179,0,.5);\r\n --glow1: 0 0 18px rgba(255,179,0,.65), 0 0 42px rgba(255,61,154,.35);\r\n --glow2: 0 0 22px rgba(124,247,255,.55);\r\n }\r\n *{box-sizing:border-box}\r\n body{\r\n margin:0; background: radial-gradient(1200px 500px at -10% -10%, rgba(255,179,0,.08), transparent 60%),\r\n radial-gradient(900px 600px at 110% -20%, rgba(255,61,154,.08), transparent 60%),\r\n linear-gradient(180deg,#0b0e13 0%, #0a0c12 60%, #07090e 100%);\r\n color:var(--text); font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Noto Sans\", \"Helvetica Neue\", sans-serif;\r\n min-height:100svh; overflow-x:hidden;\r\n }\r\n \/* Fireworks canvas *\/\r\n #fwCanvas{\r\n position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:0;\r\n }\r\n .wrap{\r\n position:relative; z-index:1; min-height:100svh;\r\n display:flex; align-items:center; justify-content:center; padding:24px;\r\n }\r\n .card{\r\n width:min(920px, 96vw);\r\n background: linear-gradient(160deg, rgba(17,24,38,.9), rgba(10,14,24,.9));\r\n border:1px solid rgba(255,255,255,.12);\r\n border-radius:20px; padding:24px clamp(18px, 3vw, 36px);\r\n box-shadow: var(--glow1);\r\n backdrop-filter: blur(6px);\r\n }\r\n .top{\r\n display:grid; grid-template-columns: 1fr; gap:18px; align-items:center;\r\n }\r\n .gifBox{\r\n display:flex; align-items:center; justify-content:center;\r\n border-radius:16px; overflow:hidden; background: rgba(255,255,255,.06);\r\n border:1px solid rgba(255,255,255,.1);\r\n }\r\n .gifBox img{\r\n width:100%; height:auto; display:block;\r\n aspect-ratio: 16 \/ 9; object-fit: cover;\r\n filter: drop-shadow(0 0 8px rgba(255,179,0,.45));\r\n }\r\n .textBox{\r\n text-align:center; padding:8px 4px;\r\n }\r\n h1{\r\n margin:0; font-weight:800; line-height:1.1;\r\n font-size: clamp(28px, 6vw, 56px);\r\n letter-spacing: .5px;\r\n color:#fff;\r\n text-shadow:\r\n 0 0 10px rgba(255,179,0,.85),\r\n 0 0 24px rgba(255,61,154,.55),\r\n 0 0 50px rgba(124,247,255,.45);\r\n }\r\n .sub{\r\n margin-top:6px; color:var(--muted); font-size: clamp(14px, 2.4vw, 18px);\r\n }\r\n\r\n .actions{\r\n margin-top:18px;\r\n display:grid; gap:14px;\r\n grid-template-columns: 1fr;\r\n }\r\n .row{\r\n display:flex; gap:10px; flex-wrap:wrap; justify-content:center;\r\n }\r\n label{ font-weight:600; display:block; margin-bottom:6px; color:#ffd88a; }\r\n .field{\r\n width:100%; max-width:520px;\r\n }\r\n input[type=\"text\"]{\r\n width:100%; padding:14px 14px;\r\n border-radius:12px; border:1px solid rgba(255,255,255,.18);\r\n background:#0d1422; color:#fff; font-size:16px;\r\n outline:none; transition: box-shadow .2s, border-color .2s;\r\n }\r\n input[type=\"text\"]::placeholder{ color:#93a0b6; }\r\n input[type=\"text\"]:focus{\r\n border-color: var(--ring);\r\n box-shadow: 0 0 0 4px rgba(255,179,0,.15), var(--glow2);\r\n }\r\n\r\n .btn{\r\n appearance:none; border:none; cursor:pointer; user-select:none;\r\n padding:12px 16px; border-radius:12px; font-weight:800;\r\n background: linear-gradient(90deg, #ffb300, #ff3d9a);\r\n color:#0b0e13; letter-spacing:.3px;\r\n box-shadow: 0 6px 20px rgba(255,61,154,.25), 0 0 16px rgba(255,179,0,.35);\r\n transition: transform .08s ease, filter .2s ease;\r\n }\r\n .btn:hover{ filter: brightness(1.05); }\r\n .btn:active{ transform: translateY(1px) scale(.99); }\r\n .btn.secondary{\r\n background: #111a2b; color:#eaf1ff; border:1px solid rgba(255,255,255,.16);\r\n box-shadow:none;\r\n }\r\n\r\n .linkBox{\r\n display:none; \/* hidden until generated *\/\r\n margin-top:8px; text-align:center;\r\n }\r\n .shareLink{\r\n display:inline-flex; align-items:center; gap:10px;\r\n padding:12px 14px; border-radius:12px;\r\n background: rgba(255,255,255,.06);\r\n border:1px solid rgba(255,255,255,.14);\r\n color:#eaf1ff; text-decoration:none; word-break: break-all;\r\n }\r\n .shareRow{\r\n display:none; \/* revealed after link generation *\/\r\n margin-top:10px; justify-content:center; gap:12px; align-items:center;\r\n }\r\n .waBtn{\r\n display:inline-flex; align-items:center; gap:10px;\r\n padding:12px 16px; border-radius:12px; border:none; cursor:pointer;\r\n background: #25d366; color:#062b12; font-weight:900;\r\n box-shadow: 0 6px 18px rgba(37,211,102,.35);\r\n }\r\n .waIcon{ width:22px; height:22px; display:inline-block }\r\n .copyBtn{\r\n padding:12px 16px; border-radius:12px; border:1px dashed rgba(255,255,255,.25);\r\n background:transparent; color:#eaf1ff; cursor:pointer;\r\n }\r\n\r\n footer{\r\n margin-top:18px; text-align:center; color:#93a0b6; font-size:13px;\r\n }\r\n\r\n @media (min-width: 860px){\r\n .top{ grid-template-columns: 1.1fr 1fr; gap:22px; }\r\n .textBox{ text-align:left; padding-left:10px; }\r\n .actions{ grid-template-columns: 1fr 1fr; align-items:center; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<canvas id=\"fwCanvas\" aria-hidden=\"true\"><\/canvas>\r\n\r\n<div class=\"wrap\">\r\n <div class=\"card\" role=\"region\" aria-label=\"Happy New Year personalized greeting card\">\r\n <div class=\"top\">\r\n <div class=\"gifBox\" aria-hidden=\"false\">\r\n <img decoding=\"async\" src=\"https:\/\/media0.giphy.com\/media\/v1.Y2lkPTc5MGI3NjExYjdldGV0bndwbTFoeW03eWlqMzB5dXd6bXpvcDV4eng0OXZzdzQxMSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw\/VudX6U1Y0SfBcwhfyn\/giphy.gif\"\r\n alt=\"Diwali diya lamp animation with glowing lights\">\r\n <\/div>\r\n <div class=\"textBox\">\r\n <h1 id=\"headline\">Happy New Year<\/h1>\r\n <p class=\"sub\" id=\"subTxt\">Wishing you a New Year full of new adventures and professional milestones..<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"actions\">\r\n <div class=\"field\">\r\n <label for=\"nameInput\">Enter your name<\/label>\r\n <input id=\"nameInput\" type=\"text\" inputmode=\"text\" autocomplete=\"name\"\r\n placeholder=\"e.g., Rahul\" aria-describedby=\"hint\">\r\n <div id=\"hint\" class=\"sub\">Type your name and tap OK to generate a shareable link.<\/div>\r\n <\/div>\r\n\r\n <div class=\"row\">\r\n <button id=\"okBtn\" class=\"btn\" type=\"button\" aria-label=\"Generate link\">OK<\/button>\r\n <button id=\"copyMsgBtn\" class=\"btn secondary\" type=\"button\" aria-label=\"Copy greeting message\">Copy Greeting<\/button>\r\n <\/div>\r\n\r\n <div id=\"linkBox\" class=\"linkBox\">\r\n <a id=\"shareLink\" class=\"shareLink\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a>\r\n <\/div>\r\n\r\n <div id=\"shareRow\" class=\"row shareRow\">\r\n <button id=\"waBtn\" class=\"waBtn\" type=\"button\" aria-label=\"Share on WhatsApp\">\r\n <svg class=\"waIcon\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path fill=\"#25D366\" d=\"M16.003 3.2c-6.987 0-12.8 5.813-12.8 12.8 0 2.253.592 4.376 1.627 6.212L3.2 28.8l6.747-1.607A12.733 12.733 0 0 0 16.003 28.8c6.987 0 12.8-5.813 12.8-12.8s-5.813-12.8-12.8-12.8Z\"\/>\r\n <path fill=\"#fff\" d=\"M24.534 21.427c-.218.616-1.074 1.127-1.754 1.276-.468.1-1.08.18-3.127-.647-2.625-1.085-4.31-3.752-4.44-3.923-.13-.17-1.06-1.413-1.06-2.694s.651-1.91.884-2.173c.232-.264.513-.33.684-.33.17 0 .342.002.494.009.158.007.37-.06.58.443.218.525.74 1.812.807 1.943.065.13.11.282.02.45-.09.17-.135.276-.266.426-.13.15-.278.335-.398.45-.13.13-.266.27-.115.53.152.26.68 1.117 1.46 1.809 1.007.9 1.86 1.183 2.122 1.313.262.13.417.115.57-.07.152-.184.655-.763.83-1.027.17-.262.347-.22.58-.13.232.092 1.47.695 1.723.823.255.128.424.19.488.294.067.102.067.597-.152 1.211Z\"\/>\r\n <\/svg>\r\n Share on WhatsApp\r\n <\/button>\r\n <button id=\"sysShareBtn\" class=\"btn\" type=\"button\" aria-label=\"Share using device share\" style=\"display:none;\">\r\n Share via Device\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer>\r\n 🪔 May the divine light illuminate your life. Share the joy!\r\n <\/footer>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n const headline = document.getElementById('headline');\r\n const subTxt = document.getElementById('subTxt');\r\n const nameInput = document.getElementById('nameInput');\r\n const okBtn = document.getElementById('okBtn');\r\n const copyMsgBtn = document.getElementById('copyMsgBtn');\r\n const linkBox = document.getElementById('linkBox');\r\n const shareLink = document.getElementById('shareLink');\r\n constRow = document.getElementById('shareRow');\r\n const waBtn = document.getElementById('waBtn');\r\n const sysShareBtn = document.getElementById('sysShareBtn');\r\n\r\n \/\/ Helper: get and set URL with ?from=\r\n function getQueryName(){\r\n const p = new URLSearchParams(window.location.search);\r\n const n = p.get('from');\r\n return n ? decodeURIComponent(n.replace(\/\\+\/g,' ')).trim() : '';\r\n }\r\n function buildShareURL(name){\r\n const url = new URL(window.location.href.split('#')[0]);\r\n if (name) url.searchParams.set('from', name);\r\n else url.searchParams.delete('from');\r\n return url.toString();\r\n }\r\n\r\n \/\/ Update headline based on query or input\r\n function refreshHeadline(name){\r\n const clean = (name || '').trim();\r\n if (clean){\r\n headline.textContent = `Happy New Year from ${clean}`;\r\n subTxt.textContent = `Wishing you a New Year full of new adventures and professional milestones.`;\r\n }else{\r\n headline.textContent = 'Happy New Year';\r\n subTxt.textContent = 'Wishing you a New Year full of new adventures and professional milestones.';\r\n }\r\n }\r\n\r\n \/\/ Initialize from URL\r\n const initialName = getQueryName();\r\n if (initialName){\r\n nameInput.placeholder = initialName;\r\n refreshHeadline(initialName);\r\n } else {\r\n refreshHeadline('');\r\n }\r\n\r\n \/\/ Generate link and reveal share options\r\n function generate(){\r\n const entered = (nameInput.value || '').trim() || getQueryName();\r\n if (!entered){\r\n nameInput.focus();\r\n nameInput.setAttribute('aria-invalid','true');\r\n subTxt.textContent = 'Please enter your name to generate a link.';\r\n return;\r\n }\r\n nameInput.removeAttribute('aria-invalid');\r\n refreshHeadline(entered);\r\n\r\n const url = buildShareURL(entered);\r\n shareLink.href = url;\r\n shareLink.textContent = url;\r\n linkBox.style.display = 'block';\r\n shareRow.style.display = 'flex';\r\n\r\n \/\/ Try to show system share if supported\r\n if (navigator.share){\r\n sysShareBtn.style.display = 'inline-flex';\r\n }\r\n\r\n \/\/ Smoothly push new state so refresh keeps the name\r\n try {\r\n history.replaceState({}, '', url);\r\n } catch(e){}\r\n }\r\n\r\n okBtn.addEventListener('click', generate);\r\n nameInput.addEventListener('keydown', e => {\r\n if (e.key === 'Enter'){ generate(); }\r\n });\r\n\r\n \/\/ WhatsApp share with generated link\r\n waBtn.addEventListener('click', () => {\r\n const link = shareLink.href || buildShareURL((nameInput.value || '').trim() || getQueryName());\r\n if (!link){ return; }\r\n const text = ` Happy New Year! Wishing you a New Year full of new adventures and professional milestones. Click Here \\n${link}`;\r\n const waUrl = 'https:\/\/wa.me\/?text=' + encodeURIComponent(text);\r\n window.open(waUrl, '_blank', 'noopener');\r\n });\r\n\r\n \/\/ Device share (if available)\r\n sysShareBtn.addEventListener('click', async () => {\r\n const link = shareLink.href || buildShareURL((nameInput.value || '').trim() || getQueryName());\r\n const title = 'Happy New Year';\r\n const text = headline.textContent + ' 🪔';\r\n try{\r\n await navigator.share({ title, text, url: link });\r\n }catch(e){\r\n \/\/ user cancelled or unsupported\r\n }\r\n });\r\n\r\n \/\/ Copy greeting text\r\n copyMsgBtn.addEventListener('click', async () => {\r\n const name = (nameInput.value || '').trim() || getQueryName();\r\n const greet = name ? `Happy New Year from ${name}! Wishing you a New Year full of new adventures and professional milestones.` :\r\n `Happy New Year! Wishing you a New Year full of new adventures and professional milestones.`;\r\n try{\r\n await navigator.clipboard.writeText(greet);\r\n copyMsgBtn.textContent = 'Copied!';\r\n setTimeout(()=> copyMsgBtn.textContent = 'Copy Greeting', 1400);\r\n }catch(e){\r\n alert('Copy failed. Please copy manually:\\n\\n' + greet);\r\n }\r\n });\r\n\r\n \/* Fireworks animation - lightweight particle system *\/\r\n const canvas = document.getElementById('fwCanvas');\r\n const ctx = canvas.getContext('2d');\r\n let dpr = Math.max(1, Math.min(2, window.devicePixelRatio || 1));\r\n function resize(){\r\n const w = window.innerWidth, h = window.innerHeight;\r\n canvas.width = Math.floor(w * dpr);\r\n canvas.height = Math.floor(h * dpr);\r\n canvas.style.width = w + 'px';\r\n canvas.style.height = h + 'px';\r\n ctx.setTransform(dpr,0,0,dpr,0,0);\r\n }\r\n window.addEventListener('resize', resize, {passive:true});\r\n resize();\r\n\r\n const colors = ['#ffb300','#ff3d9a','#7cf7ff','#ffe36e','#8cff7a'];\r\n const sparks = [];\r\n function rand(min,max){ return Math.random()*(max-min)+min; }\r\n\r\n function burst(cx, cy){\r\n const count = Math.floor(rand(28, 48));\r\n const hue = colors[Math.floor(Math.random()*colors.length)];\r\n for (let i=0;i<count;i++){\r\n sparks.push({\r\n x: cx, y: cy,\r\n vx: Math.cos((i\/count)*Math.PI*2)*rand(1.2,3.2),\r\n vy: Math.sin((i\/count)*Math.PI*2)*rand(1.2,3.2) - rand(.3,1.2),\r\n life: rand(42, 70),\r\n age: 0,\r\n color: hue,\r\n size: rand(1.2, 2.8),\r\n grav: rand(0.02, 0.06),\r\n fade: rand(0.012, 0.028)\r\n });\r\n }\r\n }\r\n\r\n function launch(){\r\n const cx = rand(80, window.innerWidth-80);\r\n const cy = rand(60, window.innerHeight*0.45);\r\n burst(cx, cy);\r\n }\r\n\r\n let last = performance.now();\r\n function tick(t){\r\n const dt = Math.min(32, t - last); last = t;\r\n ctx.clearRect(0,0,canvas.width, canvas.height);\r\n\r\n \/\/ draw soft backdrop glow dots\r\n for(let i=0;i<3;i++){\r\n const gx = (Math.sin(t\/1200 + i)*.5+.5)*window.innerWidth;\r\n const gy = (Math.cos(t\/1400 + i)*.5+.5)*window.innerHeight*0.6 + 40*i;\r\n const rad = 90 + 30*i;\r\n const g = ctx.createRadialGradient(gx, gy, 0, gx, gy, rad);\r\n g.addColorStop(0, 'rgba(255,179,0,0.06)');\r\n g.addColorStop(1, 'rgba(0,0,0,0)');\r\n ctx.fillStyle = g;\r\n ctx.beginPath(); ctx.arc(gx, gy, rad, 0, Math.PI*2); ctx.fill();\r\n }\r\n\r\n for(let i=sparks.length-1;i>=0;i--){\r\n const p = sparks[i];\r\n p.age += 1;\r\n p.vy += p.grav;\r\n p.x += p.vx;\r\n p.y += p.vy;\r\n\r\n const alpha = Math.max(0, 1 - p.age * p.fade \/ p.life);\r\n if (alpha <= 0 || p.age > p.life) { sparks.splice(i,1); continue; }\r\n\r\n ctx.globalCompositeOperation = 'lighter';\r\n ctx.fillStyle = p.color;\r\n ctx.globalAlpha = alpha*0.9;\r\n\r\n ctx.beginPath();\r\n ctx.arc(p.x, p.y, p.size, 0, Math.PI*2);\r\n ctx.fill();\r\n\r\n \/\/ trailing stroke\r\n ctx.globalAlpha = alpha*0.5;\r\n ctx.strokeStyle = p.color;\r\n ctx.lineWidth = 1;\r\n ctx.beginPath();\r\n ctx.moveTo(p.x, p.y);\r\n ctx.lineTo(p.x - p.vx*2, p.y - p.vy*2);\r\n ctx.stroke();\r\n ctx.globalAlpha = 1;\r\n ctx.globalCompositeOperation = 'source-over';\r\n }\r\n requestAnimationFrame(tick);\r\n }\r\n requestAnimationFrame(tick);\r\n\r\n \/\/ Trigger fireworks on load and every 3 seconds\r\n function scheduleFireworks(){\r\n launch();\r\n setTimeout(launch, 400);\r\n setTimeout(launch, 900);\r\n }\r\n scheduleFireworks();\r\n setInterval(scheduleFireworks, 3000);\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Happy New Year – Personalized Greeting Happy New Year Wishing you a New Year full of new adventures and professional milestones.. Enter your name Type your name and tap OK to generate a shareable link. OK Copy Greeting Share on WhatsApp Share via Device 🪔 May the divine light illuminate your life. Share the joy!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[]},"_links":{"self":[{"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/pages\/92112"}],"collection":[{"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/comments?post=92112"}],"version-history":[{"count":16,"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/pages\/92112\/revisions"}],"predecessor-version":[{"id":92134,"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/pages\/92112\/revisions\/92134"}],"wp:attachment":[{"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/media?parent=92112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n\r\n\r\nHappy New Year - Personalized Greeting<\/title>\r\n<meta name=\"description\" content=\"Create and share a personalized Happy New Year greeting with glowing text, fireworks, and WhatsApp sharing.\">\r\n<style>\r\n :root{\r\n --bg:#0b0e13;\r\n --card:#111826;\r\n --text:#eef3ff;\r\n --muted:#a9b4c7;\r\n --accent:#ffb300; \/* saffron gold *\/\r\n --accent2:#ff3d9a; \/* magenta pink *\/\r\n --accent3:#7cf7ff; \/* cyan glow *\/\r\n --ring: rgba(255,179,0,.5);\r\n --glow1: 0 0 18px rgba(255,179,0,.65), 0 0 42px rgba(255,61,154,.35);\r\n --glow2: 0 0 22px rgba(124,247,255,.55);\r\n }\r\n *{box-sizing:border-box}\r\n body{\r\n margin:0; background: radial-gradient(1200px 500px at -10% -10%, rgba(255,179,0,.08), transparent 60%),\r\n radial-gradient(900px 600px at 110% -20%, rgba(255,61,154,.08), transparent 60%),\r\n linear-gradient(180deg,#0b0e13 0%, #0a0c12 60%, #07090e 100%);\r\n color:var(--text); font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Noto Sans\", \"Helvetica Neue\", sans-serif;\r\n min-height:100svh; overflow-x:hidden;\r\n }\r\n \/* Fireworks canvas *\/\r\n #fwCanvas{\r\n position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:0;\r\n }\r\n .wrap{\r\n position:relative; z-index:1; min-height:100svh;\r\n display:flex; align-items:center; justify-content:center; padding:24px;\r\n }\r\n .card{\r\n width:min(920px, 96vw);\r\n background: linear-gradient(160deg, rgba(17,24,38,.9), rgba(10,14,24,.9));\r\n border:1px solid rgba(255,255,255,.12);\r\n border-radius:20px; padding:24px clamp(18px, 3vw, 36px);\r\n box-shadow: var(--glow1);\r\n backdrop-filter: blur(6px);\r\n }\r\n .top{\r\n display:grid; grid-template-columns: 1fr; gap:18px; align-items:center;\r\n }\r\n .gifBox{\r\n display:flex; align-items:center; justify-content:center;\r\n border-radius:16px; overflow:hidden; background: rgba(255,255,255,.06);\r\n border:1px solid rgba(255,255,255,.1);\r\n }\r\n .gifBox img{\r\n width:100%; height:auto; display:block;\r\n aspect-ratio: 16 \/ 9; object-fit: cover;\r\n filter: drop-shadow(0 0 8px rgba(255,179,0,.45));\r\n }\r\n .textBox{\r\n text-align:center; padding:8px 4px;\r\n }\r\n h1{\r\n margin:0; font-weight:800; line-height:1.1;\r\n font-size: clamp(28px, 6vw, 56px);\r\n letter-spacing: .5px;\r\n color:#fff;\r\n text-shadow:\r\n 0 0 10px rgba(255,179,0,.85),\r\n 0 0 24px rgba(255,61,154,.55),\r\n 0 0 50px rgba(124,247,255,.45);\r\n }\r\n .sub{\r\n margin-top:6px; color:var(--muted); font-size: clamp(14px, 2.4vw, 18px);\r\n }\r\n\r\n .actions{\r\n margin-top:18px;\r\n display:grid; gap:14px;\r\n grid-template-columns: 1fr;\r\n }\r\n .row{\r\n display:flex; gap:10px; flex-wrap:wrap; justify-content:center;\r\n }\r\n label{ font-weight:600; display:block; margin-bottom:6px; color:#ffd88a; }\r\n .field{\r\n width:100%; max-width:520px;\r\n }\r\n input[type=\"text\"]{\r\n width:100%; padding:14px 14px;\r\n border-radius:12px; border:1px solid rgba(255,255,255,.18);\r\n background:#0d1422; color:#fff; font-size:16px;\r\n outline:none; transition: box-shadow .2s, border-color .2s;\r\n }\r\n input[type=\"text\"]::placeholder{ color:#93a0b6; }\r\n input[type=\"text\"]:focus{\r\n border-color: var(--ring);\r\n box-shadow: 0 0 0 4px rgba(255,179,0,.15), var(--glow2);\r\n }\r\n\r\n .btn{\r\n appearance:none; border:none; cursor:pointer; user-select:none;\r\n padding:12px 16px; border-radius:12px; font-weight:800;\r\n background: linear-gradient(90deg, #ffb300, #ff3d9a);\r\n color:#0b0e13; letter-spacing:.3px;\r\n box-shadow: 0 6px 20px rgba(255,61,154,.25), 0 0 16px rgba(255,179,0,.35);\r\n transition: transform .08s ease, filter .2s ease;\r\n }\r\n .btn:hover{ filter: brightness(1.05); }\r\n .btn:active{ transform: translateY(1px) scale(.99); }\r\n .btn.secondary{\r\n background: #111a2b; color:#eaf1ff; border:1px solid rgba(255,255,255,.16);\r\n box-shadow:none;\r\n }\r\n\r\n .linkBox{\r\n display:none; \/* hidden until generated *\/\r\n margin-top:8px; text-align:center;\r\n }\r\n .shareLink{\r\n display:inline-flex; align-items:center; gap:10px;\r\n padding:12px 14px; border-radius:12px;\r\n background: rgba(255,255,255,.06);\r\n border:1px solid rgba(255,255,255,.14);\r\n color:#eaf1ff; text-decoration:none; word-break: break-all;\r\n }\r\n .shareRow{\r\n display:none; \/* revealed after link generation *\/\r\n margin-top:10px; justify-content:center; gap:12px; align-items:center;\r\n }\r\n .waBtn{\r\n display:inline-flex; align-items:center; gap:10px;\r\n padding:12px 16px; border-radius:12px; border:none; cursor:pointer;\r\n background: #25d366; color:#062b12; font-weight:900;\r\n box-shadow: 0 6px 18px rgba(37,211,102,.35);\r\n }\r\n .waIcon{ width:22px; height:22px; display:inline-block }\r\n .copyBtn{\r\n padding:12px 16px; border-radius:12px; border:1px dashed rgba(255,255,255,.25);\r\n background:transparent; color:#eaf1ff; cursor:pointer;\r\n }\r\n\r\n footer{\r\n margin-top:18px; text-align:center; color:#93a0b6; font-size:13px;\r\n }\r\n\r\n @media (min-width: 860px){\r\n .top{ grid-template-columns: 1.1fr 1fr; gap:22px; }\r\n .textBox{ text-align:left; padding-left:10px; }\r\n .actions{ grid-template-columns: 1fr 1fr; align-items:center; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<canvas id=\"fwCanvas\" aria-hidden=\"true\"><\/canvas>\r\n\r\n<div class=\"wrap\">\r\n <div class=\"card\" role=\"region\" aria-label=\"Happy New Year personalized greeting card\">\r\n <div class=\"top\">\r\n <div class=\"gifBox\" aria-hidden=\"false\">\r\n <img decoding=\"async\" src=\"https:\/\/media0.giphy.com\/media\/v1.Y2lkPTc5MGI3NjExYjdldGV0bndwbTFoeW03eWlqMzB5dXd6bXpvcDV4eng0OXZzdzQxMSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw\/VudX6U1Y0SfBcwhfyn\/giphy.gif\"\r\n alt=\"Diwali diya lamp animation with glowing lights\">\r\n <\/div>\r\n <div class=\"textBox\">\r\n <h1 id=\"headline\">Happy New Year<\/h1>\r\n <p class=\"sub\" id=\"subTxt\">Wishing you a New Year full of new adventures and professional milestones..<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"actions\">\r\n <div class=\"field\">\r\n <label for=\"nameInput\">Enter your name<\/label>\r\n <input id=\"nameInput\" type=\"text\" inputmode=\"text\" autocomplete=\"name\"\r\n placeholder=\"e.g., Rahul\" aria-describedby=\"hint\">\r\n <div id=\"hint\" class=\"sub\">Type your name and tap OK to generate a shareable link.<\/div>\r\n <\/div>\r\n\r\n <div class=\"row\">\r\n <button id=\"okBtn\" class=\"btn\" type=\"button\" aria-label=\"Generate link\">OK<\/button>\r\n <button id=\"copyMsgBtn\" class=\"btn secondary\" type=\"button\" aria-label=\"Copy greeting message\">Copy Greeting<\/button>\r\n <\/div>\r\n\r\n <div id=\"linkBox\" class=\"linkBox\">\r\n <a id=\"shareLink\" class=\"shareLink\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\"><\/a>\r\n <\/div>\r\n\r\n <div id=\"shareRow\" class=\"row shareRow\">\r\n <button id=\"waBtn\" class=\"waBtn\" type=\"button\" aria-label=\"Share on WhatsApp\">\r\n <svg class=\"waIcon\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path fill=\"#25D366\" d=\"M16.003 3.2c-6.987 0-12.8 5.813-12.8 12.8 0 2.253.592 4.376 1.627 6.212L3.2 28.8l6.747-1.607A12.733 12.733 0 0 0 16.003 28.8c6.987 0 12.8-5.813 12.8-12.8s-5.813-12.8-12.8-12.8Z\"\/>\r\n <path fill=\"#fff\" d=\"M24.534 21.427c-.218.616-1.074 1.127-1.754 1.276-.468.1-1.08.18-3.127-.647-2.625-1.085-4.31-3.752-4.44-3.923-.13-.17-1.06-1.413-1.06-2.694s.651-1.91.884-2.173c.232-.264.513-.33.684-.33.17 0 .342.002.494.009.158.007.37-.06.58.443.218.525.74 1.812.807 1.943.065.13.11.282.02.45-.09.17-.135.276-.266.426-.13.15-.278.335-.398.45-.13.13-.266.27-.115.53.152.26.68 1.117 1.46 1.809 1.007.9 1.86 1.183 2.122 1.313.262.13.417.115.57-.07.152-.184.655-.763.83-1.027.17-.262.347-.22.58-.13.232.092 1.47.695 1.723.823.255.128.424.19.488.294.067.102.067.597-.152 1.211Z\"\/>\r\n <\/svg>\r\n Share on WhatsApp\r\n <\/button>\r\n <button id=\"sysShareBtn\" class=\"btn\" type=\"button\" aria-label=\"Share using device share\" style=\"display:none;\">\r\n Share via Device\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer>\r\n 🪔 May the divine light illuminate your life. Share the joy!\r\n <\/footer>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n const headline = document.getElementById('headline');\r\n const subTxt = document.getElementById('subTxt');\r\n const nameInput = document.getElementById('nameInput');\r\n const okBtn = document.getElementById('okBtn');\r\n const copyMsgBtn = document.getElementById('copyMsgBtn');\r\n const linkBox = document.getElementById('linkBox');\r\n const shareLink = document.getElementById('shareLink');\r\n constRow = document.getElementById('shareRow');\r\n const waBtn = document.getElementById('waBtn');\r\n const sysShareBtn = document.getElementById('sysShareBtn');\r\n\r\n \/\/ Helper: get and set URL with ?from=\r\n function getQueryName(){\r\n const p = new URLSearchParams(window.location.search);\r\n const n = p.get('from');\r\n return n ? decodeURIComponent(n.replace(\/\\+\/g,' ')).trim() : '';\r\n }\r\n function buildShareURL(name){\r\n const url = new URL(window.location.href.split('#')[0]);\r\n if (name) url.searchParams.set('from', name);\r\n else url.searchParams.delete('from');\r\n return url.toString();\r\n }\r\n\r\n \/\/ Update headline based on query or input\r\n function refreshHeadline(name){\r\n const clean = (name || '').trim();\r\n if (clean){\r\n headline.textContent = `Happy New Year from ${clean}`;\r\n subTxt.textContent = `Wishing you a New Year full of new adventures and professional milestones.`;\r\n }else{\r\n headline.textContent = 'Happy New Year';\r\n subTxt.textContent = 'Wishing you a New Year full of new adventures and professional milestones.';\r\n }\r\n }\r\n\r\n \/\/ Initialize from URL\r\n const initialName = getQueryName();\r\n if (initialName){\r\n nameInput.placeholder = initialName;\r\n refreshHeadline(initialName);\r\n } else {\r\n refreshHeadline('');\r\n }\r\n\r\n \/\/ Generate link and reveal share options\r\n function generate(){\r\n const entered = (nameInput.value || '').trim() || getQueryName();\r\n if (!entered){\r\n nameInput.focus();\r\n nameInput.setAttribute('aria-invalid','true');\r\n subTxt.textContent = 'Please enter your name to generate a link.';\r\n return;\r\n }\r\n nameInput.removeAttribute('aria-invalid');\r\n refreshHeadline(entered);\r\n\r\n const url = buildShareURL(entered);\r\n shareLink.href = url;\r\n shareLink.textContent = url;\r\n linkBox.style.display = 'block';\r\n shareRow.style.display = 'flex';\r\n\r\n \/\/ Try to show system share if supported\r\n if (navigator.share){\r\n sysShareBtn.style.display = 'inline-flex';\r\n }\r\n\r\n \/\/ Smoothly push new state so refresh keeps the name\r\n try {\r\n history.replaceState({}, '', url);\r\n } catch(e){}\r\n }\r\n\r\n okBtn.addEventListener('click', generate);\r\n nameInput.addEventListener('keydown', e => {\r\n if (e.key === 'Enter'){ generate(); }\r\n });\r\n\r\n \/\/ WhatsApp share with generated link\r\n waBtn.addEventListener('click', () => {\r\n const link = shareLink.href || buildShareURL((nameInput.value || '').trim() || getQueryName());\r\n if (!link){ return; }\r\n const text = ` Happy New Year! Wishing you a New Year full of new adventures and professional milestones. Click Here \\n${link}`;\r\n const waUrl = 'https:\/\/wa.me\/?text=' + encodeURIComponent(text);\r\n window.open(waUrl, '_blank', 'noopener');\r\n });\r\n\r\n \/\/ Device share (if available)\r\n sysShareBtn.addEventListener('click', async () => {\r\n const link = shareLink.href || buildShareURL((nameInput.value || '').trim() || getQueryName());\r\n const title = 'Happy New Year';\r\n const text = headline.textContent + ' 🪔';\r\n try{\r\n await navigator.share({ title, text, url: link });\r\n }catch(e){\r\n \/\/ user cancelled or unsupported\r\n }\r\n });\r\n\r\n \/\/ Copy greeting text\r\n copyMsgBtn.addEventListener('click', async () => {\r\n const name = (nameInput.value || '').trim() || getQueryName();\r\n const greet = name ? `Happy New Year from ${name}! Wishing you a New Year full of new adventures and professional milestones.` :\r\n `Happy New Year! Wishing you a New Year full of new adventures and professional milestones.`;\r\n try{\r\n await navigator.clipboard.writeText(greet);\r\n copyMsgBtn.textContent = 'Copied!';\r\n setTimeout(()=> copyMsgBtn.textContent = 'Copy Greeting', 1400);\r\n }catch(e){\r\n alert('Copy failed. Please copy manually:\\n\\n' + greet);\r\n }\r\n });\r\n\r\n \/* Fireworks animation - lightweight particle system *\/\r\n const canvas = document.getElementById('fwCanvas');\r\n const ctx = canvas.getContext('2d');\r\n let dpr = Math.max(1, Math.min(2, window.devicePixelRatio || 1));\r\n function resize(){\r\n const w = window.innerWidth, h = window.innerHeight;\r\n canvas.width = Math.floor(w * dpr);\r\n canvas.height = Math.floor(h * dpr);\r\n canvas.style.width = w + 'px';\r\n canvas.style.height = h + 'px';\r\n ctx.setTransform(dpr,0,0,dpr,0,0);\r\n }\r\n window.addEventListener('resize', resize, {passive:true});\r\n resize();\r\n\r\n const colors = ['#ffb300','#ff3d9a','#7cf7ff','#ffe36e','#8cff7a'];\r\n const sparks = [];\r\n function rand(min,max){ return Math.random()*(max-min)+min; }\r\n\r\n function burst(cx, cy){\r\n const count = Math.floor(rand(28, 48));\r\n const hue = colors[Math.floor(Math.random()*colors.length)];\r\n for (let i=0;i<count;i++){\r\n sparks.push({\r\n x: cx, y: cy,\r\n vx: Math.cos((i\/count)*Math.PI*2)*rand(1.2,3.2),\r\n vy: Math.sin((i\/count)*Math.PI*2)*rand(1.2,3.2) - rand(.3,1.2),\r\n life: rand(42, 70),\r\n age: 0,\r\n color: hue,\r\n size: rand(1.2, 2.8),\r\n grav: rand(0.02, 0.06),\r\n fade: rand(0.012, 0.028)\r\n });\r\n }\r\n }\r\n\r\n function launch(){\r\n const cx = rand(80, window.innerWidth-80);\r\n const cy = rand(60, window.innerHeight*0.45);\r\n burst(cx, cy);\r\n }\r\n\r\n let last = performance.now();\r\n function tick(t){\r\n const dt = Math.min(32, t - last); last = t;\r\n ctx.clearRect(0,0,canvas.width, canvas.height);\r\n\r\n \/\/ draw soft backdrop glow dots\r\n for(let i=0;i<3;i++){\r\n const gx = (Math.sin(t\/1200 + i)*.5+.5)*window.innerWidth;\r\n const gy = (Math.cos(t\/1400 + i)*.5+.5)*window.innerHeight*0.6 + 40*i;\r\n const rad = 90 + 30*i;\r\n const g = ctx.createRadialGradient(gx, gy, 0, gx, gy, rad);\r\n g.addColorStop(0, 'rgba(255,179,0,0.06)');\r\n g.addColorStop(1, 'rgba(0,0,0,0)');\r\n ctx.fillStyle = g;\r\n ctx.beginPath(); ctx.arc(gx, gy, rad, 0, Math.PI*2); ctx.fill();\r\n }\r\n\r\n for(let i=sparks.length-1;i>=0;i--){\r\n const p = sparks[i];\r\n p.age += 1;\r\n p.vy += p.grav;\r\n p.x += p.vx;\r\n p.y += p.vy;\r\n\r\n const alpha = Math.max(0, 1 - p.age * p.fade \/ p.life);\r\n if (alpha <= 0 || p.age > p.life) { sparks.splice(i,1); continue; }\r\n\r\n ctx.globalCompositeOperation = 'lighter';\r\n ctx.fillStyle = p.color;\r\n ctx.globalAlpha = alpha*0.9;\r\n\r\n ctx.beginPath();\r\n ctx.arc(p.x, p.y, p.size, 0, Math.PI*2);\r\n ctx.fill();\r\n\r\n \/\/ trailing stroke\r\n ctx.globalAlpha = alpha*0.5;\r\n ctx.strokeStyle = p.color;\r\n ctx.lineWidth = 1;\r\n ctx.beginPath();\r\n ctx.moveTo(p.x, p.y);\r\n ctx.lineTo(p.x - p.vx*2, p.y - p.vy*2);\r\n ctx.stroke();\r\n ctx.globalAlpha = 1;\r\n ctx.globalCompositeOperation = 'source-over';\r\n }\r\n requestAnimationFrame(tick);\r\n }\r\n requestAnimationFrame(tick);\r\n\r\n \/\/ Trigger fireworks on load and every 3 seconds\r\n function scheduleFireworks(){\r\n launch();\r\n setTimeout(launch, 400);\r\n setTimeout(launch, 900);\r\n }\r\n scheduleFireworks();\r\n setInterval(scheduleFireworks, 3000);\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Happy New Year – Personalized Greeting Happy New Year Wishing you a New Year full of new adventures and professional milestones.. Enter your name Type your name and tap OK to generate a shareable link. OK Copy Greeting Share on WhatsApp Share via Device 🪔 May the divine light illuminate your life. Share the joy!<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[]},"_links":{"self":[{"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/pages\/92112"}],"collection":[{"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/comments?post=92112"}],"version-history":[{"count":16,"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/pages\/92112\/revisions"}],"predecessor-version":[{"id":92134,"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/pages\/92112\/revisions\/92134"}],"wp:attachment":[{"href":"https:\/\/gadgetsguruji.in\/index.php\/wp-json\/wp\/v2\/media?parent=92112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}