Hugging Face's logo

Spaces:
BlackMonsterMedia
/
uc-reporting
Running

App Files Community
BlackMonsterMedia commited on
Commit
aff13bc
·
verified ·
1 Parent(s): 4351a7e

Vamos criar a página interna do Universidade de Verão, os dados de relatório são os seguintes:

Browse files

- Dados Meta:
- 14 abril a 30 de maio
- 4000€ investido
- 4 930 449 impressões
- 1 257 245 alcance
- 75 137 clicks na ligação (1,52% CTR Link)
- 145 409 clicks (2,95% CTR)
- Dados Google:
- 14 abril a 30 de maio
- 2461€ investido
- 5 572 impressões
- 1 257 245 alcance
- 1 184 clicks (33,81% CTR)
Números finais de inscrições:
- candidatos em 2025: 1054
- inscritos em 2025: 584
- candidatos em 2024: 1020
- inscritos em 2024: 534
- candidatos em 2023: 1105
- inscritos em 2023: 501
Observações:
O orçamento disponível foi investido na sua totalidade.
Foi necessário fazer um investimento mais forte nos ultimos dias de campanha, bem como alterações de criativos para se tentar reverter a tendência anual decrescente de número total de inscritos.
Conseguimos reverter a tendência e obtivemos 1054 inscrições nesta edição de 2025. - Initial Deployment

Files changed (4) hide show
  1. README.md +6 -4
  2. index.html +220 -18
  3. prompts.txt +161 -0
  4. universidade-verao.html +298 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Uc Reporting
3
- emoji: 👀
4
- colorFrom: purple
5
  colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: uc-reporting
