ultima versao estátca

lucasm · Feb 2, 2021 · 57811ba · 57811ba · vercel · Feb 2, 2021
1 parent 3dae5d1
commit 57811ba
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 22 deletions.
diff --git a/app.css b/app.css
@@ -1,11 +1,11 @@
 * {
-    padding:0px;
-    margin:0px;
+    padding: 0px;
+    margin: 0px;
 }
 html, body {
-    height:100%;
-    width:100%;
-    font-family: monospace;
+    height: 100%;
+    width: 100%;
+    font-family: 'Source Sans Pro', monospace;
     font-size: 16px;
 }
 h1 {
@@ -23,11 +23,11 @@ h1 {
     height: 100%;
     width: 35%;
     background: #fff;
-    border-right: 3px solid #d4dadc;
+    border-right: 2px solid #d4dadc;
     box-sizing: border-box;
 }
 #info img {
-    width: 160px;
+    width: 150px;
     margin: 2rem auto 0;
     padding: 0 0 1rem;
 }
@@ -49,31 +49,30 @@ ul, #credits, #welcome {
     padding: 3rem 3rem 2rem;
 }
 ul li {
-    padding: 0 0 1rem;
+    padding: 0 0 .75rem;
 }
 span {
     font-weight: bold;
 }
 .leaflet-select {
     padding: .45rem;
 }
-.leaflet-bar, .leaflet-select {
-    border: 2px solid rgba(0,0,0,0.2);
+.leaflet-touch .leaflet-bar, .leaflet-select {
+    border: 2px solid #d4dadc;
     border-radius: 4px;
 }
 #credits {
     position: absolute;
     bottom: 0;
     background: #fff;
-    font-size: .8rem;
 }
 #welcome {
     color: #8b9aa5;
     margin-top: 3rem;
 }
-#data, .leaflet-select {
-    font-size: 1.1rem;
-    font-family: monospace;
+button, #data, .leaflet-select {
+    font-size: 1.2rem;
+    font-family: 'Source Sans Pro', monospace;
 }
 hr {
     border: none;
@@ -83,15 +82,19 @@ hr {
 .leaflet-control-attribution {
     display: none;
 }
-.btn {
+.dimensoes {
+    margin: 2rem 0 0 0;
+}
+.dimensoes button {
     display: inline-block;
     background: #d2e3f9;
     color: #000;
-    padding: .2rem .5rem;
-    margin: .2rem .1rem;
+    border: 0;
+    padding: .5rem .75rem;
+    margin: .4rem .2rem;
     border-radius: 4px;
+    font-size: 1.1rem;
 }
-
 .red {
     background:#ffcaca;
 }
diff --git a/index.html b/index.html
@@ -6,6 +6,8 @@
 
 		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/leaflet.css"/>
 		<script src="https://cdn.jsdelivr.net/npm/[email protected]/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>
@@ -20,21 +22,33 @@ <h1 id="nome">Painel de Dados do Pará</h1>
 			</div>
 
 			<div id="welcome">
-				<h2>Bem vindo(a) <br/><br/>Use o seletor para explorar os dados do Estado e dos Municípios do Pará</h2>
+				<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>Recursos:
+					<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>Ações:
+					<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>
@@ -58,7 +72,7 @@ <h2>Bem vindo(a) <br/><br/>Use o seletor para explorar os dados do Estado e dos
 			</div>
 
 			<div id="credits">
-				<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>
+				<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>