Spaces:
Building
Building
File size: 2,391 Bytes
656c481 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 |
<!DOCTYPE html>
<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>
|