Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Embed demo — your website</title> | |
| <style> | |
| body { font-family: Georgia, serif; margin: 0; color: #222; background: #fafafa; } | |
| .hero { max-width: 760px; margin: 0 auto; padding: 80px 24px; } | |
| h1 { font-size: 38px; } | |
| p { font-size: 18px; line-height: 1.7; color: #444; } | |
| .note { background: #fff; border: 1px solid #e5e5e5; border-radius: 10px; padding: 16px 20px; margin-top: 30px; font-size: 15px; } | |
| code { background: #f0f0f0; padding: 2px 6px; border-radius: 4px; font-family: monospace; } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="hero"> | |
| <h1>This is a pretend website.</h1> | |
| <p>Imagine this is your company's webpage. The only thing added to it is a | |
| single <code><script></code> tag at the bottom — and now there's an | |
| Antern Bot chat button in the corner. Click the 💬 button bottom-right.</p> | |
| <div class="note"> | |
| The chat bubble is the embeddable widget. On a real site you'd paste the | |
| one-line snippet from <code>EMBED.md</code> into your HTML. | |
| </div> | |
| </div> | |
| <!-- The embed snippet (served from the same host in this demo) --> | |
| <script src="/static/widget.js" | |
| data-api="" | |
| data-title="Antern Bot" | |
| data-accent="#4f8cff" | |
| data-greeting="Hi! Ask me about candidates, requirements, applications, and more."></script> | |
| </body> | |
| </html> | |