| <html><head><link href="https://cdn.jsdelivr.net/npm/daisyui@3.1.6/dist/full.css" rel="stylesheet" type="text/css" /><script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/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>chatGPT</title><body> | |
| <div class="min-h-screen nav-user bg-gray-100 py-0 px-5"> | |
| <div class="max-w-5xl m-auto text-gray-800 h-4/6"> | |
| <div class="fixed -right-0 sm:right-0 sm:text-center"> | |
| App Name | |
| </div> | |
| <div class="-my-2 overflow-x-auto scroll-auto py-5"> | |
| <div class="inline-block align-middle w-full p-4 overflow-hidden lg:my-4 sm:lg:m-auto lg:my-5 lg:sm:m-auto"> | |
| <h1 class="text-2xl text-bold text-center">ChatGPT</h1> | |
| <input type="text" class="border border-gray-400 rounded-full py-2 px-4 mt-2 mb-2" placeholder="Enter your input here" /> | |
| <div class="overflow-y-scroll pt-4 pb-20 h-full"> | |
| <ul> | |
| <li> | |
| <div class="flex justify-between p-2 py-3"> | |
| <span class="text-sm text-gray-800">OpenAI API Key:</span> | |
| <input type="text" class="border border-gray-400 rounded-full py-2 px-1"/> | |
| </div> | |
| </li> | |
| <li> | |
| <div class="flex justify-between p-2 py-3"> | |
| <span class="text-sm text-gray-800">OpenAI Model:</span> | |
| <select class="border border-gray-400 rounded-full py-2 px-1"> | |
| <option>davinci</option> | |
| <option>explorer</option> | |
| <option>curie</option> | |
| </select> | |
| </div> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |