Tip: every text field on the banner is directly editable — click and type. Use the buttons above to add/remove info cards or documents; each card/row has a small ✕ to delete it. Backgrounds are always light — pick any of the 20 themes freely.
महिला एवं बाल विकास विभाग, मध्य प्रदेश
EMBLEM
मध्य प्रदेश शासन
आंगनवाड़ी
कार्यकर्ता एवं सहायिका
भर्ती 2026
📢
महिला एवं बाल विकास विभाग, मध्य प्रदेश द्वारा आंगनवाड़ी कार्यकर्ता एवं सहायिका पदों पर भर्ती के लिए आवेदन आमंत्रित किए गए हैं।
मुख्य जानकारी
आवश्यक दस्तावेज
Candidate Photo
Join WhatsApp Channel
Scan QR Code
QR
महिलाओं के लिए
सुनहरा अवसर
`;
};
reader.readAsDataURL(file);
});
}
wireUpload('emblemFile','emblemWrap','emblemImg');
wireUpload('candidateFile','photoWrap','candidateImg');
wireUpload('qrFile','qrWrap','qrImg');
function clearImg(tag){
const map = {emblemImg:['emblemWrap','EMBLEM'], candidateImg:['photoWrap','Candidate Photo'], qrImg:['qrWrap','QR']};
const [wrapId, ph] = map[tag];
document.getElementById(wrapId).innerHTML = `${ph}`;
}
/* ---------------- WATERMARK ---------------- */
let wmDataUrl = null;
document.getElementById('wmFile').addEventListener('change', function(e){
const file = e.target.files[0];
if(!file) return;
const reader = new FileReader();
reader.onload = function(ev){
wmDataUrl = ev.target.result;
document.getElementById('wmToggle').checked = true;
toggleWatermark();
};
reader.readAsDataURL(file);
});
function toggleWatermark(){
const on = document.getElementById('wmToggle').checked;
const layer = document.getElementById('wmLayer');
if(on && wmDataUrl){
layer.style.backgroundImage = `url(${wmDataUrl})`;
} else {
layer.style.backgroundImage = 'none';
}
}
function updateWmOpacity(){
const v = document.getElementById('wmOpacity').value;
document.getElementById('wmOpacityVal').textContent = v + '%';
poster.style.setProperty('--wm-opacity', v/100);
}
function updateWmSize(){
const v = document.getElementById('wmSize').value;
document.getElementById('wmLayer').style.backgroundSize = v + 'px';
}
/* ---------------- EXPORT ---------------- */
function downloadPoster(){
html2canvas(poster, {scale:2, useCORS:true, backgroundColor:'#ffffff'}).then(canvas=>{
const link = document.createElement('a');
link.download = 'recruitment-banner.png';
link.href = canvas.toDataURL('image/png');
link.click();
});
}
/* ---------------- RESET ---------------- */
function resetAll(){
if(!confirm('Reset all text back to the default sample content? Uploaded images will be kept.')) return;
document.querySelector('.dept-line').textContent = 'महिला एवं बाल विकास विभाग, मध्य प्रदेश';
document.querySelector('.emblem-caption').textContent = 'मध्य प्रदेश शासन';
document.querySelector('.main-title').textContent = 'आंगनवाड़ी';
document.querySelector('.sub-title').textContent = 'कार्यकर्ता एवं सहायिका';
document.querySelector('.ribbon').textContent = 'भर्ती 2026';
document.querySelector('.announce p').textContent = 'महिला एवं बाल विकास विभाग, मध्य प्रदेश द्वारा आंगनवाड़ी कार्यकर्ता एवं सहायिका पदों पर भर्ती के लिए आवेदन आमंत्रित किए गए हैं।';
document.querySelector('.section-pill').textContent = 'मुख्य जानकारी';
document.querySelector('.docs-ribbon').textContent = 'आवश्यक दस्तावेज';
document.querySelector('.qr-head').textContent = 'Join WhatsApp Channel';
document.querySelector('.qr-label').textContent = 'Scan QR Code';
document.querySelector('.badge-shield .l1').textContent = 'महिलाओं के लिए';
document.querySelector('.badge-shield .l2').textContent = 'सुनहरा अवसर';
document.querySelector('.footer-bar .note').textContent = 'अधिक जानकारी के लिए हमारी वेबसाइट पर विजिट करें —';
document.querySelector('.footer-bar .site').textContent = 'www.example.com';
loadCards(defaultCards);
loadTwoCards(defaultTwo);
loadDocs(defaultDocs);
document.querySelectorAll('.theme-swatch').forEach(s=>s.classList.remove('active'));
const firstSwatch = document.querySelector('.theme-swatch');
if(firstSwatch) firstSwatch.classList.add('active');
applyTheme(themes[0]);
restyleCardColors();
document.getElementById('wmToggle').checked = false;
toggleWatermark();
}
