pequenas correções textuais e visuais

lucasm · Feb 1, 2021 · 3dae5d1 · 3dae5d1 · vercel · Feb 1, 2021
1 parent 6fdee9c
commit 3dae5d1
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -20,13 +20,13 @@ Agregar dados, informações e indicadores públicos do Estado e dos Municípios
 ### Tarefas
 
 - [x] Mapa do estado e dos 144 municípios do Pará
-- [ ] Completar dados dos municípios em `dados-estado-pa.js`
+- [ ] Compilar dados dos municípios em `dados-estado-pa.js`
 - [ ] Definir fonte de dados dos indicadores
 - [ ] Inserir gráficos, dimensões e abas (?)
 
 ### Estrutura do app
 
-- `app.js`, `dados-estado-pa.js` e `dados-estado-geojson-pa` inicializados em `index.html`
+- `app.js`, `dados-estado-pa.js` e `dados-estado-pa-geojson.js` inicializados em `index.html`
 - Mapa: Leaflet e CARTO
 
 

diff --git a/app.css b/app.css
@@ -28,7 +28,8 @@ h1 {
 }
 #info img {
     width: 160px;
-    padding: 2rem 0 1rem;
+    margin: 2rem auto 0;
+    padding: 0 0 1rem;
 }
 #logo {
     text-align: center;
@@ -48,7 +49,7 @@ ul, #credits, #welcome {
     padding: 3rem 3rem 2rem;
 }
 ul li {
-    padding: 0 0 1.2rem;
+    padding: 0 0 1rem;
 }
 span {
     font-weight: bold;
@@ -57,7 +58,7 @@ span {
     padding: .45rem;
 }
 .leaflet-bar, .leaflet-select {
-    box-shadow: 0 1px 5px rgb(0 0 0 / 50%);
+    border: 2px solid rgba(0,0,0,0.2);
     border-radius: 4px;
 }
 #credits {
@@ -71,14 +72,26 @@ span {
     margin-top: 3rem;
 }
 #data, .leaflet-select {
-    font-size: 1.2rem;
+    font-size: 1.1rem;
     font-family: monospace;
 }
 hr {
-    border: 1px solid #d4dadc;
+    border: none;
+    border-top: 1px solid #d4dadc;
     margin: 1rem 0 2rem;
 }
-
 .leaflet-control-attribution {
     display: none;
+}
+.btn {
+    display: inline-block;
+    background: #d2e3f9;
+    color: #000;
+    padding: .2rem .5rem;
+    margin: .2rem .1rem;
+    border-radius: 4px;
+}
+
+.red {
+    background:#ffcaca;
 }
diff --git a/dados-estado-pa.js b/dados-estado-pa.js
@@ -10,4 +10,6 @@ var dadosPa = [
     { "id": "1500305", "name": "Afuá", "gestor": "Mazinho Salomão (PSD)", "links": ["#","#", "#"] },
 
     { "id": "1500347", "name": "Água Azul do Norte", "gestor": "Vandin (PSDB)", "links": ["https://aguaazuldonorte.pa.gov.br/","#", "#"] },
+
+    { "id": "1500404", "name": "Alenquer", "gestor": "Tom Farias (MDB)", "links": ["https://alenquer.pa.gov.br/ ","#", "#"] },
 ];
diff --git a/index.html b/index.html
@@ -5,8 +5,8 @@
 		<title>Painel de Dados do Pará</title>
 
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/leaflet.css"/>
-		<link rel="stylesheet" href="./app.css"/>
 		<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/leaflet.js"></script>
+		<link rel="stylesheet" href="./app.css"/>
 	</head>
 	<body>
 
@@ -20,24 +20,29 @@ <h1 id="nome">Painel de Dados do Pará</h1>
 			</div>
 
 			<div id="welcome">
-				<h2>Bem vindo(a) <br/><br/>Use o seletor para começar a explorar os dados</h2>
+				<h2>Bem vindo(a) <br/><br/>Use o seletor para explorar os dados do Estado e dos Municípios do Pará</h2>
 			</div>
 
 			<div id="data" style="display:none;">
 				<ul>
-					<li>Região: <span id="mesoregiao">Norte</span></li>
-
 					<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>Recursos: <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>Recursos:
+						<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>Ações: <a id="govOuvidoria" href="#">Ouvidoria</a>,
+					<li>Ações:
+						<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>,
-						<a href="http://www.tjpa.jus.br/">TJ</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>
@@ -53,7 +58,7 @@ <h2>Bem vindo(a) <br/><br/>Use o seletor para começar a explorar os dados</h2>
 			</div>
 
 			<div id="credits">
-				<p>Projeto <a href="https://github.com/lucasmezs/painel-dados-pa" target="_blank">open source</a> de <a href="https://lucasm.dev" target="_blank">Lucas Menezes</a></p>
+				<p>Projeto <a href="https://github.com/lucasmezs/painel-dados-pa" target="_blank">open source</a> por <a href="https://lucasm.dev" target="_blank">Lucas Menezes</a></p>
 			</div>
 
 		</div>