3
+ emoji: 🐳
4
+ colorFrom: blue
5
  colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,221 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Relatórios UC - Universidade de Coimbra</title>
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
+ .report-card {
14
+ transition: all 0.3s ease;
15
+ }
16
+ .report-card:hover {
17
+ transform: translateY(-5px);
18
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
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
+ </style>
30
+ </head>
31
+ <body class="bg-gray-50">
32
+ <!-- Header -->
33
+ <header class="bg-uc-blue text-white shadow-lg">
34
+ <div class="container mx-auto px-6 py-8">
35
+ <div class="flex flex-col md:flex-row justify-between items-center">
36
+ <div class="flex items-center mb-6 md:mb-0">
37
+ <div>
38
+ <h1 class="text-2xl font-bold">Universidade de Coimbra</h1>
39
+ <p class="text-gray-300">Relatórios de Advertising 2025 - Black Monster Media</p>
40
+ </div>
41
+ </div>
42
+ </div>
43
+ </div>
44
+ </header>
45
+
46
+ <!-- Hero Section -->
47
+ <section class="relative bg-gradient-to-br from-blue-500 via-blue-600 to-uc-blue text-white py-20">
48
+ <div class="absolute inset-0">
49
+ <div class="absolute inset-0 bg-gradient-to-r from-blue-500/20 to-blue-700/30"></div>
50
+ <div class="absolute inset-0 bg-[url('http://static.photos/education/1200x630/1')] bg-cover bg-center mix-blend-overlay opacity-10"></div>
51
+ </div>
52
+ <div class="container mx-auto px-6 relative z-10 text-center">
53
+ <h1 class="text-4xl md:text-5xl font-bold mb-6" data-aos="fade-down">Relatórios de Marketing</h1>
54
+ <p class="text-xl md:text-2xl mb-8 max-w-3xl mx-auto" data-aos="fade-down" data-aos-delay="100">
55
+ Análise dinâmica das campanhas de advertising da Universidade de Coimbra
56
+ </p>
57
+ <div class="flex justify-center" data-aos="fade-up" data-aos-delay="200">
58
+ <a href="#reports" class="bg-uc-gold hover:bg-yellow-500 text-uc-blue font-bold py-3 px-8 rounded-full transition-all duration-300 flex items-center transform hover:scale-105 shadow-lg hover:shadow-xl">
59
+ <span>Explorar Relatórios</span>
60
+ <i data-feather="arrow-down" class="ml-2 animate-bounce"></i>
61
+ </a>
62
+ </div>
63
+ </div>
64
+ </section>
65
+
66
+ <!-- Reports Section -->
67
+ <section id="reports" class="py-16 bg-white">
68
+ <div class="container mx-auto px-6">
69
+ <h2 class="text-3xl font-bold text-center mb-12 text-gray-800" data-aos="fade-up">Relatórios Disponíveis</h2>
70
+
71
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
72
+ <!-- Universidade de Verão -->
73
+ <div class="report-card bg-white rounded-xl shadow-md overflow-hidden border-l-4 border-uc-gold" data-aos="fade-up" data-aos-delay="100">
74
+ <div class="p-6">
75
+ <div class="flex items-center mb-4">
76
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
77
+ <i data-feather="sun" class="text-blue-600"></i>
78
+ </div>
79
+ <h3 class="text-xl font-bold text-gray-800">Universidade de Verão</h3>
80
+ </div>
81
+ <p class="text-gray-600 mb-4">Análise das campanhas realizadas durante o mês de Maio.</p>
82
+ <div class="flex justify-between items-center">
83
+ <span class="text-sm text-gray-500">Período: Maio</span>
84
+ <a href="universidade-verao.html" class="text-uc-blue hover:text-blue-700 font-medium flex items-center">
85
+ Ver relatório <i data-feather="chevron-right" class="ml-1"></i>
86
+ </a>
87
+ </div>
88
+ </div>
89
+ </div>
90
+
91
+ <!-- Semana Aberta -->
92
+ <div class="report-card bg-white rounded-xl shadow-md overflow-hidden border-l-4 border-uc-gold" data-aos="fade-up" data-aos-delay="150">
93
+ <div class="p-6">
94
+ <div class="flex items-center mb-4">
95
+ <div class="bg-green-100 p-3 rounded-full mr-4">
96
+ <i data-feather="calendar" class="text-green-600"></i>
97
+ </div>
98
+ <h3 class="text-xl font-bold text-gray-800">Semana Aberta</h3>
99
+ </div>
100
+ <p class="text-gray-600 mb-4">Relatório das atividades de Março a Maio.</p>
101
+ <div class="flex justify-between items-center">
102
+ <span class="text-sm text-gray-500">Período: Março a Maio</span>
103
+ <a href="semana-aberta.html" class="text-uc-blue hover:text-blue-700 font-medium flex items-center">
104
+ Ver relatório <i data-feather="chevron-right" class="ml-1"></i>
105
+ </a>
106
+ </div>
107
+ </div>
108
+ </div>
109
+
110
+ <!-- Mestrados e Doutoramentos -->
111
+ <div class="report-card bg-white rounded-xl shadow-md overflow-hidden border-l-4 border-uc-gold" data-aos="fade-up" data-aos-delay="200">
112
+ <div class="p-6">
113
+ <div class="flex items-center mb-4">
114
+ <div class="bg-purple-100 p-3 rounded-full mr-4">
115
+ <i data-feather="award" class="text-purple-600"></i>
116
+ </div>
117
+ <h3 class="text-xl font-bold text-gray-800">Mestrados e Doutoramentos</h3>
118
+ </div>
119
+ <p class="text-gray-600 mb-4">Dados sobre o período de Fevereiro a Março.</p>
120
+ <div class="flex justify-between items-center">
121
+ <span class="text-sm text-gray-500">Período: Fevereiro a Março</span>
122
+ <a href="mestrados-doutoramentos.html" class="text-uc-blue hover:text-blue-700 font-medium flex items-center">
123
+ Ver relatório <i data-feather="chevron-right" class="ml-1"></i>
124
+ </a>
125
+ </div>
126
+ </div>
127
+ </div>
128
+
129
+ <!-- Qualifica -->
130
+ <div class="report-card bg-white rounded-xl shadow-md overflow-hidden border-l-4 border-uc-gold" data-aos="fade-up" data-aos-delay="250">
131
+ <div class="p-6">
132
+ <div class="flex items-center mb-4">
133
+ <div class="bg-yellow-100 p-3 rounded-full mr-4">
134
+ <i data-feather="book" class="text-yellow-600"></i>
135
+ </div>
136
+ <h3 class="text-xl font-bold text-gray-800">Qualifica</h3>
137
+ </div>
138
+ <p class="text-gray-600 mb-4">Análise do mês de Março.</p>
139
+ <div class="flex justify-between items-center">
140
+ <span class="text-sm text-gray-500">Período: Março</span>
141
+ <a href="qualifica.html" class="text-uc-blue hover:text-blue-700 font-medium flex items-center">
142
+ Ver relatório <i data-feather="chevron-right" class="ml-1"></i>
143
+ </a>
144
+ </div>
145
+ </div>
146
+ </div>
147
+
148
+ <!-- Atratividade -->
149
+ <div class="report-card bg-white rounded-xl shadow-md overflow-hidden border-l-4 border-uc-gold" data-aos="fade-up" data-aos-delay="300">
150
+ <div class="p-6">
151
+ <div class="flex items-center mb-4">
152
+ <div class="bg-red-100 p-3 rounded-full mr-4">
153
+ <i data-feather="trending-up" class="text-red-600"></i>
154
+ </div>
155
+ <h3 class="text-xl font-bold text-gray-800">Atratividade</h3>
156
+ </div>
157
+ <p class="text-gray-600 mb-4">Relatório de Junho a Setembro.</p>
158
+ <div class="flex justify-between items-center">
159
+ <span class="text-sm text-gray-500">Período: Junho a Setembro</span>
160
+ <a href="atratividade.html" class="text-uc-blue hover:text-blue-700 font-medium flex items-center">
161
+ Ver relatório <i data-feather="chevron-right" class="ml-1"></i>
162
+ </a>
163
+ </div>
164
+ </div>
165
+ </div>
166
+
167
+ <!-- Geral -->
168
+ <div class="report-card bg-white rounded-xl shadow-md overflow-hidden border-l-4 border-uc-gold" data-aos="fade-up" data-aos-delay="350">
169
+ <div class="p-6">
170
+ <div class="flex items-center mb-4">
171
+ <div class="bg-indigo-100 p-3 rounded-full mr-4">
172
+ <i data-feather="bar-chart-2" class="text-indigo-600"></i>
173
+ </div>
174
+ <h3 class="text-xl font-bold text-gray-800">Geral</h3>
175
+ </div>
176
+ <p class="text-gray-600 mb-4">Comparação Janeiro-Setembro vs Ano Anterior.</p>
177
+ <div class="flex justify-between items-center">
178
+ <span class="text-sm text-gray-500">Período: Janeiro-Setembro</span>
179
+ <a href="geral.html" class="text-uc-blue hover:text-blue-700 font-medium flex items-center">
180
+ Ver relatório <i data-feather="chevron-right" class="ml-1"></i>
181
+ </a>
182
+ </div>
183
+ </div>
184
+ </div>
185
+ </div>
186
+ </div>
187
+ </section>
188
+
189
+ <!-- Footer -->
190
+ <footer class="bg-gray-800 text-white py-12">
191
+ <div class="container mx-auto px-6">
192
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
193
+ <div class="md:col-span-2">
194
+ <h3 class="text-xl font-bold mb-4">Universidade de Coimbra</h3>
195
+ <p class="text-gray-400">Análise de dados e relatórios de marketing institucional.</p>
196
+ </div>
197
+ <div>
198
+ <h3 class="text-xl font-bold mb-4">Contactos</h3>
199
+ <address class="text-gray-400 not-italic">
200
+ <p>Rua Pedro Nunes, Instituto Pedro Nunes, Bloco C - 3030-792</p>
201
+ <p>Email: info@blackmonstermedia.com</p>
202
+ <p>Telefone: 914251472</p>
203
+ </address>
204
+ </div>
205
+ </div>
206
+ <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
207
+ <p>&copy; 2025 Black Monster Media. Todos os direitos reservados.</p>
208
+ </div>
209
+ </div>
210
+ </footer>
211
+
212
+ <script>
213
+ AOS.init({
214
+ duration: 800,
215
+ easing: 'ease-in-out',
216
+ once: true
217
+ });
218
+ feather.replace();
219
+ </script>
220
+ </body>
221
  </html>
prompts.txt ADDED
@@ -0,0 +1,161 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ Olá quero criar um site para mostrar os diferentes relatórios da Universidade de Coimbra onde analisamos diferentes momentos de advertising ao longo do ano.
2
+ Vamos começar por ter uma home page onde tenha blocos com os diferentes relatórios e depois dentro de cada bloco vamos ter o relatório desse momento.
3
+ Na home os blocos devem ser:
4
+ Universidade de Verão - Maio
5
+ Semana Aberta - Março a Maio
6
+ Mestrados e Doutoramentos - Fevereiro a Março
7
+ Qualifica - Março
8
+ Atratividade - Junho a Setembro
9
+ Geral - Janeiro a Setembro vs Ano Anterior.
10
+
11
+ Depois dentro de cada momento vamos ter o relatório, mas já construimos as páginas interiores em conjunto.
12
+ Boa.
13
+ Muda a imagem no topo esquerdo da rapariga por uma imagem da Cabra, da Universidade de Coimbra
14
+ Remove a imagem no topo esquerdo por favor.
15
+ Agora no subtitulo Relatórios de Advertising coloca
16
+ Relatórios de Advertising 2025 - Black Monster Media
17
+ Podes remover no topo direito o Home Sobre e Contactos
18
+ Depois tens um fundo cinza e as letras brancas onde diz Relatórios de Marketing Análise detalhada das campanhas de advertising da Universidade de Coimbra
19
+ Depois tens um fundo cinza e as letras brancas onde diz Relatórios de Marketing Análise detalhada das campanhas de advertising da Universidade de Coimbra - muda o fundo, mete mais jovem e dinâmico, está super mortiço
20
+ Agora no Fundo.
21
+ O copyright deve ser atribuido à Black Monster Media
22
+ Podes remover os link rápidos.
23
+ Nos contactos podes por
24
+ Rua Pedro Nunes, Instituto Pedro Nunes, Bloco C - 3030-792
25
+ Email: info@blackmonstermedia.com
26
+ Telefone: 914251472
27
+ mete os contactos do lado direito onde estava
28
+ Relativamente à Universidade de verão os dados que tenho são estes:
29
+ Dados Meta:
30
+ - 14 abril a 30 de maio
31
+ - 4000€ investido
32
+ - 4 930 449 impressões
33
+ - 1 257 245 alcance
34
+ - 75 137 clicks na ligação (1,52% CTR Link)
35
+ - 145 409 clicks (2,95% CTR)
36
+ - Dados Google:
37
+ - 14 abril a 30 de maio
38
+ - 2461€ investido
39
+ - 5 572 impressões
40
+ - 1 257 245 alcance
41
+ - 1 184 clicks (33,81% CTR)
42
+ Números finais de inscrições:
43
+ - candidatos: 1054
44
+ - inscritos:
45
+ - candidatos 2024: 1020
46
+ - inscritos 2024: 534
47
+ - candidatos 2023: 1105
48
+ - inscritos 2023: 501
49
+
50
+ O orçamento disponível foi investido na sua totalidade.
51
+ Foi necessário fazer um investimento mais forte nos ultimos dias de campanha, bem como alterações de criativos para se tentar reverter a tendência anual decrescente de número total de inscritos.
52
+ Conseguimos reverter a tendência e obtivemos 1054 inscrições nesta edição de 2025.
53
+
54
+ Reconstrói isto mas com um aspeto super cool, que seja fácil de ler pelo utilizador final.
55
+ Relativamente à Universidade de verão os dados que tenho são estes:
56
+ Dados Meta:
57
+ - 14 abril a 30 de maio
58
+ - 4000€ investido
59
+ - 4 930 449 impressões
60
+ - 1 257 245 alcance
61
+ - 75 137 clicks na ligação (1,52% CTR Link)
62
+ - 145 409 clicks (2,95% CTR)
63
+ - Dados Google:
64
+ - 14 abril a 30 de maio
65
+ - 2461€ investido
66
+ - 5 572 impressões
67
+ - 1 257 245 alcance
68
+ - 1 184 clicks (33,81% CTR)
69
+ Números finais de inscrições:
70
+ - candidatos: 1054
71
+ - inscritos:
72
+ - candidatos 2024: 1020
73
+ - inscritos 2024: 534
74
+ - candidatos 2023: 1105
75
+ - inscritos 2023: 501
76
+
77
+ O orçamento disponível foi investido na sua totalidade.
78
+ Foi necessário fazer um investimento mais forte nos ultimos dias de campanha, bem como alterações de criativos para se tentar reverter a tendência anual decrescente de número total de inscritos.
79
+ Conseguimos reverter a tendência e obtivemos 1054 inscrições nesta edição de 2025.
80
+
81
+ Reconstrói isto mas com um aspeto super cool, que seja fácil de ler pelo utilizador final.
82
+ Relativamente à Universidade de verão os dados que tenho são estes:
83
+ Dados Meta:
84
+ - 14 abril a 30 de maio
85
+ - 4000€ investido
86
+ - 4 930 449 impressões
87
+ - 1 257 245 alcance
88
+ - 75 137 clicks na ligação (1,52% CTR Link)
89
+ - 145 409 clicks (2,95% CTR)
90
+ - Dados Google:
91
+ - 14 abril a 30 de maio
92
+ - 2461€ investido
93
+ - 5 572 impressões
94
+ - 1 257 245 alcance
95
+ - 1 184 clicks (33,81% CTR)
96
+ Números finais de inscrições:
97
+ - candidatos: 1054
98
+ - inscritos:
99
+ - candidatos 2024: 1020
100
+ - inscritos 2024: 534
101
+ - candidatos 2023: 1105
102
+ - inscritos 2023: 501
103
+
104
+ O orçamento disponível foi investido na sua totalidade.
105
+ Foi necessário fazer um investimento mais forte nos ultimos dias de campanha, bem como alterações de criativos para se tentar reverter a tendência anual decrescente de número total de inscritos.
106
+ Conseguimos reverter a tendência e obtivemos 1054 inscrições nesta edição de 2025.
107
+
108
+ Reconstrói isto mas com um aspeto super cool, que seja fácil de ler pelo utilizador final.
109
+ Não está implementado burro
110
+ Recria a página com estes dados:
111
+ Universidade Verão:
112
+ - Dados Meta:
113
+ - 14 abril a 30 de maio
114
+ - 4000€ investido
115
+ - 4 930 449 impressões
116
+ - 1 257 245 alcance
117
+ - 75 137 clicks na ligação (1,52% CTR Link)
118
+ - 145 409 clicks (2,95% CTR)
119
+ - Dados Google:
120
+ - 14 abril a 30 de maio
121
+ - 2461€ investido
122
+ - 5 572 impressões
123
+ - 1 257 245 alcance
124
+ - 1 184 clicks (33,81% CTR)
125
+
126
+ Números finais de inscrições:
127
+ - candidatos em 2025: 1054
128
+ - inscritos em 2025: 584
129
+ - candidatos em 2024: 1020
130
+ - inscritos em 2024: 534
131
+ - candidatos em 2023: 1105
132
+ - inscritos em 2023: 501
133
+ O orçamento disponível foi investido na sua totalidade.
134
+ Foi necessário fazer um investimento mais forte nos ultimos dias de campanha, bem como alterações de criativos para se tentar reverter a tendência anual decrescente de número total de inscritos.
135
+ Conseguimos reverter a tendência e obtivemos 1054 inscrições nesta edição de 2025.
136
+ Vamos criar a página interna do Universidade de Verão, os dados de relatório são os seguintes:
137
+
138
+ - Dados Meta:
139
+ - 14 abril a 30 de maio
140
+ - 4000€ investido
141
+ - 4 930 449 impressões
142
+ - 1 257 245 alcance
143
+ - 75 137 clicks na ligação (1,52% CTR Link)
144
+ - 145 409 clicks (2,95% CTR)
145
+ - Dados Google:
146
+ - 14 abril a 30 de maio
147
+ - 2461€ investido
148
+ - 5 572 impressões
149
+ - 1 257 245 alcance
150
+ - 1 184 clicks (33,81% CTR)
151
+ Números finais de inscrições:
152
+ - candidatos em 2025: 1054
153
+ - inscritos em 2025: 584
154
+ - candidatos em 2024: 1020
155
+ - inscritos em 2024: 534
156
+ - candidatos em 2023: 1105
157
+ - inscritos em 2023: 501
158
+ Observações:
159
+ O orçamento disponível foi investido na sua totalidade.
160
+ Foi necessário fazer um investimento mais forte nos ultimos dias de campanha, bem como alterações de criativos para se tentar reverter a tendência anual decrescente de número total de inscritos.
161
+ Conseguimos reverter a tendência e obtivemos 1054 inscrições nesta edição de 2025.
universidade-verao.html ADDED
@@ -0,0 +1,298 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Universidade de Verão - Relatórios UC</title>
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">
35
+ <!-- Header -->
36
+ <header class="bg-uc-blue text-white shadow-lg">
37
+ <div class="container mx-auto px-6 py-6">
38
+ <div class="flex justify-between items-center">
39
+ <div>
40
+ <h1 class="text-xl font-bold">Universidade de Coimbra</h1>
41
+ <p class="text-gray-300 text-sm">Relatórios de Advertising 2025 - Black Monster Media</p>
42
+ </div>
43
+ <a href="index.html" class="text-uc-gold hover:text-yellow-400 font-medium flex items-center">
44
+ <i data-feather="home" class="mr-2"></i> Voltar ao Início
45
+ </a>
46
+ </div>
47
+ </div>
48
+ </header>
49
+
50
+ <!-- Hero Section -->
51
+ <section class="relative bg-gradient-to-br from-blue-500 via-blue-600 to-uc-blue text-white py-16">
52
+ <div class="absolute inset-0">
53
+ <div class="absolute inset-0 bg-gradient-to-r from-blue-500/20 to-blue-700/30"></div>
54
+ <div class="absolute inset-0 bg-[url('http://static.photos/education/1200x630/2')] bg-cover bg-center mix-blend-overlay opacity-10"></div>
55
+ </div>
56
+ <div class="container mx-auto px-6 relative z-10 text-center">
57
+ <div class="flex items-center justify-center mb-6">
58
+ <div class="bg-blue-100 p-4 rounded-full mr-4">
59
+ <i data-feather="sun" class="text-blue-600 text-2xl"></i>
60
+ </div>
61
+ <h1 class="text-3xl md:text-4xl font-bold">Universidade de Verão</h1>
62
+ </div>
63
+ <p class="text-xl mb-8 max-w-3xl mx-auto" data-aos="fade-up">
64
+ Campanha realizada de 14 de Abril a 30 de Maio de 2025
65
+ </p>
66
+ </div>
67
+ </section>
68
+
69
+ <!-- Overview Section -->
70
+ <section class="py-12 bg-white">
71
+ <div class="container mx-auto px-6">
72
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12">
73
+ <!-- Total Investment -->
74
+ <div class="stat-card bg-white rounded-xl shadow-lg p-6 text-center border-l-4 border-blue-500" data-aos="fade-up">
75
+ <div class="bg-blue-100 p-3 rounded-full inline-flex mb-4">
76
+ <i data-feather="dollar-sign" class="text-blue-600"></i>
77
+ </div>
78
+ <h3 class="text-2xl font-bold text-gray-800 mb-2">€6.461</h3>
79
+ <p class="text-gray-600">Investimento Total</p>
80
+ </div>
81
+
82
+ <!-- Total Impressions -->
83
+ <div class="stat-card bg-white rounded-xl shadow-lg p-6 text-center border-l-4 border-green-500" data-aos="fade-up" data-aos-delay="100">
84
+ <div class="bg-green-100 p-3 rounded-full inline-flex mb-4">
85
+ <i data-feather="eye" class="text-green-600"></i>
86
+ </div>
87
+ <h3 class="text-2xl font-bold text-gray-800 mb-2">4.936.021</h3>
88
+ <p class="text-gray-600">Total de Impressões</p>
89
+ </div>
90
+
91
+ <!-- Total Clicks -->
92
+ <div class="stat-card bg-white rounded-xl shadow-lg p-6 text-center border-l-4 border-purple-500" data-aos="fade-up" data-aos-delay="200">
93
+ <div class="bg-purple-100 p-3 rounded-full inline-flex mb-4">
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">146.593</h3>
97
+ <p class="text-gray-600">Total de Clicks</p>
98
+ </div>
99
+ </div>
100
+
101
+ <!-- Platform Comparison -->
102
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
103
+ <!-- Meta Data -->
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>
111
+ <div class="space-y-4">
112
+ <div class="flex justify-between items-center">
113
+ <span class="text-gray-600">Período:</span>
114
+ <span class="font-semibold">14 Abr - 30 Mai</span>
115
+ </div>
116
+ <div class="flex justify-between items-center">
117
+ <span class="text-gray-600">Investimento:</span>
118
+ <span class="font-semibold">€4.000</span>
119
+ </div>
120
+ <div class="flex justify-between items-center">
121
+ <span class="text-gray-600">Impressões:</span>
122
+ <span class="font-semibold">4.930.449</span>
123
+ </div>
124
+ <div class="flex justify-between items-center">
125
+ <span class="text-gray-600">Alcance:</span>
126
+ <span class="font-semibold">1.257.245</span>
127
+ </div>
128
+ <div class="flex justify-between items-center">
129
+ <span class="text-gray-600">CTR Link:</span>
130
+ <span class="font-semibold text-green-600">1,52%</span>
131
+ </div>
132
+ <div class="flex justify-between items-center">
133
+ <span class="text-gray-600">CTR Total:</span>
134
+ <span class="font-semibold text-green-600">2,95%</span>
135
+ </div>
136
+ </div>
137
+ </div>
138
+
139
+ <!-- Google Data -->
140
+ <div class="bg-red-50 rounded-xl p-6 shadow-md" data-aos="fade-left">
141
+ <div class="flex items-center mb-6">
142
+ <div class="bg-red-600 p-3 rounded-full mr-4">
143
+ <i data-feather="search" class="text-white"></i>
144
+ </div>
145
+ <h2 class="text-2xl font-bold text-gray-800">Google Advertising</h2>
146
+ </div>
147
+ <div class="space-y-4">
148
+ <div class="flex justify-between items-center">
149
+ <span class="text-gray-600">Período:</span>
150
+ <span class="font-semibold">14 Abr - 30 Mai</span>
151
+ </div>
152
+ <div class="flex justify-between items-center">
153
+ <span class="text-gray-600">Investimento:</span>
154
+ <span class="font-semibold">€2.461</span>
155
+ </div>
156
+ <div class="flex justify-between items-center">
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>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ </div>
171
+
172
+ <!-- Enrollment Stats -->
173
+ <div class="bg-gray-50 rounded-xl p-8 shadow-md mb-12" data-aos="fade-up">
174
+ <h2 class="text-2xl font-bold text-gray-800 mb-8 text-center">Inscrições - Evolução Anual</h2>
175
+
176
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
177
+ <!-- 2025 -->
178
+ <div class="text-center">
179
+ <div class="bg-blue-600 text-white rounded-full p-6 mx-auto mb-4">
180
+ <span class="text-2xl font-bold">2025</span>
181
+ </div>
182
+ <div class="space-y-2">
183
+ <p class="text-lg font-semibold text-gray-800">1.054 candidatos</p>
184
+ <p class="text-lg font-semibold text-blue-600">584 inscritos</p>
185
+ </div>
186
+ </div>
187
+
188
+ <!-- 2024 -->
189
+ <div class="text-center">
190
+ <div class="bg-gray-400 text-white rounded-full p-6 mx-auto mb-4">
191
+ <span class="text-2xl font-bold">2024</span>
192
+ </div>
193
+ <div class="space-y-2">
194
+ <p class="text-lg font-semibold text-gray-800">1.020 candidatos</p>
195
+ <p class="text-lg font-semibold text-gray-600">534 inscritos</p>
196
+ </div>
197
+ </div>
198
+
199
+ <!-- 2023 -->
200
+ <div class="text-center">
201
+ <div class="bg-gray-300 text-gray-800 rounded-full p-6 mx-auto mb-4">
202
+ <span class="text-2xl font-bold">2023</span>
203
+ </div>
204
+ <div class="space-y-2">
205
+ <p class="text-lg font-semibold text-gray-800">1.105 candidatos</p>
206
+ <p class="text-lg font-semibold text-gray-500">501 inscritos</p>
207
+ </div>
208
+ </div>
209
+ </div>
210
+
211
+ <!-- Growth Visualization -->
212
+ <div class="bg-white rounded-lg p-6 shadow-sm">
213
+ <h3 class="text-lg font-semibold text-gray-800 mb-4">Evolução de Inscritos</h3>
214
+ <div class="space-y-4">
215
+ <div class="flex items-center justify-between">
216
+ <span class="text-sm text-gray-600">2023</span>
217
+ <div class="w-3/4 bg-gray-200 rounded-full h-4">
218
+ <div class="bg-gray-400 h-4 rounded-full" style="width: 45%"></div>
219
+ </div>
220
+ <span class="text-sm font-semibold">501</span>
221
+ </div>
222
+ <div class="flex items-center justify-between">
223
+ <span class="text-sm text-gray-600">2024</span>
224
+ <div class="w-3/4 bg-gray-200 rounded-full h-4">
225
+ <div class="bg-gray-500 h-4 rounded-full" style="width: 48%"></div>
226
+ </div>
227
+ <span class="text-sm font-semibold">534</span>
228
+ </div>
229
+ <div class="flex items-center justify-between">
230
+ <span class="text-sm text-gray-600">2025</span>
231
+ <div class="w-3/4 bg-gray-200 rounded-full h-4">
232
+ <div class="bg-blue-600 h-4 rounded-full" style="width: 55%"></div>
233
+ </div>
234
+ <span class="text-sm font-semibold">584</span>
235
+ </div>
236
+ </div>
237
+ </div>
238
+ </div>
239
+
240
+ <!-- Observations -->
241
+ <div class="bg-yellow-50 rounded-xl p-8 shadow-md border-l-4 border-yellow-500" data-aos="fade-up">
242
+ <div class="flex items-center mb-6">
243
+ <div class="bg-yellow-500 p-3 rounded-full mr-4">
244
+ <i data-feather="alert-circle" class="text-white"></i>
245
+ </div>
246
+ <h2 class="text-2xl font-bold text-gray-800">Observações</h2>
247
+ </div>
248
+ <div class="space-y-4 text-gray-700">
249
+ <p>✅ <strong>Orçamento total investido:</strong> O valor disponível foi aplicado na sua totalidade.</p>
250
+ <p>📈 <strong>Estratégia reforçada:</strong> Investimento intensificado nos últimos dias de campanha e atualização de criativos.</p>
251
+ <p>🎯 <strong>Resultado alcançado:</strong> Reversão da tendência decrescente com 1.054 inscrições em 2025.</p>
252
+ </div>
253
+ </div>
254
+ </div>
255
+ </section>
256
+
257
+ <!-- Footer -->
258
+ <footer class="bg-gray-800 text-white py-12">
259
+ <div class="container mx-auto px-6">
260
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
261
+ <div class="md:col-span-2">
262
+ <h3 class="text-xl font-bold mb-4">Universidade de Coimbra</h3>
263
+ <p class="text-gray-400">Análise de dados e relatórios de marketing institucional.</p>
264
+ </div>
265
+ <div>
266
+ <h3 class="text-xl font-bold mb-4">Contactos</h3>
267
+ <address class="text-gray-400 not-italic">
268
+ <p>Rua Pedro Nunes, Instituto Pedro Nunes, Bloco C - 3030-792</p>
269
+ <p>Email: info@blackmonstermedia.com</p>
270
+ <p>Telefone: 914251472</p>
271
+ </address>
272
+ </div>
273
+ </div>
274
+ <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
275
+ <p>&copy; 2025 Black Monster Media. Todos os direitos reservados.</p>
276
+ </div>
277
+ </div>
278
+ </footer>
279
+
280
+ <script>
281
+ AOS.init({
282
+ duration: 800,
283
+ easing: 'ease-in-out',
284
+ once: true
285
+ });
286
+ feather.replace();
287
+
288
+ // Animate progress bars
289
+ document.addEventListener('DOMContentLoaded', function() {
290
+ setTimeout(() => {
291
+ document.querySelectorAll('.progress-bar').forEach(bar => {
292
+ bar.style.width = bar.getAttribute('data-width');
293
+ });
294
+ }, 500);
295
+ });
296
+ </script>
297
+ </body>
298
+ </html>