পাঠকের কাগজ

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@400;500;600;700;800&display=swap'); #pk-card-app{font-family:'Noto Sans Bengali',sans-serif;color:#172b4d;max-width:760px;margin:20px auto;background:#fff;border:1px solid #e3e8ef;border-radius:16px;overflow:hidden;box-shadow:0 5px 25px #00000010} #pk-card-app *{box-sizing:border-box} #pk-card-app .pk-head{background:#102e50;color:white;text-align:center;padding:22px 12px} #pk-card-app .pk-brand{font-size:27px;font-weight:800} #pk-card-app .pk-tag{font-size:12px;opacity:.9} #pk-card-app .pk-content{padding:18px} #pk-card-app label{display:block;font-size:14px;font-weight:700;margin:13px 0 6px} #pk-card-app input,#pk-card-app textarea,#pk-card-app select{width:100%;padding:12px;border:1px solid #ccd5df;border-radius:8px;font-family:inherit;font-size:14px;background:white;color:#172b4d} #pk-card-app textarea{height:75px;resize:vertical} #pk-card-app .pk-designs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px} #pk-card-app .pk-design{border:2px solid #ddd;border-radius:9px;padding:10px;text-align:center;cursor:pointer;font-size:13px;background:#fff} #pk-card-app .pk-design.active{border-color:#1877f2;background:#eef5ff} #pk-card-app .pk-preview-title{text-align:center;font-size:19px;font-weight:800;margin:22px 0 10px} #pk-card-app canvas{display:block;width:100%;height:auto;border-radius:8px;background:#eee} #pk-card-app .pk-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px} #pk-card-app button{border:0;border-radius:9px;padding:13px 8px;font-family:inherit;font-size:14px;font-weight:700;color:white;cursor:pointer} #pk-card-app button:active{transform:scale(.98)} #pk-card-app .pk-download{background:#198754} #pk-card-app .pk-facebook{background:#1877f2} #pk-card-app .pk-whatsapp{background:#20a45a} #pk-card-app .pk-share{background:#475569} #pk-card-app .pk-note{text-align:center;color:#718096;font-size:12px;margin-top:14px} #pk-card-app .pk-footer{background:#102e50;color:#fff;text-align:center;padding:13px;font-size:12px} #pk-card-app .pk-file{font-size:13px} @media(max-width:480px){#pk-card-app .pk-content{padding:12px}#pk-card-app .pk-brand{font-size:23px}#pk-card-app .pk-buttons{grid-template-columns:1fr 1fr}#pk-card-app button{font-size:12px}} পাঠকের কাগজ সব পাঠকের নিজের কাগজ শুভেচ্ছা কার্ড তৈরি করুন আপনার ছবি দিয়ে তৈরি করুন নিজের পছন্দের কার্ড ১. কার্ডের ডিজাইন বেছে নিন 🌟গোল্ডেন 💙নীল 🌿সবুজ ২. আপনার ছবি আপলোড করুন ৩. আপনার নাম লিখুন ৪. শুভেচ্ছাবার্তা লিখুন ৫. কার্ডের শিরোনাম আপনার কার্ডের নমুনা ⬇ কার্ড ডাউনলোড f Facebook ☘ WhatsApp ↗ শেয়ার করুন আপনার কার্ড তৈরি ও ডাউনলোড হবে সরাসরি আপনার ডিভাইসে। © পাঠকের কাগজ | সব পাঠকের নিজের কাগজ (function(){ const app=document.getElementById('pk-card-app'); if(!app || app.dataset.started) return; app.dataset.started='1'; const canvas=app.querySelector('#pk-canvas'); const ctx=canvas.getContext('2d'); const photoInput=app.querySelector('#pk-photo'); const nameInput=app.querySelector('#pk-name'); const messageInput=app.querySelector('#pk-message'); const headingInput=app.querySelector('#pk-heading'); let photo=null; let theme='gold'; const themes={ gold:{bg:'#fff9e9',main:'#a87922',accent:'#d9ad54',border:'#bd8d36'}, blue:{bg:'#eaf4ff',main:'#164b82',accent:'#62a4dd',border:'#3678b5'}, green:{bg:'#edf8ef',main:'#246b46',accent:'#79b88a',border:'#41865a'} }; function rounded(x,y,w,h,r){ ctx.beginPath(); ctx.roundRect(x,y,w,h,r); } function wrapText(text,x,y,maxWidth,lineHeight,maxLines){ const words=(text||'').split(/\s+/); let line='',lines=0; for(let i=0;imaxWidth && line){ ctx.fillText(line,x,y); line=words[i];y+=lineHeight;lines++; if(lines>=maxLines)return; }else line=test; } if(line && lines{ ctx.beginPath();ctx.arc(p[0],p[1],p[2],0,Math.PI*2);ctx.fill(); }); // Brand ctx.textAlign='center'; ctx.fillStyle=t.main; ctx.font='bold 49px "Noto Sans Bengali",sans-serif'; ctx.fillText('পাঠকের কাগজ',600,130); ctx.font='23px "Noto Sans Bengali",sans-serif'; ctx.fillText('সব পাঠকের নিজের কাগজ',600,169); // Decorative line ctx.strokeStyle=t.accent; ctx.lineWidth=3; ctx.beginPath();ctx.moveTo(330,194);ctx.lineTo(870,194);ctx.stroke(); // Photo if(photo){ ctx.save(); ctx.beginPath();ctx.arc(600,340,112,0,Math.PI*2);ctx.clip(); const ratio=Math.max(224/photo.width,224/photo.height); const sw=224/ratio,sh=224/ratio; ctx.drawImage(photo,(photo.width-sw)/2,(photo.height-sh)/2,sw,sh,488,228,224,224); ctx.restore(); }else{ ctx.fillStyle='#e3e8ef'; ctx.beginPath();ctx.arc(600,340,108,0,Math.PI*2);ctx.fill(); ctx.fillStyle='#718096'; ctx.font='34px "Noto Sans Bengali",sans-serif'; ctx.fillText('আপনার ছবি',600,351); } ctx.strokeStyle=t.border; ctx.lineWidth=8; ctx.beginPath();ctx.arc(600,340,116,0,Math.PI*2);ctx.stroke(); // Heading ctx.fillStyle=t.main; ctx.font='bold 53px "Noto Sans Bengali",sans-serif'; ctx.fillText(headingInput.value||'শুভেচ্ছা ও অভিনন্দন',600,525); // Message ctx.fillStyle='#354052'; ctx.font='30px "Noto Sans Bengali",sans-serif'; wrapText(messageInput.value||'আপনার জন্য রইল আন্তরিক শুভেচ্ছা ও অভিনন্দন।',600,590,900,48,2); // Name ctx.fillStyle=t.main; ctx.font='bold 36px "Noto Sans Bengali",sans-serif'; ctx.fillText(nameInput.value||'আপনার নাম',600,700); ctx.font='20px "Noto Sans Bengali",sans-serif'; ctx.fillText('পাঠকের কাগজ',600,742); } function update(){ if(document.fonts && document.fonts.ready){ document.fonts.ready.then(draw); }else draw(); } app.querySelectorAll('.pk-design').forEach(el=>{ el.addEventListener('click',()=>{ app.querySelectorAll('.pk-design').forEach(x=>x.classList.remove('active')); el.classList.add('active'); theme=el.dataset.theme; update(); }); }); [ nameInput,messageInput,headingInput ].forEach(el=>{ el.addEventListener('input',update); }); photoInput.addEventListener('change',()=>{ const file=photoInput.files[0]; if(!file)return; if(!file.type.startsWith('image/')){ alert('অনুগ্রহ করে একটি ছবি নির্বাচন করুন।'); return; } if(file.size>8*1024*1024){ alert('ছবির সাইজ ৮ MB-এর কম রাখুন।'); photoInput.value=''; return; } const reader=new FileReader(); reader.onload=e=>{ const img=new Image(); img.onload=()=>{photo=img;update();}; img.src=e.target.result; }; reader.readAsDataURL(file); }); function downloadCard(){ const link=document.createElement('a'); link.download='pathoker-kagoj-greeting-card.png'; link.href=canvas.toDataURL('image/png'); link.click(); } app.querySelector('#pk-download').addEventListener('click',downloadCard); app.querySelector('#pk-facebook').addEventListener('click',()=>{ const url='https://pathokerkagoj.com/greeting-card/'; window.open('https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(url),'_blank','noopener'); }); app.querySelector('#pk-whatsapp').addEventListener('click',()=>{ const text='পাঠকের কাগজের শুভেচ্ছা কার্ড তৈরি করুন: https://pathokerkagoj.com/greeting-card/'; window.open('https://wa.me/?text='+encodeURIComponent(text),'_blank','noopener'); }); app.querySelector('#pk-share').addEventListener('click',async()=>{ try{ const blob=await new Promise(resolve=>canvas.toBlob(resolve,'image/png')); if(!blob)throw new Error('Card unavailable'); const file=new File([blob],'pathoker-kagoj-card.png',{type:'image/png'}); if(navigator.canShare && navigator.canShare({files:[file]})){ await navigator.share({title:'পাঠকের কাগজের শুভেচ্ছা কার্ড',files:[file]}); }else{ downloadCard(); alert('কার্ড ডাউনলোড হয়েছে। এখন আপনার পছন্দের মাধ্যমে শেয়ার করুন।'); } }catch(e){ if(e.name!=='AbortError')alert('শেয়ার করা যায়নি। কার্ড ডাউনলোড করে শেয়ার করুন।'); } }); update(); })();

Related Articles

রাশেদ খানকে নিয়ে আমির হামজার আপত্তিকর মন্তব্য, ‘রাস্তা ঝাড়ু দিয়ে খেতে হতো’

শিবগঞ্জে ছিনতাইকারীর কবলে ভ্যানচালক ও যাত্রী, ভ্যানসহ নগদ টাকা লুট

নাচোলে রাষ্ট্রীয় মর্যাদায় বীর মুক্তিযোদ্ধা রমজান আলীর দাফন সম্পন্ন

স্বচ্ছলতার স্বপ্ন নিয়ে সৌদি, ফিরলেন কফিনে—ঋণের বোঝায় দিশেহারা পরিবার