Spaces:
Running
Running
File size: 2,490 Bytes
c481e2a d08380e c481e2a 1adaf9b d08380e 1adaf9b c481e2a 0d080a8 91579f9 0d080a8 91579f9 d08380e 91579f9 d08380e 0d080a8 1adaf9b 91579f9 0d080a8 91579f9 0d080a8 d08380e 91579f9 0d080a8 91579f9 0d080a8 91579f9 d08380e 91579f9 0d080a8 1adaf9b 91579f9 0d080a8 91579f9 1adaf9b c481e2a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 |
<!DOCTYPE html>
<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> |