Created
June 11, 2024 16:07
-
-
Save pmbanugo/25d969e3cbe368d9ccb953964ddd47e2 to your computer and use it in GitHub Desktop.
Embeddable Vite Host banner
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Embed Banner</title> | |
| <style> | |
| .vite-host-banner { | |
| display: flex; | |
| align-items: center; | |
| background-color: #f3f4f6; | |
| padding: 15px; | |
| border-radius: 5px; | |
| font-family: Arial, sans-serif; | |
| color: #000; | |
| } | |
| .vite-host-banner svg { | |
| margin-right: 10px; | |
| } | |
| .vite-host-banner a { | |
| color: #000; | |
| text-decoration: none; | |
| } | |
| .vite-host-banner a:hover { | |
| text-decoration: underline; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="vite-host-banner"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#FFD700" viewBox="0 0 24 24" aria-hidden="true"> | |
| <path d="M9 21h6v1c0 .553-.447 1-1 1H10c-.553 0-1-.447-1-1v-1zm4.785-7.347c.137-.254.12-.566-.046-.868C12.138 11.791 11 10.145 11 8.231 11 6.067 12.986 4 15 4c.678 0 1.352.168 1.9.564.393.287.694.754.812 1.136.185.564-.241 1.119-.841 1.3-.498.148-1.097-.127-1.734-.682-.279-.241-.147.73.248 1.139.196.202.555.484.855.739.8.689 1.652 1.42 2.284 2.79.332.724.515 1.523.515 2.797H9c-.553 0-1-.447-1-1 0-.697-.55-1.267-1.246-1.74-.46-.312-.85-1.33-1.102-2.253C9.954 9.854 10 10.637 10 11.766c0 1.543.77 3.148 1.007 3.646.082.168.134.285-.157.3-1.383.063-1.523-.686-1.007-1.067 1.413-1.056 1.667-1.167 2.48-.362.56.364.755 1.098 1.001 1.292l.001.001v.049l.001.89zm-.278-13.273c-.968-.573-1.852-.877-2.516-1.044-.15.7-.364 1.355-.63 1.968-.287-.093-.628-.353-.871-.782-.936-1.738-.697-3.84-1.805-6.289C8.295 1.445 5.018 8.196 3.5 10c-1.395-1.278-.998 5.001 9.531 8c-.628-.231-1.518-.552-2.579-.99.354.448.767.864 1.219 1.237.225.183.45.359.677.531.984.989 1.303 1.858 1.611 3.205H9c-.368 0-.15-.313-.431-.553-.268-.209-.67-.331-1.071-.52V22c-1.381-.202-2.465-1.062-3.027-2.146 1.674-.163.065-.664.134-1.854.046-.81 7.335-.774 8.422-2.576.219-3.468-.872-3.994-2.25-4.7.302-.209.717-.399 1.154-.568a22.145 22.145 0 0 0 2.762.354zm3.793 8.527c-.432-.074-.757-.288-.93-.446 0 0 .955.509.93.446z"/> | |
| </svg> | |
| <p>Want a simplified way to host your website? Check out <a href="https://vite.host" target="_blank" rel="noopener noreferrer">Vite Host</a>, hosting static sites (or SPA) can be done in under 5 minutes</p> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment