|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="utf-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
<title>Responsive Gamma Embed</title> |
|
|
<style> |
|
|
html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; } |
|
|
#custom-iframe { width: 100%; height: 100%; border: none; } |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<iframe id="custom-iframe" sandbox="allow-scripts allow-same-origin allow-top-navigation-by-user-activation allow-popups"></iframe> |
|
|
<script> |
|
|
(async function() { |
|
|
const targetUrl = 'https://akshay-365-9vx6m3k.gamma.site/'; |
|
|
const proxyUrl = `https://embed-proxy-prod.gamma-app.workers.dev/?alt_url=${targetUrl}`; |
|
|
|
|
|
try { |
|
|
|
|
|
const res = await fetch(proxyUrl, { |
|
|
mode: 'cors', |
|
|
headers: { |
|
|
'Accept': 'text/html', |
|
|
'User-Agent': navigator.userAgent |
|
|
} |
|
|
}); |
|
|
if (!res.ok) throw new Error(`Status ${res.status}`); |
|
|
let html = await res.text(); |
|
|
|
|
|
|
|
|
if (!/<meta\s+name=["']viewport["']/i.test(html)) { |
|
|
html = html.replace( |
|
|
/<head([^>]*)>/i, |
|
|
headTag => headTag + |
|
|
'\n <meta name="viewport" content="width=device-width, initial-scale=1">\n' |
|
|
); |
|
|
} |
|
|
|
|
|
|
|
|
const scriptContent = ` |
|
|
(function() { |
|
|
try { |
|
|
const SELECTORS = [ |
|
|
'.css-1c6hcbi', |
|
|
'.chakra-button__group.css-1ayoy1w' |
|
|
]; |
|
|
function hideTargets(root = document) { |
|
|
if (root.querySelectorAll) { |
|
|
SELECTORS.forEach(sel => { |
|
|
root.querySelectorAll(sel).forEach(el => el.style.display = 'none'); |
|
|
}); |
|
|
} |
|
|
} |
|
|
function setup() { |
|
|
if (!document.body) return setTimeout(setup, 100); |
|
|
hideTargets(); |
|
|
new MutationObserver(muts => { |
|
|
muts.forEach(m => { |
|
|
if (m.type === 'childList') { |
|
|
m.addedNodes.forEach(n => { |
|
|
if (n.nodeType === Node.ELEMENT_NODE) hideTargets(n); |
|
|
}); |
|
|
} else if (m.type === 'attributes' && m.target.matches(SELECTORS.join(','))) { |
|
|
m.target.style.display = 'none'; |
|
|
} |
|
|
}); |
|
|
}).observe(document.body, { |
|
|
childList: true, |
|
|
subtree: true, |
|
|
attributes: true, |
|
|
attributeFilter: ['class'] |
|
|
}); |
|
|
} |
|
|
if (document.readyState !== 'loading') setup(); |
|
|
else document.addEventListener('DOMContentLoaded', setup); |
|
|
} catch (e) { |
|
|
console.error('Injected script error:', e); |
|
|
} |
|
|
})(); |
|
|
`; |
|
|
const injection = `<script>${scriptContent}<\/script>`; |
|
|
|
|
|
|
|
|
if (html.match(/<\/head>/i)) { |
|
|
html = html.replace(/<\/head>/i, injection + '</head>'); |
|
|
} else { |
|
|
html = injection + html; |
|
|
} |
|
|
|
|
|
|
|
|
const blob = new Blob([html], { type: 'text/html' }); |
|
|
const url = URL.createObjectURL(blob); |
|
|
const iframe = document.getElementById('custom-iframe'); |
|
|
iframe.src = url; |
|
|
iframe.onload = () => URL.revokeObjectURL(url); |
|
|
|
|
|
} catch (err) { |
|
|
console.error('Embed error:', err); |
|
|
document.body.innerHTML = `<p style="color:red;">Error loading embed: ${err.message}</p>`; |
|
|
} |
|
|
})(); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
