DHEIVER commited on
Commit
0d080a8
verified
1 Parent(s): 63c364f

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +24 -20
index.html CHANGED
@@ -7,12 +7,12 @@
7
  <link rel="stylesheet" href="style.css">
8
  </head>
9
  <body>
10
- <div id="app">
11
  <header class="header">
12
  <div class="container">
13
  <nav class="nav">
14
- <h1>Analisador de Conformidade PDF</h1>
15
- <button id="theme-toggle" class="button" data-tooltip="Alternar tema">
16
  <span class="icon">馃寭</span>
17
  </button>
18
  </nav>
@@ -20,41 +20,45 @@
20
  </header>
21
 
22
  <main class="container">
23
- <div class="card upload-area" id="upload-area">
24
- <input type="file" accept=".pdf" id="file-upload" class="hidden">
25
- <label for="file-upload" class="upload-label">
26
- <div class="upload-icon"></div>
27
- <span>Arraste um PDF aqui ou clique para fazer upload</span>
28
- <div class="upload-info">Tamanho m谩ximo: 10MB</div>
29
- </label>
 
 
30
  </div>
31
 
32
- <div id="progress-container" class="progress hidden">
33
- <div id="progress-bar" class="progress-bar"></div>
 
 
34
  </div>
35
 
36
- <div id="loading" class="loading hidden">
37
  <div class="spinner"></div>
38
  <span>Analisando documento...</span>
39
  </div>
40
 
41
- <div class="grid">
42
  <div id="analysis-results" class="analysis-results"></div>
43
- <div id="compliance-report" class="card compliance-report hidden">
44
- <h2>Relat贸rio de Conformidade</h2>
45
  <div class="report-content"></div>
46
  </div>
47
  </div>
48
  </main>
49
 
50
- <div id="toast" class="toast hidden"></div>
51
  </div>
52
 
53
  <template id="skeleton-template">
54
  <div class="skeleton-loader">
55
- <div class="skeleton"></div>
56
- <div class="skeleton"></div>
57
- <div class="skeleton"></div>
58
  </div>
59
  </template>
60
 
 
7
  <link rel="stylesheet" href="style.css">
8
  </head>
9
  <body>
10
+ <div id="app" class="app">
11
  <header class="header">
12
  <div class="container">
13
  <nav class="nav">
14
+ <h1 class="title">Analisador de Conformidade PDF</h1>
15
+ <button id="theme-toggle" class="button" aria-label="Alternar tema">
16
  <span class="icon">馃寭</span>
17
  </button>
18
  </nav>
 
20
  </header>
21
 
22
  <main class="container">
23
+ <div class="upload-container card">
24
+ <div class="upload-area" id="upload-area">
25
+ <input type="file" accept=".pdf" id="file-upload" class="hidden">
26
+ <label for="file-upload" class="upload-label">
27
+ <div class="upload-icon"></div>
28
+ <span class="upload-text">Arraste um PDF aqui ou clique para fazer upload</span>
29
+ <div class="upload-info">Tamanho m谩ximo: 10MB</div>
30
+ </label>
31
+ </div>
32
  </div>
33
 
34
+ <div class="progress-container hidden" id="progress-container">
35
+ <div class="progress">
36
+ <div class="progress-bar" id="progress-bar"></div>
37
+ </div>
38
  </div>
39
 
40
+ <div class="loading hidden" id="loading">
41
  <div class="spinner"></div>
42
  <span>Analisando documento...</span>
43
  </div>
44
 
45
+ <div class="results-grid">
46
  <div id="analysis-results" class="analysis-results"></div>
47
+ <div id="compliance-report" class="compliance-report card hidden">
48
+ <h2 class="report-title">Relat贸rio de Conformidade</h2>
49
  <div class="report-content"></div>
50
  </div>
51
  </div>
52
  </main>
53
 
54
+ <div id="toast" class="toast hidden" role="alert"></div>
55
  </div>
56
 
57
  <template id="skeleton-template">
58
  <div class="skeleton-loader">
59
+ <div class="skeleton skeleton-line"></div>
60
+ <div class="skeleton skeleton-line"></div>
61
+ <div class="skeleton skeleton-line"></div>
62
  </div>
63
  </template>
64