femus@energyswaraj.org <\/a> <\/p>\nShare your CS Code and grow the Climate Satyagrahi community.<\/p>\n
\u00d7 <\/p>\n
How to Build Your Badge<\/h3>\n
1 Step 1 \u2013 Photo:<\/strong> Upload your selfie or portrait photo (square or portrait works best, min 500\u00d7500px). 2 Step 2 \u2013 Title:<\/strong> Choose any one of the 3 identity titles that will appear on your badge. 3 Step 3 \u2013 Preview & Share:<\/strong>
\u2022 Use the Face Position<\/strong> slider to move the photo up or down.
\u2022 Use the Photo Zoom<\/strong> slider to zoom in or out.
\u2022 Click Download HD Badge<\/strong> to save a high-quality PNG. Tip:<\/strong> After downloading, set the image as your WhatsApp or social media profile picture to spread the movement! \u00d7 Your Certificate ![\"Certificate\"](\"\")
Download Certificate Close [tcb-script]\/* ===================================================================== 1) DATA SETTINGS ===================================================================== *\/var SHEET_ID = ‘1mvbjtWsdNMMKcMkIgDSBXRacCBZ1YbDizKzksGut0To’;\/* Data WordPress se aata hai (FEM’Us Data API v2 snippet). API_BASE = WordPress ke endpoints ka address USE_SHEET_FALLBACK = agar naya API kabhi band ho to purane raaste (\/pledges, phir Google Sheet) se data le lega, taki page kabhi khaali na ho. PAGE_SIZE = “Load More” ek baar me kitne naam dikhaye API_TIMEOUT_MS = itni der me jawab na aaye to error \/ backup *\/var API_BASE = ‘\/wp-json\/femus\/v1’;var USE_SHEET_FALLBACK = true;var PAGE_SIZE = 10;var API_TIMEOUT_MS = 15000;var REF_BASE = ‘https:\/\/thefiniteearth.org\/pledge?ref=’;\/* Ye numbers ab SCREEN par nahi dikhte. Sirf certificate-download ke Google Sheet log me jaate hain (purane columns na tootein isliye). *\/var BASE = { water_L: 20250, co2_kg: 52.5, chem_kg: 3.75 };\/* Download log (DP + certificate) \u2014 Google Apps Script web app *\/var LOG_URL = ‘https:\/\/script.google.com\/macros\/s\/AKfycbyOff7p5rSJxVMiCswVGRP8GyKa4jkRTE6b0dIHKsmio7ndmBN9nS0QabfG0eUE9UGblQ\/exec’;\/* ===================================================================== 2) CERTIFICATE SETTINGS \u2014 certificate me kuch bhi badalna ho to SIRF is block me badlein. Neeche ka code chhune ki zaroorat nahi. ===================================================================== *\/\/* Kitne referrals par kaunsa certificate khulta hai *\/var MILESTONES = { bronze: 5, silver: 25, gold: 50, platinum: 100 };\/* Certificate ki photo (Media Library me nayi photo upload karke uska “File URL” yahan paste karein \u2014 hamesha https:\/\/ wala). NOTE: pehle yahan http:\/\/ tha \u2014 https site par browser use block kar deta hai (mixed content) aur certificate download fail hota tha. *\/var CERT_IMG = { bronze: ‘https:\/\/thefiniteearth.org\/wp-content\/uploads\/2026\/10\/Bronze-scaled.png’, silver: ‘https:\/\/thefiniteearth.org\/wp-content\/uploads\/2026\/10\/SILVER-scaled.png’, gold: ‘https:\/\/thefiniteearth.org\/wp-content\/uploads\/2026\/10\/GOLD-scaled.png’, platinum: ‘https:\/\/thefiniteearth.org\/wp-content\/uploads\/2026\/10\/PLATINUM-scaled.png’};\/* Certificate par NAAM aur TAREEKH kahan aur kaise chhape. top = upar se doori (% me). Naam neeche khiskana ho to badhayein. left = (sirf date) baayein se doori (% me) fontSize = certificate ki chaudai ka % (naam) \/ oonchai ka % (date) maxWidth = naam zyada se zyada certificate ki kitni % chaudai le (lamba naam ho to font apne aap chhota hota hai, line nahi tootti) color = rang; font = font ka naam; weight = motai *\/var CERT_POSITIONS = { name: { top: ‘42%’, fontSize: ‘3.2%’, maxWidth: 80, color: ‘#0d3d6e’, font: “‘Charm’,cursive”, weight: ‘700’ }, date: { top: ‘89.5%’, left: ‘18%’, fontSize: ‘2.1%’, color: ‘#555’, font: “‘Cormorant Garamond’,serif” }};\/* Popup ka title aur card par naam \/ icon *\/var CERT_META = { bronze: { label: ‘Bronze’, icon: ” }, silver: { label: ‘Silver’, icon: ” }, gold: { label: ‘Gold’, icon: ” }, platinum: { label: ‘Platinum’, icon: ” } };\/* Certificate section ke saare text (HTML chalega: <strong>, <br>). {milestones} apne aap “5, 25, 50, or 100″ ban jata hai (MILESTONES se). *\/var CERT_TEXT = { stepLabel: ‘Step 5: Get Your Certificate’, title: ‘Download Your Certificate of Climate Satyagraha’, intro: ‘Every pledge you inspire is more than a number — it represents a step towards finite consumption and meaningful climate action.’, unlockRule: ‘Individuals can earn their <strong>Certificate of Climate Correction<\/strong> upon reaching milestones of <strong>{milestones} pledges.<\/strong>’, orgNote: ‘<strong>Note for Organizations:<\/strong><br><br>Your collective pledges represent meaningful climate action by encouraging finite consumption and inspiring others to join Climate Satyagraha. Share your organization’s CS Code and referral link to grow your Climate Satyagrahi network. To honor this achievement, we will provide your Certificate of Climate Satyagrahi directly via email.<br><br><strong>Milestone Levels —<\/strong> Appreciation: 25 pledges | Bronze: 100 pledges | Silver: 250 pledges | Gold: 500 pledges | Platinum: 1,000 pledges | Champion: 1,500 pledges | Movement Multiplier: 2,500+ pledges.<br><br>Every pledge brings us closer to a finite-consumption future. Keep inspiring others and growing the Climate Satyagraha movement.’, allDoneLabel:’All milestones reached!’, allDoneHint: ‘You have unlocked all 4 certificates. You are a Climate Satyagrahi Champion!’, keepGoing: ‘Keep sharing to reach your next milestone.’};\/* ===================================================================== 3) STATE ===================================================================== *\/var C = { name:’Name’, email:’Email’, phone:’Phone’, city:’City’, country:’Country’, code:’Referral Code’, used:’Used Referral Code’ };var activeTab = ‘name’;var _sheetCache = null, _sheetFetchPromise = null;var certName = ”, certStats = {}, activeCertType = ‘bronze’, activeCertCode = ”;var milestoneDates = {}; \/* { bronze:’12 May 2026′, … } \u2014 khaali ho to download ki tareekh chhapti hai *\/var PH = { name:’Enter your full name’, phone:’Enter your phone number’, email:’Enter your email address’ };var _searchSeq = 0; \/* purani search ka late jawab nayi search ko na bigaade *\/var _pagers = {}; \/* “Load More” lists: ‘ref’ aur ‘city’ *\/var _forgotMatches = [];var MONTHS = [‘January’,’February’,’March’,’April’,’May’,’June’,’July’,’August’,’September’,’October’,’November’,’December’];var ARROW_HTML = ‘<span aria-hidden=”true”><svg viewBox=”0 0 24 24″ fill=”none”><path d=”M5 12h13M12 6l6 6-6 6″ stroke=”currentColor” stroke-width=”2″ stroke-linecap=”round” stroke-linejoin=”round”\/><\/svg><\/span>’;var DL_ICON = ‘<svg viewBox=”0 0 24 24″><path d=”M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3″\/><\/svg>’;var TICK_ICON = ‘<svg viewBox=”0 0 24 24″><path d=”M5 13l4 4L19 7″\/><\/svg>’;\/* ===================================================================== 4) API (naya, tez raasta) \u2014 \/impact, \/city, \/lookup ===================================================================== *\/function apiError(kind, msg) { var e = new Error(msg); e.kind = kind; return e; }function apiGet(path, params) { var qs = Object.keys(params || {}).map(function(k) { return encodeURIComponent(k) + ‘=’ + encodeURIComponent(params[k]); }).join(‘&’); var url = API_BASE + path + (qs ? ‘?’ + qs : ”); var ctrl = (typeof AbortController !== ‘undefined’) ? new AbortController() : null; var timer = ctrl ? setTimeout(function() { ctrl.abort(); }, API_TIMEOUT_MS) : null; return fetch(url, { credentials: ‘omit’, cache: ‘no-store’, headers: { Accept: ‘application\/json’ }, signal: ctrl ? ctrl.signal : undefined }) .then(function(r) { return r.json().catch(function() { return null; }).then(function(j) { if (r.status === 429) throw apiError(‘rate_limited’, ‘Too many searches. Please wait a minute and try again.’); if (!r.ok || !j || !j.ok) throw apiError((j && (j.error || j.code)) || (‘http_’ + r.status), ‘Server error (‘ + r.status + ‘)’); return j; }); }, function(err) { if (err && err.name === ‘AbortError’) throw apiError(‘timeout’, ‘The server is taking too long to respond.’); throw apiError(‘network’, ‘Network error’); }) .finally(function() { if (timer) clearTimeout(timer); });}\/* Rate limit par backup nahi \u2014 warna poori list download ho jayegi. *\/function canFallback(e) { return USE_SHEET_FALLBACK && !(e && e.kind === ‘rate_limited’); }function friendlyError(e) { if (e && e.kind === ‘rate_limited’) return e.message; if (e && e.kind === ‘timeout’) return ‘The server is taking too long to respond. Please try again in a moment.’; return ‘Could not load data right now. Please check your internet connection and try again.’;}\/* ===================================================================== 5) BACKUP (purana raasta) \u2014 poori list \/pledges ya Google Sheet se Sirf tab chalta hai jab naya API kaam na kare. ===================================================================== *\/function fetchCSV(sheetName) { var url = ‘https:\/\/docs.google.com\/spreadsheets\/d\/’ + SHEET_ID + ‘\/gviz\/tq?tqx=out:csv’ + (sheetName ? ‘&sheet=’ + encodeURIComponent(sheetName) : ”); return fetch(url, { cache: ‘no-store’ }) .then(function(r) { if (!r.ok) throw new Error(‘HTTP ‘ + r.status); return r.text(); }) .then(function(csv) { if (!csv || csv.length < 20) throw new Error(‘Empty’); return csv; });}function loadSheetFromGoogle() { if (_sheetCache) return Promise.resolve(_sheetCache); var names = [“FEMu2019Us Pledge data”, “FEM’Us Pledge data”, “”]; return new Promise(function(resolve, reject) { function tryNext(i) { if (i >= names.length) { reject(new Error(‘Could not load sheet.’)); return; } fetchCSV(names[i]) .then(function(csv) { _sheetCache = parseCSV(csv); resolve(_sheetCache); }) .catch(function() { tryNext(i + 1); }); } tryNext(0); });}function loadSheet() { if (_sheetCache) return Promise.resolve(_sheetCache); if (_sheetFetchPromise) return _sheetFetchPromise; _sheetFetchPromise = fetch(API_BASE + ‘\/pledges’, { credentials: ‘omit’ }) .then(function(r) { if (!r.ok) throw new Error(‘HTTP ‘ + r.status); return r.json(); }) .then(function(j) { if (!j || !j.ok || !j.rows || j.rows.length < 2) throw new Error(‘Empty response’); _sheetCache = j.rows; _sheetFetchPromise = null; return j.rows; }) .catch(function(err) { _sheetFetchPromise = null; if (!USE_SHEET_FALLBACK) throw err; console.warn(‘[FEMUs] \/pledges down, using Google Sheet:’, err.message); return loadSheetFromGoogle(); }); return _sheetFetchPromise;}function parseCSV(text) { var rows = [], lines = text.split(‘n’); for (var i = 0; i < lines.length; i++) { var l = lines[i].trim(); if (l) rows.push(parseCSVRow(l)); } return rows;}function parseCSVRow(line) { var cells = [], cur = ”, inQ = false; for (var i = 0; i < line.length; i++) { var ch = line[i]; if (ch === ‘”‘) { if (inQ && line[i + 1] === ‘”‘) { cur += ‘”‘; i++; } else { inQ = !inQ; } } else if (ch === ‘,’ && !inQ) { cells.push(cur.trim()); cur = ”; } else { cur += ch; } } cells.push(cur.trim()); return cells;}function buildIdx(h) { var idx = {}; for (var k in C) idx[k] = h.indexOf(C[k]); return idx; }\/* Referral count ka niyam API jaisa hi: trim + small letters, aur apna hi code daalne wala khud ka referral nahi ginta. *\/function getReferreds(rows, idx, code) { var list = [], c = String(code || ”).trim().toLowerCase(); if (!c) return list; for (var i = 1; i < rows.length; i++) { var used = (rows[i][idx.used] || ”).trim().toLowerCase(); if (used !== c) continue; if ((rows[i][idx.code] || ”).trim().toLowerCase() === c) continue; list.push({ name: rows[i][idx.name] || ”, city: rows[i][idx.city] || ”, country: rows[i][idx.country] || ” }); } return list;}function maskEmail(email) { email = String(email || ”).trim(); if (!email || email.indexOf(‘@’) === -1) return ”; var p = email.split(‘@’); return p[0].substring(0, 2) + ‘***@’ + (p[1] || ”);}function localPager(list) { return function(offset) { return Promise.resolve(list.slice(offset, offset + PAGE_SIZE)); };}\/* ===================================================================== 6) SMALL HELPERS ===================================================================== *\/function $(id) { return document.getElementById(id); }function flashErr(inp) { inp.classList.add(‘is-error’); setTimeout(function() { inp.classList.remove(‘is-error’); }, 1500);}function esc(s) { return String(s == null ? ” : s).replace(\/[&<>”‘]\/g, function(c) { return { ‘&’: ‘&’, ‘<‘: ‘<’, ‘>’: ‘>’, ‘”‘: ‘"’, “‘”: ‘'’ }[c]; });}function fmt(n) { return Number(n).toLocaleString(); }\/* “29 October 2026″ \u2014 certificate aur log dono me yahi format *\/function fmtDate(d) { d = d || new Date(); return d.getDate() + ‘ ‘ + MONTHS[d.getMonth()] + ‘ ‘ + d.getFullYear(); }function initialsOf(name) { return String(name || ”).trim().split(\/s+\/).map(function(w) { return w.charAt(0); }).slice(0, 2).join(”).toUpperCase() || ‘?’;}function setBtnBusy(btn) { btn.disabled = true; btn.setAttribute(‘aria-busy’, ‘true’); btn.innerHTML = ‘<span>SEARCHING\u2026<\/span><span aria-hidden=”true”><span><\/span><\/span>’;}function setBtnIdle(btn, label) { btn.disabled = false; btn.removeAttribute(‘aria-busy’); btn.innerHTML = ‘<span>’ + label + ‘<\/span>’ + ARROW_HTML;}function showErr(outEl, msg, label) { outEl.innerHTML = ‘<div><div><span><\/span> ‘ + esc(label || ‘Not Found’) + ‘<\/div><span>’ + esc(msg) + ‘<\/span><\/div>’;}function hidePanels() { $(‘panel-forgot’).classList.remove(‘show’); $(‘panel-dp’).classList.remove(‘show’);}\/* Certificate ke liye naam \/ code \/ count yaad rakhna (impact + forgot dono se) *\/function setCertContext(name, code, cnt) { cnt = Number(cnt) || 0; certName = String(name || ”).trim(); activeCertCode = code || ”; certStats = { cnt: cnt, water_L: cnt * BASE.water_L, co2_kg: cnt * BASE.co2_kg, chem_kg: cnt * BASE.chem_kg };}\/* Browser me file download karwana (DP + certificate) *\/function triggerDownload(href, filename) { var a = document.createElement(‘a’); a.download = filename; a.href = href; document.body.appendChild(a); a.click(); document.body.removeChild(a);}\/* Google Sheet log \u2014 fail ho to bhi user ko kabhi rokta nahi *\/function logEvent(params) { var qs = Object.keys(params).map(function(k) { return k + ‘=’ + encodeURIComponent(params[k] == null ? ” : params[k]); }).join(‘&’); try { fetch(LOG_URL + ‘?’ + qs, { method: ‘GET’, mode: ‘no-cors’, keepalive: true }).catch(function(err) { console.warn(‘Log failed:’, err); }); } catch (err) { console.warn(‘Log failed:’, err); }}\/* ===================================================================== 7) “LOAD MORE” \u2014 har click par agle PAGE_SIZE (10) naam ===================================================================== *\/function pagerHtml(key) { return ‘<div>’ + ‘<button type=”button” id=”‘ + key + ‘-more” onclick=”loadMore(” + key + ”)”><\/button>’ + ‘<span id=”‘ + key + ‘-note” aria-live=”polite”><\/span><\/div>’;}function initPager(key, total, shown, fetchPage, rowFn) { _pagers[key] = { total: total, shown: shown, fetchPage: fetchPage, rowFn: rowFn, busy: false, error: ” }; updatePager(key);}function updatePager(key) { var p = _pagers[key], btn = $(key + ‘-more’), note = $(key + ‘-note’); if (!p || !btn || !note) return; var left = Math.max(0, p.total – p.shown); note.className = ‘ki-more-note’ + (p.error ? ‘ is-error’ : ”); note.textContent = p.error || (‘Showing ‘ + fmt(p.shown) + ‘ of ‘ + fmt(p.total)); if (left === 0) { btn.style.display = ‘none’; return; } btn.style.display = ”; btn.disabled = p.busy; btn.innerHTML = p.busy ? ‘<span><\/span> Loading\u2026’ : (p.error ? ‘Try Again’ : ‘Load More’) + ‘ <span>(next ‘ + Math.min(PAGE_SIZE, left) + ‘)<\/span>’;}function loadMore(key) { var p = _pagers[key]; if (!p || p.busy) return; p.busy = true; p.error = ”; updatePager(key); p.fetchPage(p.shown) .then(function(items) { if (_pagers[key] !== p) return; var tbody = $(key + ‘-tbody’); items = items || []; if (!tbody) return; if (!items.length) { p.total = p.shown; return; } tbody.insertAdjacentHTML(‘beforeend’, p.rowFn(items, p.shown)); p.shown += items.length; }) .catch(function(e) { if (_pagers[key] === p) p.error = (e && e.kind === ‘rate_limited’) ? e.message : ‘Could not load more names. Please try again.’; }) .finally(function() { if (_pagers[key] !== p) return; p.busy = false; updatePager(key); });}function refRows(items, start) { var html = ”; for (var i = 0; i < items.length; i++) { html += ‘<tr><td>’ + (start + i + 1) + ‘<\/td><td>’ + esc(items[i].name || ‘\u2014’) + ‘<\/td><\/tr>’; } return html;}function cityRows(items, start) { var html = ”; for (var i = 0; i < items.length; i++) { var p = items[i]; html += ‘<tr><td>’ + (start + i + 1) + ‘<\/td><td>’ + esc(p.name || ‘\u2014’) + ‘<\/td><td>’ + esc([p.city, p.country].filter(Boolean).join(‘, ‘)) + ‘<\/td><\/tr>’; } return html;}\/* ===================================================================== 8) PANELS ===================================================================== *\/function toggleForgot() { $(‘panel-dp’).classList.remove(‘show’); var panel = $(‘panel-forgot’); if (panel.classList.contains(‘show’)) { panel.classList.remove(‘show’); $(‘forgot-out’).innerHTML = ”; } else { panel.classList.add(‘show’); $(‘out’).innerHTML = ”; $(‘city-out’).innerHTML = ”; panel.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ }); setTimeout(function() { $(‘fq’).focus(); }, 300); }}function setTab(t) { activeTab = t; [‘name’, ‘phone’, ’email’].forEach(function(k) { var el = $(‘t-‘ + k); if (el) el.className = ‘tb’ + (k === t ? ‘ on’ : ”); }); var inp = $(‘fq’); inp.placeholder = PH[t]; inp.value = ”; inp.classList.remove(‘is-error’); $(‘forgot-out’).innerHTML = ”; setTimeout(function() { inp.focus(); }, 50);}\/* ===================================================================== 9) IMPACT SEARCH (CS Code) ===================================================================== *\/function loadImpactLocal(code) { return loadSheet().then(function(rows) { var idx = buildIdx(rows[0]), ownerRow = null; for (var r = 1; r < rows.length; r++) { if ((rows[r][idx.code] || ”).trim().toUpperCase() === code) { ownerRow = rows[r]; break; } } if (!ownerRow) return null; var list = getReferreds(rows, idx, code); return { owner: { name: ownerRow[idx.name] || ”, email_masked: maskEmail(ownerRow[idx.email]), city: ownerRow[idx.city] || ”, country: ownerRow[idx.country] || ”, code: code }, total: list.length, items: list.slice(0, PAGE_SIZE), fetchPage: localPager(list) }; });}function loadImpact(code) { return apiGet(‘\/impact’, { code: code, offset: 0, limit: PAGE_SIZE }).then(function(j) { if (!j.found || !j.owner) return null; var ownerCode = j.owner.code || code; return { owner: j.owner, total: Number(j.referred_count) || 0, items: j.referrals || [], fetchPage: function(offset) { return apiGet(‘\/impact’, { code: ownerCode, offset: offset, limit: PAGE_SIZE }).then(function(k) { return k.referrals || []; }); } }; }, function(e) { if (!canFallback(e)) throw e; console.warn(‘[FEMUs] \/impact unavailable, using backup list:’, e.message); return loadImpactLocal(code); });}function doImpactSearch() { var inp = $(‘impact-code’), btn = $(‘impact-btn’), out = $(‘out’); var code = inp.value.replace(\/s+\/g, ”).toUpperCase(); if (!code) { flashErr(inp); inp.focus(); return; } var seq = ++_searchSeq; setBtnBusy(btn); out.innerHTML = ”; $(‘city-out’).innerHTML = ”; loadImpact(code).then(function(res) { if (seq !== _searchSeq) return; if (!res) { showErr(out, ‘No record found for CS Code “‘ + code + ‘”. Please check and try again.’); return; } var o = res.owner, cnt = res.total; var loc = [o.city, o.country].filter(Boolean).join(‘, ‘); var meta = [o.email_masked, loc].filter(Boolean).join(‘ \u00b7 ‘); setCertContext(o.name, o.code || code, cnt); showImpactResult(out, { name: o.name || ”, meta: meta, total: cnt, items: res.items, fetchPage: res.fetchPage }); hidePanels(); }) .catch(function(e) { if (seq === _searchSeq) showErr(out, friendlyError(e), ‘Something went wrong’); }) .finally(function() { setBtnIdle(btn, ‘SEE MY IMPACT’); });}function showImpactResult(outEl, d) { var cnt = d.total; var listHtml; if (cnt === 0) { listHtml = ‘<span>No one has used your CS Code yet \u2014 start sharing!<\/span>’; } else { listHtml = ‘<table><thead><tr><th>S.No.<\/th><th>Name<\/th><\/tr><\/thead>’ + ‘<tbody id=”ref-tbody”>’ + refRows(d.items, 0) + ‘<\/tbody><\/table>’ + pagerHtml(‘ref’); } outEl.innerHTML = ‘<div><div><span><\/span> IMPACT REPORT<\/div>’ + ‘<div><div>’ + esc(initialsOf(d.name)) + ‘<\/div><div>’ + ‘<span>’ + esc(d.name) + ‘<\/span>’ + (d.meta ? ‘<span>’ + esc(d.meta) + ‘<\/span>’ : ”) + ‘<\/div><\/div>’ + ‘<div><div><span>’ + fmt(cnt) + ‘<\/span><span>’ + (cnt === 1 ? ‘Person’ : ‘People’) + ‘ Referred<\/span><\/div><\/div>’ + ‘<span>People who joined using your CS Code (‘ + fmt(cnt) + ‘)<\/span>’ + listHtml + buildCertSection(cnt) + ‘<\/div>’; if (cnt > 0) initPager(‘ref’, cnt, d.items.length, d.fetchPage, refRows);}\/* ===================================================================== 10) CITY SEARCH ===================================================================== *\/function loadCityLocal(q) { return loadSheet().then(function(rows) { var idx = buildIdx(rows[0]), lq = q.toLowerCase(), people = []; for (var r = 1; r < rows.length; r++) { var rc = (rows[r][idx.city] || ”).toLowerCase().trim(); if (rc.indexOf(lq) !== -1) people.push({ name: rows[r][idx.name] || ”, city: rows[r][idx.city] || ”, country: rows[r][idx.country] || ” }); } return { label: people.length ? (people[0].city || q) : q, total: people.length, items: people.slice(0, PAGE_SIZE), fetchPage: localPager(people) }; });}function loadCity(q) { return apiGet(‘\/city’, { q: q, offset: 0, limit: PAGE_SIZE }).then(function(j) { return { label: j.city_label || q, total: Number(j.total) || 0, items: j.people || [], fetchPage: function(offset) { return apiGet(‘\/city’, { q: q, offset: offset, limit: PAGE_SIZE }).then(function(k) { return k.people || []; }); } }; }, function(e) { if (!canFallback(e)) throw e; console.warn(‘[FEMUs] \/city unavailable, using backup list:’, e.message); return loadCityLocal(q); });}function doCitySearch() { var inp = $(‘city-input’), btn = $(‘city-btn’), out = $(‘city-out’); var cityQuery = inp.value.replace(\/s+\/g, ‘ ‘).trim(); if (!cityQuery) { flashErr(inp); inp.focus(); return; } var seq = ++_searchSeq; setBtnBusy(btn); out.innerHTML = ”; $(‘out’).innerHTML = ”; loadCity(cityQuery).then(function(res) { if (seq !== _searchSeq) return; var total = res.total; if (total === 0) { showErr(out, ‘No pledges found for “‘ + cityQuery + ‘”. Please check spelling or try another city.’); return; } var label = res.label; out.innerHTML = ‘<div><div><span><\/span> CITY IMPACT REPORT<\/div>’ + ‘<div><div style=”font-size:24px” aria-hidden=”true”>🌏<\/div><div>’ + ‘<span>’ + esc(label) + ‘<\/span>’ + ‘<span>Collective impact from ‘ + fmt(total) + ‘ Climate Satyagraha Pledge’ + (total !== 1 ? ‘s’ : ”) + ‘<\/span><\/div><\/div>’ + ‘<div><div><span>’ + fmt(total) + ‘<\/span><span>Total Pledges<\/span><\/div><\/div>’ + ‘<span>Pledges from ‘ + esc(label) + ‘ (‘ + fmt(total) + ‘)<\/span>’ + ‘<table><thead><tr><th>S.No.<\/th><th>Name<\/th><th>City \/ Country<\/th><\/tr><\/thead>’ + ‘<tbody id=”city-tbody”>’ + cityRows(res.items, 0) + ‘<\/tbody><\/table>’ + pagerHtml(‘city’) + ‘<\/div>’; initPager(‘city’, total, res.items.length, res.fetchPage, cityRows); hidePanels(); }) .catch(function(e) { if (seq === _searchSeq) showErr(out, friendlyError(e), ‘Something went wrong’); }) .finally(function() { setBtnIdle(btn, ‘SEARCH CITY’); });}\/* ===================================================================== 11) CERTIFICATE SECTION (cards + progress) ===================================================================== *\/function buildCertSection(cnt) { var levels = [{ key: ‘bronze’, val: MILESTONES.bronze }, { key: ‘silver’, val: MILESTONES.silver }, { key: ‘gold’, val: MILESTONES.gold }, { key: ‘platinum’, val: MILESTONES.platinum }]; var unlocked = {}; levels.forEach(function(l) { unlocked[l.key] = cnt >= l.val; }); var platinumOk = unlocked.platinum; var nextLevel = null, prevVal = 0; for (var i = 0; i < levels.length; i++) { if (cnt < levels[i].val) { nextLevel = levels[i]; prevVal = i > 0 ? levels[i – 1].val : 0; break; } } var pct = platinumOk ? 100 : Math.min(100, Math.round(((cnt – prevVal) \/ (nextLevel.val – prevVal)) * 100)); var barColor = platinumOk ? ‘linear-gradient(90deg,#1e3a5a,#4a90b8,#70b8d8,#4a90b8)’ : unlocked.gold ? ‘linear-gradient(90deg,#6a4800,#c09000,#f0d040)’ : unlocked.silver ? ‘linear-gradient(90deg,#1c2230,#5a7898,#c4d4e4)’ : ‘linear-gradient(90deg,#4a1800,#a05a20,#d4883a)’; var nextLabel = platinumOk ? CERT_TEXT.allDoneLabel : ‘Next: ‘ + nextLevel.val + ‘ referrals for ‘ + CERT_META[nextLevel.key].label; var nextHint = platinumOk ? CERT_TEXT.allDoneHint : CERT_TEXT.keepGoing; var vals = levels.map(function(l) { return l.val; }); var milestoneList = vals.slice(0, -1).join(‘, ‘) + ‘, or ‘ + vals[vals.length – 1]; function certCard(type) { var ok = unlocked[type], meta = CERT_META[type], threshold = MILESTONES[type]; var btnInner = ok ? DL_ICON + ‘ Download’ : threshold + ‘ needed’; return ‘<div>’ + ‘<span>’ + meta.icon + ‘<\/span>’ + (ok ? ” : ‘<span><\/span>’) + ‘<div>’ + meta.label + ‘<\/div>’ + ‘<div>’ + threshold + ‘ referrals<\/div>’ + ‘<button type=”button”‘ + (ok ? ‘ onclick=”openCert(” + type + ”)”‘ : ‘ disabled’) + ‘>’ + btnInner + ‘<\/button><\/div>’; } return ‘<div>’ + ‘<span>’ + CERT_TEXT.stepLabel + ‘<\/span>’ + ‘<div>’ + CERT_TEXT.title + ‘<\/div>’ + ‘<p>’ + CERT_TEXT.intro + ‘<\/p>’ + ‘<p>’ + CERT_TEXT.unlockRule.replace(‘{milestones}’, milestoneList) + ‘<\/p>’ + ‘<div><div><span>’ + fmt(cnt) + ‘ referral’ + (cnt !== 1 ? ‘s’ : ”) + ‘ so far<\/span><span>’ + nextLabel + ‘<\/span><\/div>’ + ‘<div><div style=”width:’ + pct + ‘%;background:’ + barColor + ‘”><\/div><\/div><\/div>’ + ‘<div>’ + certCard(‘bronze’) + certCard(‘silver’) + certCard(‘gold’) + certCard(‘platinum’) + ‘<\/div>’ + ‘<p>’ + CERT_TEXT.orgNote + ‘<\/p>’ + ‘<p>’ + nextHint + ‘<\/p><\/div>’;}\/* ===================================================================== 12) FORGOT CS CODE ===================================================================== *\/\/* Purani browser-side search. Ab sirf backup ke liye. *\/function doForgotSearchLegacy(query, out, tab) { tab = tab || activeTab; return loadSheet().then(function(rows) { var idx = buildIdx(rows[0]), q = query.toLowerCase(), matches = []; var qDigits = q.replace(\/D\/g, ”); for (var r = 1; r < rows.length; r++) { var row = rows[r]; if (!row || row.length < 2) continue; var hit = false; if (tab === ‘name’) hit = (row[idx.name] || ”).toLowerCase().indexOf(q) !== -1; else if (tab === ‘phone’) { var s = (row[idx.phone] || ”).replace(\/D\/g, ”); hit = s.length > 0 && qDigits.length > 0 && s === qDigits; } else hit = (row[idx.email] || ”).toLowerCase() === q; if (hit) { var code = (row[idx.code] || ”).trim(); matches.push({ name: row[idx.name] || ”, email_masked: maskEmail(row[idx.email]), city: row[idx.city] || ”, country: row[idx.country] || ”, code: code, referred_count: getReferreds(rows, idx, code).length }); } } if (matches.length === 0) showErr(out, ‘No record found. Please check the details you entered.’); else showForgotResults(out, matches); });}\/* Search server par hoti hai, isliye kisi ka phone number ya poora email browser tak aata hi nahi. *\/function doForgotSearch() { var inp = $(‘fq’), btn = $(‘fgo’), out = $(‘forgot-out’); var query = inp.value.trim(); if (!query) { flashErr(inp); inp.focus(); return; } var tab = activeTab; setBtnBusy(btn); out.innerHTML = ”; apiGet(‘\/lookup’, { type: tab, q: query }) .then(function(j) { var found = j.matches || []; if (!found.length) { showErr(out, ‘No record found. Please check the details you entered.’); return null; } var list = found.map(function(m) { return { name: m.name || ”, email_masked: m.email_masked || ”, city: m.city || ”, country: m.country || ”, code: m.code || ”, referred_count: (typeof m.referred_count === ‘number’) ? m.referred_count : null }; }); var needCounts = list.some(function(m) { return m.referred_count === null; }); if (!needCounts) return list; \/* Purana API (v1): count yahin browser me *\/ return loadSheet().then(function(rows) { var idx = buildIdx(rows[0]); list.forEach(function(m) { m.referred_count = getReferreds(rows, idx, m.code).length; }); return list; }).catch(function() { list.forEach(function(m) { if (m.referred_count === null) m.referred_count = 0; }); return list; }); }) .then(function(list) { if (list) showForgotResults(out, list); }) .catch(function(e) { if (canFallback(e)) { console.warn(‘[FEMUs] lookup down, using backup list:’, e.message); return doForgotSearchLegacy(query, out, tab).catch(function(e2) { showErr(out, friendlyError(e2), ‘Something went wrong’); }); } showErr(out, friendlyError(e), ‘Something went wrong’); }) .finally(function() { setBtnIdle(btn, ‘FIND MY CS CODE’); });}function showForgotResults(outEl, list) { if (list.length === 1) showForgotProfile(outEl, list[0]); else showForgotMulti(outEl, list);}function showForgotProfile(outEl, r) { var loc = [r.city, r.country].filter(Boolean).join(‘, ‘); var meta = [r.email_masked, loc].filter(Boolean).join(‘ \u00b7 ‘); var link = REF_BASE + r.code; setCertContext(r.name, r.code, r.referred_count); var copyIco = ‘<svg viewBox=”0 0 24 24″><path d=”M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z”\/><\/svg>’; outEl.innerHTML = ‘<div><div><span><\/span> Profile Found<\/div>’ + ‘<div><div><div>’ + esc(initialsOf(r.name)) + ‘<\/div><div>’ + ‘<span>’ + esc(r.name) + ‘<\/span>’ + (meta ? ‘<span>’ + esc(meta) + ‘<\/span>’ : ”) + ‘<\/div><\/div>’ + ‘<div><span>Your Climate Satyagrahi Code<\/span>’ + ‘<div><span>’ + esc(r.code) + ‘<\/span>’ + ‘<button type=”button” id=”fp-cbtn” data-copy=”‘ + esc(r.code) + ‘” onclick=”fpCopyCode(this.getAttribute(‘data-copy’))”>’ + copyIco + ‘ Copy CS Code<\/button><\/div><\/div>’ + ‘<div><span>Your Referral Link<\/span>’ + ‘<div><div><span>thefiniteearth.org\/pledge?ref=<\/span><span>’ + esc(r.code) + ‘<\/span><\/div>’ + ‘<button type=”button” id=”fp-lbtn” data-copy=”‘ + esc(link) + ‘” onclick=”fpCopyLink(this.getAttribute(‘data-copy’))”>’ + copyIco + ‘ Copy Link<\/button><\/div><\/div>’ + ‘<div>’ + ‘<svg viewBox=”0 0 24 24″><circle cx=”12″ cy=”12″ r=”10″\/><line x1=”12″ y1=”8″ x2=”12″ y2=”12″\/><line x1=”12″ y1=”16″ x2=”12.01″ y2=”16″\/><\/svg>’ + ‘Enter your CS Code above to see your full impact & certificate<\/div><\/div><\/div>’;}function showForgotMulti(outEl, arr) { _forgotMatches = arr; var items = arr.map(function(r, i) { var loc = [r.city, r.country].filter(Boolean).join(‘ \u00b7 ‘); var met = [r.email_masked, loc].filter(Boolean).join(‘ \u00b7 ‘); return ‘<button type=”button” onclick=”pickForgotProfile(‘ + i + ‘)”>’ + ‘<span><span>’ + esc(r.name || ‘\u2014’) + ‘<\/span>’ + (met ? ‘<span>’ + esc(met) + ‘<\/span>’ : ”) + ‘<\/span>’ + ‘<span>’ + esc(r.code) + ‘<\/span><\/button>’; }).join(”); outEl.innerHTML = ‘<div><div><span><\/span> Multiple Matches \u2014 Select Yours<\/div><div>’ + items + ‘<\/div><\/div>’;}function pickForgotProfile(i) { var out = $(‘forgot-out’); var r = _forgotMatches[i]; if (r) showForgotProfile(out, r); else showErr(out, ‘Could not load profile.’);}function copyWithFeedback(btnId, text) { var btn = $(btnId); function done() { if (!btn) return; var o = btn.innerHTML; btn.innerHTML = TICK_ICON + ‘ Copied!’; btn.classList.add(‘done’); setTimeout(function() { btn.innerHTML = o; btn.classList.remove(‘done’); }, 2500); } function legacy() { var ta = document.createElement(‘textarea’); ta.value = text; ta.style.cssText = ‘position:fixed;opacity:0’; document.body.appendChild(ta); ta.select(); try { document.execCommand(‘copy’); done(); } catch (e) {} document.body.removeChild(ta); } if (navigator.clipboard && navigator.clipboard.writeText) navigator.clipboard.writeText(text).then(done).catch(legacy); else legacy();}function fpCopyCode(code) { copyWithFeedback(‘fp-cbtn’, code); }function fpCopyLink(link) { copyWithFeedback(‘fp-lbtn’, link); }\/* ===================================================================== 13) DP BADGE BUILDER ===================================================================== *\/function showHowModal() { $(‘dp-how-modal’).classList.add(‘show’); document.body.style.overflow = ‘hidden’; }\/* Backdrop par click (event ke saath) ya Close button (bina event) \u2014 dono band karte hain *\/function hideHowModal(e) { if (e && e.target !== $(‘dp-how-modal’)) return; $(‘dp-how-modal’).classList.remove(‘show’); document.body.style.overflow = ”;}var DP_FRAMES = [ { title: “I am a Climate Satyagrahi”, url: “https:\/\/thefiniteearth.org\/wp-content\/uploads\/2026\/04\/I-am-a-Climate-Satyagrahi-22.png” }, { title: “I support Climate Satyagraha”, url: “https:\/\/thefiniteearth.org\/wp-content\/uploads\/2026\/04\/I-support-Climate-Satyagraha-55.png” }, { title: “I support Energy Swaraj”, url: “https:\/\/thefiniteearth.org\/wp-content\/uploads\/2026\/04\/I-support-Energy-Swaraj-66.png” }];var dpState = { img: null, frameImg: new Image(), scale: 1, baseScale: 1, dx: 0, dy: 0, manualDy: 0, isDragging: false, startX: 0, startY: 0, activeTitleIdx: 0 };var dpCanvas, dpCtx, dpInited = false;var dpCurrentStep = 1;var _dpFrameCache = {}; \/* ek baar load hua frame dobara download nahi hota *\/var _dpDrawQueued = false;function toggleDP() { $(‘panel-forgot’).classList.remove(‘show’); var panel = $(‘panel-dp’); if (panel.classList.contains(‘show’)) { panel.classList.remove(‘show’); } else { panel.classList.add(‘show’); $(‘out’).innerHTML = ”; $(‘city-out’).innerHTML = ”; panel.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ }); if (!dpInited) initDP(); }}function dpGoStep(n) { if (n > 1 && !dpState.img) { alert(‘Please upload a photo first.’); return; } dpCurrentStep = n; for (var i = 1; i <= 3; i++) { var tab = $(‘dp-tab-‘ + i), panel = $(‘dp-panel-‘ + i); if (tab) tab.className = ‘dp-step-tab’ + (i === n ? ‘ active’ : (i < n ? ‘ done’ : ”)); if (panel) panel.className = ‘dp-step-panel’ + (i === n ? ‘ active’ : ”); } if (n === 3) setTimeout(drawDP, 50);}function initDP() { dpInited = true; dpCanvas = $(‘dp-canvas’); dpCtx = dpCanvas.getContext(‘2d’); var list = $(‘dp-radio-list’); list.innerHTML = ”; DP_FRAMES.forEach(function(item, i) { var div = document.createElement(‘div’); div.className = ‘dp-radio-item’ + (i === 0 ? ‘ selected’ : ”); div.setAttribute(‘data-idx’, i); div.innerHTML = ‘<div><div><\/div><\/div>’ + esc(item.title); div.onclick = function() { var items = list.children; for (var k = 0; k < items.length; k++) items[k].classList.remove(‘selected’); div.classList.add(‘selected’); loadDPFrame(i); }; list.appendChild(div); }); dpCanvas.addEventListener(‘mousedown’, dpStartDrag); window.addEventListener(‘mousemove’, dpDrag); window.addEventListener(‘mouseup’, dpEndDrag); dpCanvas.addEventListener(‘touchstart’, function(e) { dpStartDrag(e.touches[0]); e.preventDefault(); }, { passive: false }); window.addEventListener(‘touchmove’, function(e) { if (dpState.isDragging) { dpDrag(e.touches[0]); e.preventDefault(); } }, { passive: false }); window.addEventListener(‘touchend’, dpEndDrag); dpCtx.fillStyle = ‘#f0ece3’; dpCtx.fillRect(0, 0, 1080, 1080); loadDPFrame(0);}function loadDPFrame(idx) { dpState.activeTitleIdx = idx; var img = _dpFrameCache[idx]; if (!img) { img = new Image(); img.crossOrigin = ‘anonymous’; img.src = DP_FRAMES[idx].url; _dpFrameCache[idx] = img; } dpState.frameImg = img; if (img.complete && img.naturalWidth) drawDP(); else img.onload = function() { if (dpState.frameImg === img) drawDP(); };}function handleDPUpload(e) { var file = e.target.files[0]; if (!file) return; var reader = new FileReader(); reader.onload = function(ev) { var img = new Image(); img.onload = function() { dpState.img = img; dpState.baseScale = Math.max(1080 \/ img.width, 1080 \/ img.height); dpState.scale = dpState.baseScale; dpState.dx = 0; dpState.dy = 0; dpState.manualDy = 0; $(‘dp-zoom’).value = 1; $(‘dp-pos-y’).value = 0; var preview = $(‘dp-photo-preview’); preview.src = ev.target.result; preview.classList.add(‘show’); $(‘dp-upload-icon’).style.display = ‘none’; $(‘dp-upload-label-text’).textContent = ‘Photo selected’; $(‘dp-upload-sub’).textContent = ‘Tap to change photo’; $(‘dp-upload-zone’).classList.add(‘has-photo’); $(‘dp-step1-next’).disabled = false; drawDP(); }; img.src = ev.target.result; }; reader.readAsDataURL(file);}function handleDPZoom() { dpState.scale = dpState.baseScale * parseFloat($(‘dp-zoom’).value); scheduleDraw(); }function handleDPPosY() { dpState.manualDy = parseFloat($(‘dp-pos-y’).value); scheduleDraw(); }function dpStartDrag(e) { if (!dpState.img) return; dpState.isDragging = true; dpState.startX = e.clientX; dpState.startY = e.clientY; }function dpDrag(e) { if (!dpState.isDragging || !dpState.img) return; var rect = dpCanvas.getBoundingClientRect(), sf = 1080 \/ rect.width; dpState.dx += (e.clientX – dpState.startX) * sf; dpState.dy += (e.clientY – dpState.startY) * sf; dpState.startX = e.clientX; dpState.startY = e.clientY; scheduleDraw();}function dpEndDrag() { dpState.isDragging = false; }\/* Drag \/ slider par har pixel pe canvas na banaye \u2014 ek frame me ek baar (smooth) *\/function scheduleDraw() { if (_dpDrawQueued) return; _dpDrawQueued = true; (window.requestAnimationFrame || setTimeout)(function() { _dpDrawQueued = false; drawDP(); });}function drawDP() { if (!dpCtx) return; dpCtx.clearRect(0, 0, 1080, 1080); dpCtx.fillStyle = ‘#ffffff’; dpCtx.fillRect(0, 0, 1080, 1080); if (dpState.img) { dpCtx.save(); dpCtx.beginPath(); dpCtx.arc(540, 540, 500, 0, Math.PI * 2); dpCtx.closePath(); dpCtx.clip(); dpCtx.translate(540 + dpState.dx, 540 + dpState.dy + dpState.manualDy); dpCtx.scale(dpState.scale, dpState.scale); dpCtx.drawImage(dpState.img, -dpState.img.width \/ 2, -dpState.img.height \/ 2); dpCtx.restore(); } var f = dpState.frameImg; if (f && f.complete && f.naturalWidth) dpCtx.drawImage(f, 0, 0, 1080, 1080);}function downloadDP() { if (!dpState.img) { alert(‘Please upload a photo first.’); return; } var badgeTitle = DP_FRAMES[dpState.activeTitleIdx].title; try { drawDP(); triggerDownload(dpCanvas.toDataURL(‘image\/png’, 1.0), ‘FEMUs_Badge_’ + badgeTitle.replace(\/[^a-zA-Z0-9]\/g, ‘_’) + ‘.png’); updateShareLinks(); logEvent({ action: ‘dp_download’, badgeTitle: badgeTitle, downloadDate: fmtDate(), name: certName, code: activeCertCode, timestamp: new Date().toISOString() }); } catch (err) { alert(‘Image security blocked the download. Please right-click the image and save it manually.’); }}function updateShareLinks() { var pledgeUrl = REF_BASE.split(‘?’)[0]; var text = encodeURIComponent(“I just built my ” + DP_FRAMES[dpState.activeTitleIdx].title + ” Badge! Take the pledge and check your impact at ” + pledgeUrl); var url = encodeURIComponent(pledgeUrl); $(‘dp-share-wa’).href = ‘https:\/\/api.whatsapp.com\/send?text=’ + text; $(‘dp-share-ig’).href = ‘https:\/\/www.instagram.com\/’; $(‘dp-share-li’).href = ‘https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=’ + url; $(‘dp-share-x’).href = ‘https:\/\/twitter.com\/intent\/tweet?text=’ + text; $(‘dp-share-fb’).href = ‘https:\/\/www.facebook.com\/sharer\/sharer.php?u=’ + url + ‘"e=’ + text;}\/* ===================================================================== 14) CERTIFICATE POPUP + DOWNLOAD (settings upar block 2 me hain) ===================================================================== *\/function getCertImgUrl(type) { return CERT_IMG[type] || CERT_IMG.bronze; }\/* Certificate par chhapne wali tareekh: milestone ki (agar pata ho) warna aaj ki *\/function certDateStr() { return milestoneDates[activeCertType] || fmtDate(); }function openCert(type) { if (!certName) { alert(‘Please search for your CS Code first.’); return; } var cnt = certStats.cnt || 0, threshold = MILESTONES[type] || MILESTONES.bronze; if (cnt < threshold) { alert(‘You need ‘ + threshold + ‘ referrals to unlock the ‘ + CERT_META[type].label + ‘ certificate. You currently have ‘ + cnt + ‘.’); return; } activeCertType = type || ‘bronze’; var meta = CERT_META[activeCertType]; $(‘cert-overlay-title’).textContent = (meta.icon ? meta.icon + ‘ ‘ : ”) + ‘Your ‘ + meta.label + ‘ Certificate of Impact’; var img = $(‘cert-img’), url = getCertImgUrl(activeCertType); \/* Naam \/ tareekh pehle hi bhar dein, taki photo load hote hi sahi text dikhe *\/ positionCertOverlays(); if (img.src !== url) img.src = url; \/* same photo ho to onload nahi aata \u2014 neeche wala call sambhal lega *\/ $(‘cert-overlay’).style.display = ‘flex’; document.body.style.overflow = ‘hidden’; setTimeout(positionCertOverlays, 100);}function closeCert() { $(‘cert-overlay’).style.display = ‘none’; document.body.style.overflow = ”; }function certOverlayOpen() { var o = $(‘cert-overlay’); return o && o.style.display === ‘flex’; }\/* Naam aur tareekh ko certificate ki photo ke hisaab se jagah \/ size deta hai. Photo load hone par (onload), popup khulne par, resize par, aur download se theek pehle \u2014 har baar yahi chalta hai, isliye text hamesha sahi jagah rehta hai. *\/function positionCertOverlays() { var img = $(‘cert-img’), nameEl = $(‘co-name’), dateEl = $(‘co-date’); if (!img || !nameEl || !dateEl) return; var w = img.offsetWidth, h = img.offsetHeight; var N = CERT_POSITIONS.name, D = CERT_POSITIONS.date; nameEl.textContent = certName; dateEl.textContent = certDateStr(); if (!w || !h) return; \/* photo abhi aayi nahi \u2014 onload par dobara chalega *\/ var nameSize = Math.round(w * parseFloat(N.fontSize) \/ 100); nameEl.style.top = N.top; nameEl.style.fontFamily = N.font || “‘Charm’,cursive”; nameEl.style.fontWeight = N.weight || ‘700’; nameEl.style.color = N.color || ‘#0d3d6e’; nameEl.style.fontSize = nameSize + ‘px’; \/* Lamba naam: ek line me rakhne ke liye font utna chhota karein jitna zaroori ho (kam se kam 45%). Text ki asli chaudai Range se naapte hain (box ki nahi). *\/ var maxW = w * ((N.maxWidth || 80) \/ 100), minSize = Math.max(10, Math.round(nameSize * 0.45)); var textW = certTextWidth(nameEl), guard = 0; while (textW > maxW && nameSize > minSize && guard++ < 6) { nameSize = Math.max(minSize, Math.floor(nameSize * maxW \/ textW)); nameEl.style.fontSize = nameSize + ‘px’; textW = certTextWidth(nameEl); } dateEl.style.top = D.top; dateEl.style.left = D.left || ‘12%’; dateEl.style.fontSize = Math.round(h * parseFloat(D.fontSize) \/ 100) + ‘px’; if (D.font) dateEl.style.fontFamily = D.font; if (D.color) dateEl.style.color = D.color;}\/* Element ke andar ke TEXT ki chaudai (px) \u2014 element ki apni chaudai nahi *\/function certTextWidth(el) { if (!el.firstChild || !document.createRange) return el.scrollWidth; var r = document.createRange(); r.selectNodeContents(el); return r.getBoundingClientRect().width;}\/* Photo (certificate background) poori load ho jaaye, tab resolve *\/function waitForCertImage() { var img = $(‘cert-img’); if (img.complete && img.naturalWidth) return Promise.resolve(); return new Promise(function(resolve) { var done = function() { img.removeEventListener(‘load’, done); img.removeEventListener(‘error’, done); resolve(); }; img.addEventListener(‘load’, done); img.addEventListener(‘error’, done); setTimeout(done, 8000); });}function downloadCert() { var btn = $(‘dl-btn’); var idleHtml = DL_ICON + ‘ Download Certificate’; if (typeof html2canvas !== ‘function’) { alert(‘Still loading, please try again in a moment.’); return; } btn.disabled = true; btn.innerHTML = ‘<span><\/span> Generating\u2026’; \/* Photo + fonts (Charm \/ Cormorant) load hone ka intezaar, phir text ki jagah dobara set \u2014 tab image banao. Isse naam \/ tareekh kabhi galat font ya galat jagah par nahi aate. *\/ var fontsReady = (document.fonts && document.fonts.ready) ? document.fonts.ready : Promise.resolve(); Promise.all([waitForCertImage(), fontsReady]).then(function() { positionCertOverlays(); return html2canvas($(‘cert-wrapper’), { scale: 3, useCORS: true, allowTaint: true, backgroundColor: null, logging: false }); }).then(function(canvas) { var meta = CERT_META[activeCertType] || CERT_META.bronze; triggerDownload(canvas.toDataURL(‘image\/png’, 1.0), ‘FEMUs_’ + meta.label + ‘_Certificate_’ + certName.replace(\/s+\/g, ‘_’) + ‘.png’); var cnt = certStats.cnt || 0; logEvent({ name: certName, code: activeCertCode, certType: meta.label, referralCount: cnt, waterSaved: Math.round(cnt * BASE.water_L), co2Reduced: (cnt * BASE.co2_kg).toFixed(1), chemReduced: (cnt * BASE.chem_kg).toFixed(2), downloadDate: fmtDate(), milestoneDate: milestoneDates[activeCertType] || ” }); btn.disabled = false; btn.innerHTML = TICK_ICON + ‘ Downloaded!’; setTimeout(function() { btn.innerHTML = idleHtml; }, 3000); }).catch(function(err) { console.error(err); btn.disabled = false; btn.innerHTML = idleHtml; alert(‘Download failed. Please right-click the certificate and save image.’); });}\/* ===================================================================== 15) HEADER GAP \u2014 header ki asli oonchai naap kar “See Your Impact” ko uske neeche rakhta hai. Gap badalna ho to sirf KI_HEADER_GAP badlein. ===================================================================== *\/var KI_HEADER_GAP = 6; \/* + 18px hero padding = header ke neeche ~24px gap *\/function kiFitHeader() { var page = $(‘ki-page’); var hdr = document.querySelector(‘.thrv_header’) || document.querySelector(‘header’); if (!page || !hdr) return; var overlap = Math.round(hdr.getBoundingClientRect().bottom – page.getBoundingClientRect().top); page.style.setProperty(‘–ki-header-clear’, (Math.max(0, overlap) + KI_HEADER_GAP) + ‘px’);}(function() { var queued = false; function queue() { if (queued) return; queued = true; (window.requestAnimationFrame || setTimeout)(function() { queued = false; kiFitHeader(); }); } kiFitHeader(); window.addEventListener(‘load’, queue); \/* logo \/ fonts load hone ke baad *\/ window.addEventListener(‘resize’, queue); \/* zoom + rotate + resize *\/ if (window.ResizeObserver) { var hdr = document.querySelector(‘.thrv_header’) || document.querySelector(‘header’); if (hdr) new ResizeObserver(queue).observe(hdr); \/* menu wrap ho to header ooncha *\/ } if (document.fonts && document.fonts.ready) document.fonts.ready.then(queue);})();\/* ===================================================================== 16) GLOBAL EVENTS ===================================================================== *\/window.addEventListener(‘resize’, function() { if (certOverlayOpen()) positionCertOverlays(); });document.addEventListener(‘keydown’, function(e) { if (e.key === ‘Escape’) { if (certOverlayOpen()) closeCert(); else if ($(‘dp-how-modal’).classList.contains(‘show’)) hideHowModal(); return; } if (e.key !== ‘Enter’) return; var a = document.activeElement; if (!a) return; if (a.id === ‘impact-code’) doImpactSearch(); else if (a.id === ‘city-input’) doCitySearch(); else if (a.id === ‘fq’) doForgotSearch();});updateShareLinks();[\/tcb-script]<\/p>\n","protected":false},"excerpt":{"rendered":"Climate Satyagraha \u2013 Your Impact[tcb-script defer=”” src=”https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js”][\/tcb-script] See Your Impact Measure the change you are creating. 1Register My Pledge 2Get Your Code 3Invite Others 4See Your Impact Track Your Impact Climate change is not caused by a few \u2014 it is the result of everyday consumption by all of us. And it will not be […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","tve_updated_post":"","tve_custom_css":"","tve_user_custom_css":"","tve_globals":{},"tcb2_ready":1,"tcb_editor_enabled":1,"tve_landing_page":"bd86f3fc67210fed5b2794ad4a56d3a9","_tve_header":"216","_tve_footer":"0"},"class_list":["post-2126","page","type-page","status-publish","hentry","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/pages\/2126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/comments?post=2126"}],"version-history":[{"count":51,"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/pages\/2126\/revisions"}],"predecessor-version":[{"id":2190,"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/pages\/2126\/revisions\/2190"}],"wp:attachment":[{"href":"https:\/\/thefiniteearth.org\/hindi\/wp-json\/wp\/v2\/media?parent=2126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/thefiniteearth.org\/wp-content\/uploads\/2026\/01\/Earth-scaled.png\")
<\/p>\n![\"\ud83c\udf96\"](\"https:\/\/s.w.org\/images\/core\/emoji\/17.0.2\/svg\/1f396.svg\")
<\/span> Build Your Satyagrahi Badge How to use 1 Photo 2 Title 3 Preview