Spaces:
Running
Running
<html><head><link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.css" rel="stylesheet" type="text/css" /><script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script><script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script><script defer src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.156.1/three.min.js"></script><script type="module" src="main.js"></script><title>Anime Chat</title></head><body><main class="prose lg:px-0 max-w-8xl mx-auto my-10 w-2/3"><div class="flex justify-center"> | |
<div class="lg:p-6 p-3 relative w-full my-5"> | |
<h1 class="text-2xl font-bold mb-4 flex justify-items-center items-center"> | |
<img class="inline-block h-12 w-12" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Image_created_with_a_mobile_phone.png/1200px-Image_created_with_a_mobile_phone.png" alt="Smiling face with smiling eyes"> | |
<span class="ml-2 uppercase">Anime Chat</span> | |
</h1> | |
<div class="relative"> | |
<div class="border-gray-300 border-2 p-4 rounded w-full my-10"> | |
<div class="mb-5 mt-2"><input class="bg-gray-100 border-0 focus:ring-2 focus:ring-gray-400 focus:outline-none p-2 rounded w-full" type="text" placeholder="Ask me anything..."></div> | |
<div class="text-gray-500 text-sm mb-2">Press 'Enter' to send message</div> | |
</div> | |
<div class="absolute bottom-0 right-2 w-full"><button class="bg-green-500 font-weight-bold hover:bg-green-700 p-2 rounded text-white transition w-full">Get Started</button></div> | |
</div> | |
</div> | |
</div></main></body></html> |