Spaces:
Building
Building
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Whats App Ping</title> | |
| <link href="/global.css" rel="stylesheet" /> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| </head> | |
| <body> | |
| <main class="h-screen flex flex-col items-center justify-center"> | |
| <div | |
| class="charming-header border rounded-b-lg shadow-sm w-full max-w-md p-6" | |
| > | |
| <h1 class="text-2xl font-semibold text-center mb-4"> | |
| 🔔 Whats App Ping | |
| </h1> | |
| <form method="post" action="/"> | |
| <label class="flex flex-col mb-4"> | |
| <span class="text-lg">API Key</span> | |
| <input | |
| type="text" | |
| placeholder="Enter your API key" | |
| class="mt-2 p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" | |
| name="api_key" | |
| required | |
| /> | |
| </label> | |
| <button | |
| type="submit" | |
| class="w-full bg-blue-600 text-white py-2 rounded-md hover:bg-blue-700 transition duration-200" | |
| > | |
| Submit | |
| </button> | |
| </form> | |
| <div class="mt-4 flex"> | |
| <a | |
| class="ml-auto flex cursor-pointer items-center text-gray-800 hover:text-blue-600 transition duration-200" | |
| href="https://github.com/Zain-ul-din/whatsapp-ping" | |
| target="_blank" | |
| > | |
| <!-- GitHub SVG Icon --> | |
| <svg | |
| xmlns="http://www.w3.org/2000/svg" | |
| width="20" | |
| height="20" | |
| viewBox="0 0 24 24" | |
| fill="none" | |
| stroke="currentColor" | |
| stroke-width="2" | |
| stroke-linecap="round" | |
| stroke-linejoin="round" | |
| class="lucide lucide-github mr-1" | |
| > | |
| <path | |
| d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4" | |
| /> | |
| <path d="M9 18c-4.51 2-5-2-7-2" /> | |
| </svg> | |
| View On GitHub | |
| </a> | |
| </div> | |
| </div> | |
| </main> | |
| </body> | |
| </html> | |