Spaces:
Runtime error
Runtime error
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Document Authoring SDK</title> | |
| <style> | |
| .spinner { | |
| display: inline-block; | |
| width: 16px; | |
| height: 16px; | |
| border: 2px solid #f3f3f3; | |
| border-top: 2px solid #3498db; | |
| border-radius: 50%; | |
| animation: spin 1s linear infinite; | |
| margin-right: 8px; | |
| vertical-align: middle; | |
| } | |
| @keyframes spin { | |
| 0% { transform: rotate(0deg); } | |
| 100% { transform: rotate(360deg); } | |
| } | |
| #translateButton:disabled { | |
| cursor: not-allowed; | |
| opacity: 0.7; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- | |
| IMPORTANT: An editor target element needs to have its `position` set to a value other than the default or `static`! | |
| If unsure use `relative`. | |
| --> | |
| <button id="translateButton">Translate to English</button> | |
| <div id="editor" style="border: 1px solid black; width: 1024px; height: 600px; position: relative"></div> | |
| <script type="module" src="./src/javascript-app.js"></script> | |
| </body> | |
| </html> | |