Hugging Face's logo

Spaces:
Persano
/
flowise1
Sleeping

App Files Community
Persano commited on
Commit
fd56258
·
verified ·
1 Parent(s): 1e783cb

Update templates/relatorio.html

Browse files
Files changed (1) hide show
  1. templates/relatorio.html +44 -49
templates/relatorio.html CHANGED
@@ -1,82 +1,77 @@
1
  <!DOCTYPE html>
2
- <html lang="pt-br">
3
  <head>
4
- <meta charset="UTF-8">
5
- <title>Relatório de Investimento</title>
6
  <style>
7
  body {
8
- font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
9
  font-size: 14px;
10
- color: #333;
11
- margin: 40px;
12
  }
13
-
14
- h1 {
15
- font-size: 20px;
16
- margin-bottom: 10px;
17
- color: #2a2a2a;
18
- }
19
-
20
- .analise {
21
- background-color: #f8f8f8;
22
- border-left: 5px solid #0077cc;
23
- padding: 15px 20px;
24
- margin-top: 25px;
25
- font-size: 15px;
26
- line-height: 1.6;
27
  }
28
-
29
- .grafico {
30
- margin: 30px 0;
31
- text-align: center;
32
  }
33
-
34
  .tabela {
35
  width: 100%;
36
  border-collapse: collapse;
37
- margin-top: 20px;
38
- font-size: 13px;
39
  }
40
-
41
  .tabela th, .tabela td {
42
- border: 1px solid #ccc;
43
- padding: 8px;
44
  text-align: right;
45
  }
46
-
47
  .tabela th {
48
- background-color: #f0f0f0;
 
 
 
 
 
49
  font-weight: bold;
50
  }
51
-
52
- .tabela td:first-child, .tabela th:first-child {
53
  text-align: center;
 
54
  }
55
-
56
- .footer {
57
- margin-top: 40px;
58
- font-size: 12px;
59
- text-align: right;
60
- color: #555;
 
 
 
61
  }
62
  </style>
63
  </head>
64
  <body>
 
 
65
 
66
- <h1>Relatório de Simulação de Investimentos</h1>
67
-
68
- <div class="analise">
69
- {{ analise_final | safe }}
70
  </div>
71
 
 
72
  <div class="grafico">
73
- <img src="data:image/png;base64,{{ grafico }}" alt="Gráfico de Projeção de Investimentos">
74
  </div>
75
 
76
- {{ tabela | safe }}
77
-
78
- <div class="footer">
79
- {{ data_hoje }}
80
  </div>
81
 
82
  </body>
 
1
  <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
  <head>
4
+ <meta charset="UTF-8" />
5
+ <title>Relatório de Investimentos</title>
6
  <style>
7
  body {
8
+ font-family: Arial, sans-serif;
9
  font-size: 14px;
10
+ color: #2c3e50;
11
+ margin: 25px;
12
  }
13
+ h1, h2 {
14
+ color: #34495e;
15
+ border-bottom: 2px solid #34495e;
16
+ padding-bottom: 5px;
 
 
 
 
 
 
 
 
 
 
17
  }
18
+ .data {
19
+ font-size: 12px;
20
+ color: #7f8c8d;
21
+ margin-bottom: 20px;
22
  }
 
23
  .tabela {
24
  width: 100%;
25
  border-collapse: collapse;
26
+ margin-bottom: 25px;
 
27
  }
 
28
  .tabela th, .tabela td {
29
+ border: 1px solid #bdc3c7;
30
+ padding: 8px 12px;
31
  text-align: right;
32
  }
 
33
  .tabela th {
34
+ background-color: #34495e;
35
+ color: white;
36
+ text-align: center;
37
+ }
38
+ .tabela td:first-child {
39
+ text-align: center;
40
  font-weight: bold;
41
  }
42
+ .grafico {
 
43
  text-align: center;
44
+ margin-bottom: 25px;
45
  }
46
+ .analise-texto p {
47
+ margin-bottom: 1em;
48
+ line-height: 1.5;
49
+ }
50
+ .analise-texto strong {
51
+ background-color: #f9e79f;
52
+ padding: 2px 6px;
53
+ border-radius: 4px;
54
+ color: #b03a2e;
55
  }
56
  </style>
57
  </head>
58
  <body>
59
+ <h1>Relatório de Investimentos - Projeção 5 Anos</h1>
60
+ <div class="data">{{ data_hoje }}</div>
61
 
62
+ <h2>Tabela de Valores por Ano</h2>
63
+ <div>
64
+ {{ tabela|safe }}
 
65
  </div>
66
 
67
+ <h2>Gráfico da Projeção</h2>
68
  <div class="grafico">
69
+ <img src="data:image/png;base64,{{ grafico }}" alt="Gráfico de Investimentos" />
70
  </div>
71
 
72
+ <h2>Análise Financeira</h2>
73
+ <div class="analise-texto">
74
+ {{ analise_final|safe }}
 
75
  </div>
76
 
77
  </body>