wagtail-enap-designsystem 1.2.1.121__py3-none-any.whl → 1.2.1.122__py3-none-any.whl
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of wagtail-enap-designsystem might be problematic. Click here for more details.
- enap_designsystem/blocks/html_blocks.py +0 -42
- enap_designsystem/models.py +0 -27
- enap_designsystem/templates/enap_designsystem/sistema_votacao_page.html +163 -183
- enap_designsystem/urls.py +6 -3
- enap_designsystem/views.py +118 -153
- enap_designsystem/wagtail_hooks.py +235 -77
- {wagtail_enap_designsystem-1.2.1.121.dist-info → wagtail_enap_designsystem-1.2.1.122.dist-info}/METADATA +1 -1
- {wagtail_enap_designsystem-1.2.1.121.dist-info → wagtail_enap_designsystem-1.2.1.122.dist-info}/RECORD +11 -12
- enap_designsystem/templates/custom_404.html +0 -372
- {wagtail_enap_designsystem-1.2.1.121.dist-info → wagtail_enap_designsystem-1.2.1.122.dist-info}/WHEEL +0 -0
- {wagtail_enap_designsystem-1.2.1.121.dist-info → wagtail_enap_designsystem-1.2.1.122.dist-info}/licenses/LICENSE +0 -0
- {wagtail_enap_designsystem-1.2.1.121.dist-info → wagtail_enap_designsystem-1.2.1.122.dist-info}/top_level.txt +0 -0
|
@@ -1,372 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="pt-BR">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Erro 400 - Página não encontrada</title>
|
|
7
|
-
<style>
|
|
8
|
-
* {
|
|
9
|
-
margin: 0;
|
|
10
|
-
padding: 0;
|
|
11
|
-
box-sizing: border-box;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
body {
|
|
15
|
-
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
16
|
-
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
|
|
17
|
-
min-height: 100vh;
|
|
18
|
-
display: flex;
|
|
19
|
-
align-items: center;
|
|
20
|
-
justify-content: center;
|
|
21
|
-
padding: 20px;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.error-container {
|
|
25
|
-
text-align: center;
|
|
26
|
-
max-width: 600px;
|
|
27
|
-
width: 100%;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.error-title {
|
|
31
|
-
font-size: 2.5rem;
|
|
32
|
-
color: #4a5568;
|
|
33
|
-
margin-bottom: 3rem;
|
|
34
|
-
font-weight: 300;
|
|
35
|
-
letter-spacing: 1px;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.error-illustration {
|
|
39
|
-
margin-bottom: 3rem;
|
|
40
|
-
position: relative;
|
|
41
|
-
display: inline-block;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.computer {
|
|
45
|
-
width: 200px;
|
|
46
|
-
height: 150px;
|
|
47
|
-
background: linear-gradient(145deg, #7dd3fc, #38bdf8);
|
|
48
|
-
border-radius: 15px;
|
|
49
|
-
position: relative;
|
|
50
|
-
margin: 0 auto;
|
|
51
|
-
box-shadow: 0 20px 40px rgba(56, 189, 248, 0.3);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.computer::before {
|
|
55
|
-
content: '';
|
|
56
|
-
position: absolute;
|
|
57
|
-
top: 15px;
|
|
58
|
-
left: 15px;
|
|
59
|
-
right: 15px;
|
|
60
|
-
height: 8px;
|
|
61
|
-
background: rgba(255, 255, 255, 0.3);
|
|
62
|
-
border-radius: 4px;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.screen {
|
|
66
|
-
position: absolute;
|
|
67
|
-
top: 30px;
|
|
68
|
-
left: 15px;
|
|
69
|
-
right: 15px;
|
|
70
|
-
bottom: 25px;
|
|
71
|
-
background: white;
|
|
72
|
-
border-radius: 8px;
|
|
73
|
-
display: flex;
|
|
74
|
-
flex-direction: column;
|
|
75
|
-
align-items: center;
|
|
76
|
-
justify-content: center;
|
|
77
|
-
padding: 20px;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.error-code {
|
|
81
|
-
font-size: 3rem;
|
|
82
|
-
font-weight: bold;
|
|
83
|
-
color: #9ca3af;
|
|
84
|
-
margin-bottom: 10px;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.error-lines {
|
|
88
|
-
display: flex;
|
|
89
|
-
flex-direction: column;
|
|
90
|
-
gap: 4px;
|
|
91
|
-
width: 100%;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.line {
|
|
95
|
-
height: 4px;
|
|
96
|
-
background: #e5e7eb;
|
|
97
|
-
border-radius: 2px;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.line:first-child {
|
|
101
|
-
width: 80%;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.line:nth-child(2) {
|
|
105
|
-
width: 60%;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.line:last-child {
|
|
109
|
-
width: 40%;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.computer-base {
|
|
113
|
-
position: absolute;
|
|
114
|
-
bottom: -15px;
|
|
115
|
-
left: 50%;
|
|
116
|
-
transform: translateX(-50%);
|
|
117
|
-
width: 40px;
|
|
118
|
-
height: 15px;
|
|
119
|
-
background: linear-gradient(145deg, #64748b, #475569);
|
|
120
|
-
border-radius: 0 0 10px 10px;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
.computer-stand {
|
|
124
|
-
position: absolute;
|
|
125
|
-
bottom: -25px;
|
|
126
|
-
left: 50%;
|
|
127
|
-
transform: translateX(-50%);
|
|
128
|
-
width: 80px;
|
|
129
|
-
height: 10px;
|
|
130
|
-
background: linear-gradient(145deg, #64748b, #475569);
|
|
131
|
-
border-radius: 20px;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
.warning-icon {
|
|
135
|
-
position: absolute;
|
|
136
|
-
bottom: -10px;
|
|
137
|
-
right: -10px;
|
|
138
|
-
width: 60px;
|
|
139
|
-
height: 60px;
|
|
140
|
-
background: linear-gradient(145deg, #fbbf24, #f59e0b);
|
|
141
|
-
border-radius: 50%;
|
|
142
|
-
display: flex;
|
|
143
|
-
align-items: center;
|
|
144
|
-
justify-content: center;
|
|
145
|
-
box-shadow: 0 10px 25px rgba(245, 158, 11, 0.4);
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.warning-icon::before {
|
|
149
|
-
content: '!';
|
|
150
|
-
color: white;
|
|
151
|
-
font-size: 1.8rem;
|
|
152
|
-
font-weight: bold;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
.error-message-title {
|
|
156
|
-
font-size: 2rem;
|
|
157
|
-
color: #374151;
|
|
158
|
-
margin-bottom: 1rem;
|
|
159
|
-
font-weight: 500;
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
.error-message-text {
|
|
163
|
-
font-size: 1.1rem;
|
|
164
|
-
color: #6b7280;
|
|
165
|
-
line-height: 1.6;
|
|
166
|
-
margin-bottom: 3rem;
|
|
167
|
-
max-width: 500px;
|
|
168
|
-
margin-left: auto;
|
|
169
|
-
margin-right: auto;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.action-buttons {
|
|
173
|
-
display: flex;
|
|
174
|
-
gap: 1rem;
|
|
175
|
-
justify-content: center;
|
|
176
|
-
flex-wrap: wrap;
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
.btn-primary {
|
|
181
|
-
background: #007D7A;
|
|
182
|
-
color: white;
|
|
183
|
-
box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
.btn-primary:hover {
|
|
187
|
-
transform: translateY(-2px);
|
|
188
|
-
box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
|
|
189
|
-
color: white;
|
|
190
|
-
text-decoration: none;
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
.btn-secondary {
|
|
194
|
-
background: white;
|
|
195
|
-
color: #6b7280;
|
|
196
|
-
border: 2px solid #e5e7eb;
|
|
197
|
-
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
.btn-secondary:hover {
|
|
201
|
-
transform: translateY(-2px);
|
|
202
|
-
border-color: #3b82f6;
|
|
203
|
-
color: #3b82f6;
|
|
204
|
-
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
.floating-circles {
|
|
208
|
-
position: absolute;
|
|
209
|
-
width: 100%;
|
|
210
|
-
height: 100%;
|
|
211
|
-
overflow: hidden;
|
|
212
|
-
z-index: -1;
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
.circle {
|
|
216
|
-
position: absolute;
|
|
217
|
-
border-radius: 50%;
|
|
218
|
-
background: rgba(59, 130, 246, 0.1);
|
|
219
|
-
animation: float 6s ease-in-out infinite;
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
.circle:nth-child(1) {
|
|
223
|
-
width: 80px;
|
|
224
|
-
height: 80px;
|
|
225
|
-
top: 20%;
|
|
226
|
-
left: 10%;
|
|
227
|
-
animation-delay: 0s;
|
|
228
|
-
}
|
|
229
|
-
|
|
230
|
-
.circle:nth-child(2) {
|
|
231
|
-
width: 120px;
|
|
232
|
-
height: 120px;
|
|
233
|
-
top: 60%;
|
|
234
|
-
right: 15%;
|
|
235
|
-
animation-delay: 2s;
|
|
236
|
-
}
|
|
237
|
-
|
|
238
|
-
.circle:nth-child(3) {
|
|
239
|
-
width: 60px;
|
|
240
|
-
height: 60px;
|
|
241
|
-
bottom: 20%;
|
|
242
|
-
left: 20%;
|
|
243
|
-
animation-delay: 4s;
|
|
244
|
-
}
|
|
245
|
-
|
|
246
|
-
@keyframes float {
|
|
247
|
-
0%, 100% {
|
|
248
|
-
transform: translateY(0px) rotate(0deg);
|
|
249
|
-
opacity: 0.7;
|
|
250
|
-
}
|
|
251
|
-
50% {
|
|
252
|
-
transform: translateY(-20px) rotate(180deg);
|
|
253
|
-
opacity: 1;
|
|
254
|
-
}
|
|
255
|
-
}
|
|
256
|
-
|
|
257
|
-
@media (max-width: 768px) {
|
|
258
|
-
.error-title {
|
|
259
|
-
font-size: 2rem;
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
.error-message-title {
|
|
263
|
-
font-size: 1.5rem;
|
|
264
|
-
}
|
|
265
|
-
|
|
266
|
-
.error-message-text {
|
|
267
|
-
font-size: 1rem;
|
|
268
|
-
padding: 0 1rem;
|
|
269
|
-
}
|
|
270
|
-
|
|
271
|
-
.computer {
|
|
272
|
-
width: 160px;
|
|
273
|
-
height: 120px;
|
|
274
|
-
}
|
|
275
|
-
|
|
276
|
-
.error-code {
|
|
277
|
-
font-size: 2rem;
|
|
278
|
-
}
|
|
279
|
-
|
|
280
|
-
.warning-icon {
|
|
281
|
-
width: 45px;
|
|
282
|
-
height: 45px;
|
|
283
|
-
}
|
|
284
|
-
|
|
285
|
-
.warning-icon::before {
|
|
286
|
-
font-size: 1.3rem;
|
|
287
|
-
}
|
|
288
|
-
|
|
289
|
-
.action-buttons {
|
|
290
|
-
flex-direction: column;
|
|
291
|
-
align-items: center;
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
.btn {
|
|
295
|
-
width: 200px;
|
|
296
|
-
justify-content: center;
|
|
297
|
-
}
|
|
298
|
-
}
|
|
299
|
-
</style>
|
|
300
|
-
</head>
|
|
301
|
-
<body>
|
|
302
|
-
<div class="floating-circles">
|
|
303
|
-
<div class="circle"></div>
|
|
304
|
-
<div class="circle"></div>
|
|
305
|
-
<div class="circle"></div>
|
|
306
|
-
</div>
|
|
307
|
-
|
|
308
|
-
<div class="error-container">
|
|
309
|
-
<h1 class="error-title">Erro 400</h1>
|
|
310
|
-
|
|
311
|
-
<div class="error-illustration">
|
|
312
|
-
<div class="computer">
|
|
313
|
-
<div class="screen">
|
|
314
|
-
<div class="error-code">404</div>
|
|
315
|
-
<div class="error-lines">
|
|
316
|
-
<div class="line"></div>
|
|
317
|
-
<div class="line"></div>
|
|
318
|
-
<div class="line"></div>
|
|
319
|
-
</div>
|
|
320
|
-
</div>
|
|
321
|
-
<div class="computer-base"></div>
|
|
322
|
-
<div class="computer-stand"></div>
|
|
323
|
-
</div>
|
|
324
|
-
<div class="warning-icon"></div>
|
|
325
|
-
</div>
|
|
326
|
-
|
|
327
|
-
<h2 class="error-message-title">A página não foi encontrada</h2>
|
|
328
|
-
|
|
329
|
-
<p class="error-message-text">
|
|
330
|
-
Ocorreu um erro ao processar sua solicitação. Você pode ter digitado
|
|
331
|
-
o endereço errado ou não tem permissão para ver esta página.
|
|
332
|
-
</p>
|
|
333
|
-
|
|
334
|
-
<div class="action-buttons">
|
|
335
|
-
<a href="/" class="btn btn-primary">
|
|
336
|
-
Página Inicial
|
|
337
|
-
</a>
|
|
338
|
-
<button onclick="history.back()" class="btn btn-secondary">
|
|
339
|
-
<span>←</span>
|
|
340
|
-
Voltar
|
|
341
|
-
</button>
|
|
342
|
-
</div>
|
|
343
|
-
</div>
|
|
344
|
-
|
|
345
|
-
<script>
|
|
346
|
-
// Adiciona uma pequena animação ao carregar
|
|
347
|
-
window.addEventListener('load', function() {
|
|
348
|
-
const container = document.querySelector('.error-container');
|
|
349
|
-
container.style.opacity = '0';
|
|
350
|
-
container.style.transform = 'translateY(20px)';
|
|
351
|
-
container.style.transition = 'all 0.8s ease';
|
|
352
|
-
|
|
353
|
-
setTimeout(() => {
|
|
354
|
-
container.style.opacity = '1';
|
|
355
|
-
container.style.transform = 'translateY(0)';
|
|
356
|
-
}, 100);
|
|
357
|
-
});
|
|
358
|
-
|
|
359
|
-
// Adiciona efeito hover nos círculos flutuantes
|
|
360
|
-
document.querySelectorAll('.circle').forEach(circle => {
|
|
361
|
-
circle.addEventListener('mouseenter', function() {
|
|
362
|
-
this.style.transform = 'scale(1.2)';
|
|
363
|
-
this.style.transition = 'transform 0.3s ease';
|
|
364
|
-
});
|
|
365
|
-
|
|
366
|
-
circle.addEventListener('mouseleave', function() {
|
|
367
|
-
this.style.transform = 'scale(1)';
|
|
368
|
-
});
|
|
369
|
-
});
|
|
370
|
-
</script>
|
|
371
|
-
</body>
|
|
372
|
-
</html>
|
|
File without changes
|
|
File without changes
|
|
File without changes
|