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" class="app"> | |
| <header class="header"> | |
| <div class="container"> | |
| <nav class="nav"> | |
| <h1 class="title">Analisador de Conformidade PDF</h1> | |
| <button id="theme-toggle" class="button" aria-label="Alternar tema"> | |
| <span class="icon">🌓</span> | |
| </button> | |
| </nav> | |
| </div> | |
| </header> | |
| <main class="container"> | |
| <div class="upload-container card"> | |
| <div class="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 class="upload-text">Arraste um PDF aqui ou clique para fazer upload</span> | |
| <div class="upload-info">Tamanho máximo: 10MB</div> | |
| </label> | |
| </div> | |
| </div> | |
| <div class="progress-container hidden" id="progress-container"> | |
| <div class="progress"> | |
| <div class="progress-bar" id="progress-bar"></div> | |
| </div> | |
| </div> | |
| <div class="loading hidden" id="loading"> | |
| <div class="spinner"></div> | |
| <span>Analisando documento...</span> | |
| </div> | |
| <div class="results-grid"> | |
| <div id="analysis-results" class="analysis-results"></div> | |
| <div id="compliance-report" class="compliance-report card hidden"> | |
| <h2 class="report-title">Relatório de Conformidade</h2> | |
| <div class="report-content"></div> | |
| </div> | |
| </div> | |
| </main> | |
| <div id="toast" class="toast hidden" role="alert"></div> | |
| </div> | |
| <template id="skeleton-template"> | |
| <div class="skeleton-loader"> | |
| <div class="skeleton skeleton-line"></div> | |
| <div class="skeleton skeleton-line"></div> | |
| <div class="skeleton skeleton-line"></div> | |
| </div> | |
| </template> | |
| <script src="index.js"></script> | |
| </body> | |
| </html> |