| export const defaultHTML = `<!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>My app</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <meta charset="utf-8"> | |
| <style> | |
| body { | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| overflow: hidden; | |
| height: 100dvh; | |
| font-family: "Arial", sans-serif; | |
| text-align: center; | |
| } | |
| .arrow { | |
| position: absolute; | |
| bottom: 32px; | |
| left: 0px; | |
| width: 100px; | |
| transform: rotate(30deg); | |
| } | |
| h1 { | |
| font-size: 50px; | |
| } | |
| h1 span { | |
| color: #acacac; | |
| font-size: 32px; | |
| } | |
| @media screen and (max-width: 640px) { | |
| .arrow { | |
| display: none; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <h1> | |
| <span>I'm ready to work,</span><br /> | |
| Ask me anything. | |
| </h1> | |
| <img src="https://enzostvs-deepsite.hf.space/arrow.svg" class="arrow" /> | |
| <script></script> | |
| </body> | |
| </html> | |
| `; | |