Hugging Face's logo

Spaces:
BlackMonsterMedia
/
uc-reporting
Running

App Files Community
BlackMonsterMedia commited on
Commit
b092bfc
·
verified ·
1 Parent(s): 2b9417c

não me aparece nada - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. universidade-verao.html +19 -38
universidade-verao.html CHANGED
@@ -7,28 +7,15 @@
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
9
  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
10
- <script src="https://unpkg.com/feather-icons"></script>
11
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
  <style>
13
- .stat-card {
14
- transition: all 0.3s ease;
15
- }
16
- .stat-card:hover {
17
- transform: translateY(-3px);
18
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
19
- }
20
- .bg-uc-blue {
21
- background-color: #003366;
22
- }
23
- .text-uc-gold {
24
- color: #FFD700;
25
- }
26
- .border-uc-gold {
27
- border-color: #FFD700;
28
- }
29
- .progress-bar {
30
- transition: width 2s ease-in-out;
31
- }
32
  </style>
33
  </head>
34
  <body class="bg-gray-50">
@@ -94,7 +81,7 @@
94
  <i data-feather="mouse-pointer" class="text-purple-600"></i>
95
  </div>
96
  <h3 class="text-2xl font-bold text-gray-800 mb-2">153.474</h3>
97
- <p class="text-gray-600">Total de Clicks</p>
98
  </div>
99
  </div>
100
 
@@ -104,7 +91,8 @@
104
  <div class="bg-blue-50 rounded-xl p-6 shadow-md" data-aos="fade-right">
105
  <div class="flex items-center mb-6">
106
  <div class="bg-blue-600 p-3 rounded-full mr-4">
107
- <i data-feather="facebook" class="text-white"></i>
 
108
  </div>
109
  <h2 class="text-2xl font-bold text-gray-800">Meta Advertising</h2>
110
  </div>
@@ -157,10 +145,7 @@
157
  <span class="text-gray-600">Impressões:</span>
158
  <span class="font-semibold">5.572</span>
159
  </div>
160
- <div class="flex justify-between items-center">
161
- <span class="text-gray-600">Alcance:</span>
162
- <span class="font-semibold">1.257.245</span>
163
- </div>
164
  <div class="flex justify-between items-center">
165
  <span class="text-gray-600">CTR:</span>
166
  <span class="font-semibold text-green-600">33,81%</span>
@@ -194,7 +179,7 @@
194
  <span class="font-semibold">284.011</span>
195
  </div>
196
  <div class="flex justify-between items-center">
197
- <span class="text-gray-600">Clicks:</span>
198
  <span class="font-semibold">6.881</span>
199
  </div>
200
  <div class="flex justify-between items-center">
@@ -251,21 +236,21 @@
251
  <div class="flex items-center justify-between">
252
  <span class="text-sm text-gray-600">2023</span>
253
  <div class="w-3/4 bg-gray-200 rounded-full h-4">
254
- <div class="bg-gray-400 h-4 rounded-full" style="width: 45%"></div>
255
  </div>
256
  <span class="text-sm font-semibold">501</span>
257
  </div>
258
  <div class="flex items-center justify-between">
259
  <span class="text-sm text-gray-600">2024</span>
260
  <div class="w-3/4 bg-gray-200 rounded-full h-4">
261
- <div class="bg-gray-500 h-4 rounded-full" style="width: 48%"></div>
262
  </div>
263
  <span class="text-sm font-semibold">534</span>
264
  </div>
265
  <div class="flex items-center justify-between">
266
  <span class="text-sm text-gray-600">2025</span>
267
  <div class="w-3/4 bg-gray-200 rounded-full h-4">
268
- <div class="bg-blue-600 h-4 rounded-full" style="width: 55%"></div>
269
  </div>
270
  <span class="text-sm font-semibold">584</span>
271
  </div>
@@ -314,21 +299,17 @@
314
  </footer>
315
 
316
  <script>
317
- AOS.init({
318
- duration: 800,
319
- easing: 'ease-in-out',
320
- once: true
321
- });
322
  feather.replace();
323
 
