Spaces:
Running
Running
| <html lang="pt-BR"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Analisador de Conformidade PDF</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <div id="app"> | |
| <header class="header"> | |
| <div class="container"> | |
| <nav class="nav"> | |
| <h1>Analisador de Conformidade PDF</h1> | |
| <button id="theme-toggle" class="button" data-tooltip="Alternar tema"> | |
| <span class="icon">🌓</span> | |
| </button> | |
| </nav> | |
| </div> | |
| </header> | |
| <main class="container"> | |
| <div class="card upload-area" id="upload-area"> | |
| <input type="file" accept=".pdf" id="file-upload" class="hidden"> | |
| <label for="file-upload" class="upload-label"> | |
| <div class="upload-icon"></div> | |
| <span>Arraste um PDF aqui ou clique para fazer upload</span> | |
| <div class="upload-info">Tamanho máximo: 10MB</div> | |
| </label> | |
| </div> | |
| <div id="progress-container" class="progress hidden"> | |
| <div id="progress-bar" class="progress-bar"></div> | |
| </div> | |
| <div id="loading" class="loading hidden"> | |
| <div class="spinner"></div> | |
| <span>Analisando documento...</span> | |
| </div> | |
| <div class="grid"> | |
| <div id="analysis-results" class="analysis-results"></div> | |
| <div id="compliance-report" class="card compliance-report hidden"> | |
| <h2>Relatório de Conformidade</h2> | |
| <div class="report-content"></div> | |
| </div> | |
| </div> | |
| </main> | |
| <div id="toast" class="toast hidden"></div> | |
| </div> | |
| <template id="skeleton-template"> | |
| <div class="skeleton-loader"> | |
| <div class="skeleton"></div> | |
| <div class="skeleton"></div> | |
| <div class="skeleton"></div> | |
| </div> | |
| </template> | |
| <script src="index.js"></script> | |
| </body> | |
| </html> |