Spaces:
Running
Running
| <html> | |
| <head> | |
| <title>My app</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <meta charset="utf-8"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| </head> | |
| <body class="flex justify-center items-center h-screen overflow-hidden bg-white font-sans text-center px-6"> | |
| <div id="codeModal" class="fixed inset-0 z-50 bg-gray-900 bg-opacity-50 flex items-center justify-center"> | |
| <div class="bg-white rounded-lg shadow-lg w-full max-w-5xl h-[75vh] flex flex-col p-6"> | |
| <!-- Cabeçalho --> | |
| <div class="flex justify-between items-center mb-4 border-b pb-2"> | |
| <h2 class="text-xl font-semibold text-gray-800">Código para Ollama</h2> | |
| <button id="closeModal" class="text-gray-500 hover:text-gray-700 text-xl leading-none">✕</button> | |
| </div> | |
| <!-- Linha do select + botões --> | |
| <div class="flex items-end space-x-3 mb-4"> | |
| <div class="flex-1"> | |
| <label for="languageSelect" class="block text-sm font-medium text-gray-700 mb-1">Linguagem:</label> | |
| <select | |
| id="languageSelect" | |
| class="w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-[#ff580f]" | |
| > | |
| <option value="python">Python</option> | |
| <option value="javascript">JavaScript</option> | |
| <option value="java">Java</option> | |
| <option value="csharp">C#</option> | |
| </select> | |
| </div> | |
| <button | |
| id="copyCodeBtn" | |
| class="inline-flex items-center px-3 py-2 border border-gray-300 rounded-md text-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none" | |
| > | |
| <i data-feather="copy" class="mr-2 w-4 h-4"></i> | |
| Copiar Código | |
| </button> | |
| <button | |
| id="viewDocsBtn" | |
| class="inline-flex items-center px-3 py-2 border border-gray-300 rounded-md text-sm text-gray-700 bg-white hover:bg-gray-50 focus:outline-none" | |
| > | |
| <i data-feather="book-open" class="mr-2 w-4 h-4"></i> | |
| Ver Documentação | |
| </button> | |
| </div> | |
| <!-- Código com highlight --> | |
| <div class="flex-1 rounded-md p-4 overflow-auto border border-gray-700" style="background-color: #21223a;"> | |
| <pre class="h-full"><code id="exampleCode" class="language-python"></code></pre> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |