Persano commited on
Commit
fde05fe
·
verified ·
1 Parent(s): e5944e3

Update templates/relatorio.html

Browse files
Files changed (1) hide show
  1. templates/relatorio.html +7 -21
templates/relatorio.html CHANGED
@@ -11,7 +11,6 @@
11
  margin: 30px 40px;
12
  line-height: 1.5;
13
  }
14
-
15
  h1 {
16
  font-size: 22px;
17
  margin-bottom: 5px;
@@ -19,7 +18,6 @@
19
  border-bottom: 2px solid #004080;
20
  padding-bottom: 8px;
21
  }
22
-
23
  h2 {
24
  font-size: 17px;
25
  margin-top: 30px;
@@ -28,14 +26,12 @@
28
  border-bottom: 1px solid #a0a0a0;
29
  padding-bottom: 4px;
30
  }
31
-
32
  .subtitulo {
33
  font-size: 12px;
34
  color: #555;
35
  margin-bottom: 25px;
36
  font-style: italic;
37
  }
38
-
39
  /* Tabela com estilo profissional */
40
  .tabela {
41
  width: 60%;
@@ -44,35 +40,29 @@
44
  margin-bottom: 25px;
45
  font-size: 13px;
46
  }
47
-
48
  .tabela th, .tabela td {
49
  border: 1px solid #ccc;
50
  padding: 8px 12px;
51
  text-align: right;
52
  }
53
-
54
  .tabela th {
55
  background-color: #e1e7f0;
56
  color: #003366;
57
  text-align: left;
58
  }
59
-
60
  .tabela tr:nth-child(even) {
61
  background-color: #f8fafd;
62
  }
63
-
64
  /* Alinhamento para nomes na primeira coluna */
65
  .tabela td:first-child, .tabela th:first-child {
66
  text-align: left;
67
  }
68
-
69
  /* Estilo para o gráfico */
70
  .grafico {
71
  text-align: center;
72
  margin-top: 20px;
73
  margin-bottom: 30px;
74
  }
75
-
76
  /* Estilo para análise */
77
  .analise {
78
  margin-top: 20px;
@@ -81,12 +71,10 @@
81
  color: #333;
82
  white-space: pre-line; /* para respeitar quebras de linha da análise */
83
  }
84
-
85
  /* Destaques em negrito e cor */
86
  .analise strong {
87
  color: #004080;
88
  }
89
-
90
  /* Rodapé discreto */
91
  .rodape {
92
  font-size: 10px;
@@ -106,13 +94,13 @@
106
  <h2>Dados de Entrada</h2>
107
  <table class="tabela">
108
  <tr><th>Parâmetro</th><th>Valor</th></tr>
109
- <tr><td>Capital Inicial</td><td>R$ {{ "{:,.2f}".format(capital).replace(",", "X").replace(".", ",").replace("X", ".") }}</td></tr>
110
- <tr><td>Retorno Mensal Studio (%)</td><td>{{ studio_ret }}%</td></tr>
111
- <tr><td>Valorização Anual Studio (%)</td><td>{{ valorizacao }}%</td></tr>
112
- <tr><td>Retorno Anual Franquia (R$)</td><td>R$ {{ "{:,.2f}".format(franquia_ret).replace(",", "X").replace(".", ",").replace("X", ".") }}</td></tr>
113
- <tr><td>Retorno Anual Ações (%)</td><td>{{ acoes_ret }}%</td></tr>
114
- <tr><td>Retorno Anual Renda Fixa (%)</td><td>{{ renda_fixa }}%</td></tr>
115
- <tr><td>Inflação Anual (%)</td><td>{{ inflacao }}%</td></tr>
116
  </table>
117
 
118
  <h2>Gráfico de Projeção</h2>
@@ -133,5 +121,3 @@
133
  </div>
134
  </body>
135
  </html>
136
-
137
-
 
11
  margin: 30px 40px;
12
  line-height: 1.5;
13
  }
 
14
  h1 {
15
  font-size: 22px;
16
  margin-bottom: 5px;
 
18
  border-bottom: 2px solid #004080;
19
  padding-bottom: 8px;
20
  }
 
21
  h2 {
22
  font-size: 17px;
23
  margin-top: 30px;
 
26
  border-bottom: 1px solid #a0a0a0;
27
  padding-bottom: 4px;
28
  }
 
29
  .subtitulo {
30
  font-size: 12px;
31
  color: #555;
32
  margin-bottom: 25px;
33
  font-style: italic;
34
  }
 
35
  /* Tabela com estilo profissional */
36
  .tabela {
37
  width: 60%;
 
40
  margin-bottom: 25px;
41
  font-size: 13px;
42
  }
 
43
  .tabela th, .tabela td {
44
  border: 1px solid #ccc;
45
  padding: 8px 12px;
46
  text-align: right;
47
  }
 
48
  .tabela th {
49
  background-color: #e1e7f0;
50
  color: #003366;
51
  text-align: left;
52
  }
 
53
  .tabela tr:nth-child(even) {
54
  background-color: #f8fafd;
55
  }
 
56
  /* Alinhamento para nomes na primeira coluna */
57
  .tabela td:first-child, .tabela th:first-child {
58
  text-align: left;
59
  }
 
60
  /* Estilo para o gráfico */
61
  .grafico {
62
  text-align: center;
63
  margin-top: 20px;
64
  margin-bottom: 30px;
65
  }
 
66
  /* Estilo para análise */
67
  .analise {
68
  margin-top: 20px;
 
71
  color: #333;
72
  white-space: pre-line; /* para respeitar quebras de linha da análise */
73
  }
 
74
  /* Destaques em negrito e cor */
75
  .analise strong {
76
  color: #004080;
77
  }
 
78
  /* Rodapé discreto */
79
  .rodape {
80
  font-size: 10px;
 
94
  <h2>Dados de Entrada</h2>
95
  <table class="tabela">
96
  <tr><th>Parâmetro</th><th>Valor</th></tr>
97
+ <tr><td>Capital Inicial</td><td>{{ capital }}</td></tr>
98
+ <tr><td>Retorno Mensal Studio (%)</td><td>{{ studio_ret }}</td></tr>
99
+ <tr><td>Valorização Anual Studio (%)</td><td>{{ valorizacao }}</td></tr>
100
+ <tr><td>Retorno Anual Franquia (R$)</td><td>{{ franquia_ret }}</td></tr>
101
+ <tr><td>Retorno Anual Ações (%)</td><td>{{ acoes_ret }}</td></tr>
102
+ <tr><td>Retorno Anual Renda Fixa (%)</td><td>{{ renda_fixa }}</td></tr>
103
+ <tr><td>Inflação Anual (%)</td><td>{{ inflacao }}</td></tr>
104
  </table>
105
 
106
  <h2>Gráfico de Projeção</h2>
 
121
  </div>
122
  </body>
123
  </html>