| <!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> |
