Hugging Face's logo

Spaces:
Persano
/
flowise1
Sleeping

App Files Community
Persano commited on
Commit
db0ec61
·
verified ·
1 Parent(s): f0c5ec8

Update templates/relatorio.html

Browse files
Files changed (1) hide show
  1. templates/relatorio.html +76 -28
templates/relatorio.html CHANGED
@@ -4,62 +4,110 @@
4
  <meta charset="UTF-8" />
5
  <title>Relatório de Investimento</title>
6
  <style>
 
 
7
  body {
8
- font-family: Arial, sans-serif;
9
- font-size: 12pt;
10
- margin: 30px;
11
- color: #333;
 
 
12
  }
13
  h1, h2 {
14
  color: #004080;
15
- margin-bottom: 10px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
16
  }
17
  table {
18
  width: 100%;
19
  border-collapse: collapse;
20
- margin-bottom: 25px;
 
21
  }
22
  th, td {
23
- border: 1px solid #ccc;
24
- padding: 6px 8px;
25
  text-align: right;
 
 
26
  }
27
  th {
28
- background-color: #e0e0e0;
 
 
29
  }
30
  td:first-child, th:first-child {
31
  text-align: center;
32
- }
33
- .analise {
34
- margin-top: 20px;
35
- padding: 15px;
36
- border: 1px solid #004080;
37
- background: #f0f8ff;
38
- border-radius: 4px;
39
  }
40
  .grafico {
41
  text-align: center;
42
- margin: 20px 0;
 
 
 
 
43
  }
44
- .header-info {
45
- margin-bottom: 20px;
 
 
46
  }
47
- .header-info p {
48
- margin: 2px 0;
 
 
 
 
 
 
 
 
49
  }
50
  </style>
51
  </head>
52
  <body>
53
 
54
- <h1>Relatório de Investimento - Projeção 5 anos</h1>
 
55
  <div class="header-info">
56
  <p><strong>Capital Inicial:</strong> {{ capital_formatado }}</p>
57
- <p><strong>Rendimento mensal Studio:</strong> {{ studio_ret_formatado }}</p>
58
- <p><strong>Valorização anual Studio:</strong> {{ valorizacao_formatado }}</p>
59
- <p><strong>Rendimento anual Franquia:</strong> {{ franquia_ret_formatado }}</p>
60
- <p><strong>Retorno anual Ações:</strong> {{ acoes_ret_formatado }}</p>
61
- <p><strong>Retorno anual Renda Fixa:</strong> {{ renda_fixa_formatado }}</p>
62
- <p><strong>Inflação anual:</strong> {{ inflacao_formatado }}</p>
63
  <p><em>{{ data_hoje }}</em></p>
64
  </div>
65
 
 
4
  <meta charset="UTF-8" />
5
  <title>Relatório de Investimento</title>
6
  <style>
7
+ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
8
+
9
  body {
10
+ font-family: 'Roboto', Arial, sans-serif;
11
+ font-size: 13pt;
12
+ line-height: 1.5;
13
+ margin: 30px 40px;
14
+ color: #222;
15
+ background-color: #fff;
16
  }
17
  h1, h2 {
18
  color: #004080;
19
+ margin-bottom: 12px;
20
+ font-weight: 700;
21
+ }
22
+ h1 {
23
+ font-size: 28px;
24
+ border-bottom: 3px solid #004080;
25
+ padding-bottom: 6px;
26
+ margin-bottom: 30px;
27
+ }
28
+ h2 {
29
+ font-size: 20px;
30
+ margin-top: 40px;
31
+ margin-bottom: 16px;
32
+ border-bottom: 2px solid #cce0ff;
33
+ padding-bottom: 4px;
34
+ }
35
+ .header-info {
36
+ margin-bottom: 30px;
37
+ font-size: 14px;
38
+ color: #333;
39
+ border-left: 4px solid #004080;
40
+ padding-left: 12px;
41
+ background: #e6f0ff;
42
+ border-radius: 4px;
43
+ }
44
+ .header-info p {
45
+ margin: 6px 0;
46
+ }
47
+ .header-info p strong {
48
+ color: #003366;
49
  }
50
  table {
51
  width: 100%;
52
  border-collapse: collapse;
53
+ margin-bottom: 30px;
54
+ box-shadow: 0 0 6px rgb(0 0 0 / 0.05);
55
  }
56
  th, td {
57
+ border: 1px solid #b0c4de;
58
+ padding: 10px 12px;
59
  text-align: right;
60
+ vertical-align: middle;
61
+ font-size: 13px;
62
  }
63
  th {
64
+ background-color: #d9e6ff;
65
+ color: #003366;
66
+ font-weight: 700;
67
  }
68
  td:first-child, th:first-child {
69
  text-align: center;
70
+ font-weight: 600;
71
+ color: #004080;
 
 
 
 
 
72
  }
73
  .grafico {
74
  text-align: center;
75
+ margin: 40px 0;
76
+ box-shadow: 0 2px 8px rgb(0 0 0 / 0.15);
77
+ padding: 15px;
78
+ border-radius: 6px;
79
+ background-color: #fafcff;
80
  }
81
+ .grafico img {
82
+ max-width: 100%;
83
+ height: auto;
84
+ border-radius: 4px;
85
  }
86
+ .analise {
87
+ margin-top: 30px;
88
+ padding: 20px;
89
+ border: 2px solid #004080;
90
+ background: #f0f8ff;
91
+ border-radius: 6px;
92
+ font-size: 14px;
93
+ color: #1a1a1a;
94
+ line-height: 1.6;
95
+ box-shadow: inset 0 0 10px #d0e6ff;
96
  }
97
  </style>
98
  </head>
99
  <body>
100
 
101
+ <h1>Relatório de Investimento - Projeção 5 Anos</h1>
102
+
103
  <div class="header-info">
104
  <p><strong>Capital Inicial:</strong> {{ capital_formatado }}</p>
105
+ <p><strong>Rendimento Mensal Studio:</strong> {{ studio_ret_formatado }}</p>
106
+ <p><strong>Valorização Anual Studio:</strong> {{ valorizacao_formatado }}</p>
107
+ <p><strong>Rendimento Anual Franquia:</strong> {{ franquia_ret_formatado }}</p>
108
+ <p><strong>Retorno Anual Ações:</strong> {{ acoes_ret_formatado }}</p>
109
+ <p><strong>Retorno Anual Renda Fixa:</strong> {{ renda_fixa_formatado }}</p>
110
+ <p><strong>Inflação Anual:</strong> {{ inflacao_formatado }}</p>
111
  <p><em>{{ data_hoje }}</em></p>
112
  </div>
113