-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (70 loc) · 2.91 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Painel de Dados do Pará</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet@1.7.1/dist/leaflet.css"/>
<script src="https://cdn.jsdelivr.net/npm/leaflet@1.7.1/dist/leaflet.js"></script>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./app.css"/>
</head>
<body>
<div id="info">
<div id="logo">
<a id="link" href="#">
<img src="./bandeira-do-para.svg" alt="Bandeira do Estado do Pará"/>
<h1 id="nome">Painel de Dados do Pará</h1>
</a>
</div>
<div id="welcome">
<h2>Bem vindo(a) <br/><br/>Escolha uma dimensão ou use o seletor para explorar os dados dos Municípios e do Estado do Pará</h2>
<div class="dimensoes">
<button>Saúde</button>
<button>Demográfia</button>
<button>Economia</button>
<button>Emprego e renda</button>
<button>Educação</button>
<button>Mobilidade</button>
<button>Social</button>
<button>Meio ambiente</button>
<button>Gestão e contas</button>
</div>
</div>
<div id="data" style="display:none;">
<ul>
<li>Gestão: <a id="linkGestor" href="#"><span id="gestor">X</span></a> em <a id="linkOrgaoExe" href="#"><span id="orgaoExe">X</span></a> com <a id="linkOrgaoLeg" href="#"><span id="orgaoLeg">X</span></a></li>
<li>Fiscalize:
<a id="govDiario" href="#">Diário</a>,
<a id="govCompras" href="#">Compras</a>,
<a id="govTransp" href="#">Transparência</a>,
<a id="govContas" href="#">Contas</a>
</li>
<li>Comunique:
<a id="govOuvidoria" href="#">Ouvidoria</a>,
<a href="https://www2.mppa.mp.br/">MP</a>,
<a id="linkOrgaoCont" href="https://www.tcm.pa.gov.br/"><span id="orgaoCont">TC</span></a>
</li>
<hr/>
<li>Região: <span id="mesoregiao">Norte</span></li>
<li>População: <span id="populacao">8.578.051</span></li>
<li>PIB: <span id="pib">X</span></li>
<li>IDH: <span id="idh">X</span></li>
<li>Desemprego: <span id="desemprego">X</span></li>
<li>IDEB: <span id="ideb">X</span></li>
<li>Casos COVID: <span id="covid">X</span></li>
<li>Queimadas: <span id="queimadas">X</span></li>
<li>IEGM: <span id="iegm">X</span></li>
<!-- <li>Território: <span id="#">1.245.870.798 km²</span></li> -->
</ul>
</div>
<div id="credits">
<p>Projeto <a href="https://github.com/lucasmezs/painel-dados-pa" target="_blank">open source</a> desenvolvido por <a href="https://lucasm.dev" target="_blank">Lucas Menezes</a> e alimentado com dados públicos.</p>
</div>
</div>
<div id="map"></div>
<script src="./dados-estado-pa.js"></script>
<script src="./dados-estado-pa-geojson.js"></script>
<script src="./app.js"></script>
</body>
</html>