324
- // Animate progress bars
325
  document.addEventListener('DOMContentLoaded', function() {
326
  setTimeout(() => {
327
  document.querySelectorAll('.progress-bar').forEach(bar => {
328
  bar.style.width = bar.getAttribute('data-width');
329
  });
330
- }, 500);
331
  });
332
  </script>
333
  </body>
334
- </html>
 
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
9
  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
10
+ <!-- Feather: manter só uma fonte -->
11
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
  <style>
13
+ .stat-card { transition: all 0.3s ease; }
14
+ .stat-card:hover { transform: translateY(-3px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }
15
+ .bg-uc-blue { background-color: #003366; }
16
+ .text-uc-gold { color: #FFD700; }
17
+ .border-uc-gold { border-color: #FFD700; }
18
+ .progress-bar { transition: width 2s ease-in-out; }
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </style>
20
  </head>
21
  <body class="bg-gray-50">
 
81
  <i data-feather="mouse-pointer" class="text-purple-600"></i>
82
  </div>
83
  <h3 class="text-2xl font-bold text-gray-800 mb-2">153.474</h3>
84
+ <p class="text-gray-600">Total de Cliques</p>
85
  </div>
86
  </div>
87
 
 
91
  <div class="bg-blue-50 rounded-xl p-6 shadow-md" data-aos="fade-right">
92
  <div class="flex items-center mb-6">
93
  <div class="bg-blue-600 p-3 rounded-full mr-4">
94
+ <!-- Feather não tem 'facebook' -->
95
+ <i data-feather="share-2" class="text-white"></i>
96
  </div>
97
  <h2 class="text-2xl font-bold text-gray-800">Meta Advertising</h2>
98
  </div>
 
145
  <span class="text-gray-600">Impressões:</span>
146
  <span class="font-semibold">5.572</span>
147
  </div>
148
+ <!-- REMOVIDO: Alcance em Google -->
 
 
 
149
  <div class="flex justify-between items-center">
150
  <span class="text-gray-600">CTR:</span>
151
  <span class="font-semibold text-green-600">33,81%</span>
 
179
  <span class="font-semibold">284.011</span>
180
  </div>
181
  <div class="flex justify-between items-center">
182
+ <span class="text-gray-600">Cliques:</span>
183
  <span class="font-semibold">6.881</span>
184
  </div>
185
  <div class="flex justify-between items-center">
 
236
  <div class="flex items-center justify-between">
237
  <span class="text-sm text-gray-600">2023</span>
238
  <div class="w-3/4 bg-gray-200 rounded-full h-4">
239
+ <div class="bg-gray-400 h-4 rounded-full progress-bar" data-width="45%" style="width:0"></div>
240
  </div>
241
  <span class="text-sm font-semibold">501</span>
242
  </div>
243
  <div class="flex items-center justify-between">
244
  <span class="text-sm text-gray-600">2024</span>
245
  <div class="w-3/4 bg-gray-200 rounded-full h-4">
246
+ <div class="bg-gray-500 h-4 rounded-full progress-bar" data-width="48%" style="width:0"></div>
247
  </div>
248
  <span class="text-sm font-semibold">534</span>
249
  </div>
250
  <div class="flex items-center justify-between">
251
  <span class="text-sm text-gray-600">2025</span>
252
  <div class="w-3/4 bg-gray-200 rounded-full h-4">
253
+ <div class="bg-blue-600 h-4 rounded-full progress-bar" data-width="55%" style="width:0"></div>
254
  </div>
255
  <span class="text-sm font-semibold">584</span>
256
  </div>
 
299
  </footer>
300
 
301
  <script>
302
+ AOS.init({ duration: 800, easing: 'ease-in-out', once: true });
 
 
 
 
303
  feather.replace();
304
 
305
+ // Animação das barras de progresso
306
  document.addEventListener('DOMContentLoaded', function() {
307
  setTimeout(() => {
308
  document.querySelectorAll('.progress-bar').forEach(bar => {
309
  bar.style.width = bar.getAttribute('data-width');
310
  });
311
+ }, 300);
312
  });
313
  </script>
314
  </body>
315
+ </html>