| <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> AI Chatbot that can Read PDFs</title></head><body> | |
| <div class="flex justify-center items-center flex-col h-full"> | |
| <div class="flex justify-between"> | |
| <div class="flex items-end"> | |
| <h1 class="mr-4 text-xl">AI Chatbot</h1> | |
| <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Read PDFs</button> | |
| </div> | |
| <div> | |
| <h1 class="mr-4 text-lg">PDF Reading</h1> | |
| <button class="bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded">Stop</button> | |
| </div> | |
| </div> | |
| <iframe id="pdf" src="" width="100%" height="600px" frameborder="0"></iframe> | |
| </div> | |
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.css"></script></body></html> |