| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| <title>Hello</title> |
| <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='.9em' font-size='90'%3E%F0%9F%91%8B%3C/text%3E%3C/svg%3E" /> |
| <link rel="stylesheet" href="style.css" /> |
| </head> |
| <body> |
| <main class="card"> |
| <h1>Hello 👋</h1> |
| <div class="rule"></div> |
| <p>This is a static Space — plain HTML, CSS and JavaScript served from the Hugging Face Hub.</p> |
| <button id="greet">Say hello back</button> |
| <p id="out" class="out"></p> |
| </main> |
| <script> |
| const out = document.getElementById("out"); |
| document.getElementById("greet").addEventListener("click", () => { |
| out.textContent = "Hello to you too! 🎉"; |
| }); |
| </script> |
| </body> |
| </html> |
|
|
