Update templates/index.html
Browse files- templates/index.html +2 -17
templates/index.html
CHANGED
@@ -1,4 +1,4 @@
|
|
1 |
-
<!DOCTYPE html>
|
2 |
<html lang="pt-BR">
|
3 |
<head>
|
4 |
<meta charset="UTF-8" />
|
@@ -12,12 +12,10 @@
|
|
12 |
padding: 20px;
|
13 |
margin: 0;
|
14 |
}
|
15 |
-
|
16 |
h1, h2 {
|
17 |
text-align: center;
|
18 |
color: #2c3e50;
|
19 |
}
|
20 |
-
|
21 |
form {
|
22 |
background: #fff;
|
23 |
max-width: 600px;
|
@@ -26,14 +24,12 @@
|
|
26 |
border-radius: 10px;
|
27 |
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
28 |
}
|
29 |
-
|
30 |
label {
|
31 |
display: block;
|
32 |
margin-bottom: 6px;
|
33 |
font-weight: 600;
|
34 |
color: #555;
|
35 |
}
|
36 |
-
|
37 |
input[type="number"] {
|
38 |
width: 100%;
|
39 |
padding: 10px;
|
@@ -42,7 +38,6 @@
|
|
42 |
border-radius: 5px;
|
43 |
box-sizing: border-box;
|
44 |
}
|
45 |
-
|
46 |
button {
|
47 |
width: 100%;
|
48 |
padding: 12px;
|
@@ -55,16 +50,13 @@
|
|
55 |
margin-top: 10px;
|
56 |
transition: background 0.3s;
|
57 |
}
|
58 |
-
|
59 |
button:hover {
|
60 |
background: #0056b3;
|
61 |
}
|
62 |
-
|
63 |
.grafico {
|
64 |
text-align: center;
|
65 |
margin-bottom: 40px;
|
66 |
}
|
67 |
-
|
68 |
table {
|
69 |
width: 95%;
|
70 |
margin: 20px auto;
|
@@ -74,23 +66,19 @@
|
|
74 |
overflow: hidden;
|
75 |
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
|
76 |
}
|
77 |
-
|
78 |
th, td {
|
79 |
padding: 12px 15px;
|
80 |
border: 1px solid #ddd;
|
81 |
text-align: right;
|
82 |
}
|
83 |
-
|
84 |
th {
|
85 |
background-color: #007bff;
|
86 |
color: white;
|
87 |
text-align: center;
|
88 |
}
|
89 |
-
|
90 |
tr:hover {
|
91 |
background-color: #f1f1f1;
|
92 |
}
|
93 |
-
|
94 |
.resultado-destaque {
|
95 |
max-width: 800px;
|
96 |
margin: 30px auto;
|
@@ -103,16 +91,13 @@
|
|
103 |
border-left: 6px solid #2e7d32;
|
104 |
border-radius: 6px;
|
105 |
}
|
106 |
-
|
107 |
.botao-pdf {
|
108 |
text-align: center;
|
109 |
margin-top: 30px;
|
110 |
}
|
111 |
-
|
112 |
.botao-pdf form {
|
113 |
display: inline-block;
|
114 |
}
|
115 |
-
|
116 |
/* Ocultar itens no modo PDF */
|
117 |
{% if gerar_pdf %}
|
118 |
form, .botao-pdf, button {
|
@@ -162,7 +147,7 @@
|
|
162 |
|
163 |
<div class="resultado-destaque">
|
164 |
Investimento com maior retorno: <span style="color:#1b5e20;">{{ investimento_mais_valorizado }}</span><br>
|
165 |
-
Valor final estimado: <span style="color:#1b5e20;">R$ {{ "{:,.2f}".format(valor_mais_alto) }}</span>
|
166 |
</div>
|
167 |
|
168 |
{% if not gerar_pdf %}
|
|
|
1 |
+
<!DOCTYPE html>
|
2 |
<html lang="pt-BR">
|
3 |
<head>
|
4 |
<meta charset="UTF-8" />
|
|
|
12 |
padding: 20px;
|
13 |
margin: 0;
|
14 |
}
|
|
|
15 |
h1, h2 {
|
16 |
text-align: center;
|
17 |
color: #2c3e50;
|
18 |
}
|
|
|
19 |
form {
|
20 |
background: #fff;
|
21 |
max-width: 600px;
|
|
|
24 |
border-radius: 10px;
|
25 |
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
26 |
}
|
|
|
27 |
label {
|
28 |
display: block;
|
29 |
margin-bottom: 6px;
|
30 |
font-weight: 600;
|
31 |
color: #555;
|
32 |
}
|
|
|
33 |
input[type="number"] {
|
34 |
width: 100%;
|
35 |
padding: 10px;
|
|
|
38 |
border-radius: 5px;
|
39 |
box-sizing: border-box;
|
40 |
}
|
|
|
41 |
button {
|
42 |
width: 100%;
|
43 |
padding: 12px;
|
|
|
50 |
margin-top: 10px;
|
51 |
transition: background 0.3s;
|
52 |
}
|
|
|
53 |
button:hover {
|
54 |
background: #0056b3;
|
55 |
}
|
|
|
56 |
.grafico {
|
57 |
text-align: center;
|
58 |
margin-bottom: 40px;
|
59 |
}
|
|
|
60 |
table {
|
61 |
width: 95%;
|
62 |
margin: 20px auto;
|
|
|
66 |
overflow: hidden;
|
67 |
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
|
68 |
}
|
|
|
69 |
th, td {
|
70 |
padding: 12px 15px;
|
71 |
border: 1px solid #ddd;
|
72 |
text-align: right;
|
73 |
}
|
|
|
74 |
th {
|
75 |
background-color: #007bff;
|
76 |
color: white;
|
77 |
text-align: center;
|
78 |
}
|
|
|
79 |
tr:hover {
|
80 |
background-color: #f1f1f1;
|
81 |
}
|
|
|
82 |
.resultado-destaque {
|
83 |
max-width: 800px;
|
84 |
margin: 30px auto;
|
|
|
91 |
border-left: 6px solid #2e7d32;
|
92 |
border-radius: 6px;
|
93 |
}
|
|
|
94 |
.botao-pdf {
|
95 |
text-align: center;
|
96 |
margin-top: 30px;
|
97 |
}
|
|
|
98 |
.botao-pdf form {
|
99 |
display: inline-block;
|
100 |
}
|
|
|
101 |
/* Ocultar itens no modo PDF */
|
102 |
{% if gerar_pdf %}
|
103 |
form, .botao-pdf, button {
|
|
|
147 |
|
148 |
<div class="resultado-destaque">
|
149 |
Investimento com maior retorno: <span style="color:#1b5e20;">{{ investimento_mais_valorizado }}</span><br>
|
150 |
+
Valor final estimado: <span style="color:#1b5e20;">R$ {{ "{:,.2f}".format(valor_mais_alto).replace(",", "X").replace(".", ",").replace("X", ".") }}</span>
|
151 |
</div>
|
152 |
|
153 |
{% if not gerar_pdf %}
|