forked from cemdevops/resolution
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
110 lines (102 loc) · 5.03 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html>
<head>
<title>CEM - Portal Resolution</title>
<!-- Meta Tags Redes Sociais -->
<meta property="og:url" content="http://200.144.244.157:8000/resolution/">
<meta property="og:title" content="CEM - Portal Resolution">
<meta property="og:site_name" content="CEM - Portal Resolution">
<meta property="og:description" content="O RESOLUTION é um portal que apresenta informações censitárias relativas a segregação e desigualdades socioespaciais na Região Metropolitana de São Paulo.">
<meta property="og:image" content="http://200.144.244.157:8000/resolution/img/resolution.png">
<meta property="og:image:type" content="image/png">
<meta charset="utf-8">
<!-- configuração de estilos (css) -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- include cartodb css -->
<link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/3.15/themes/css/cartodb.css" />
<!-- include cartodb.js library -->
<script src="http://libs.cartocdn.com/cartodb.js/v3/3.15/cartodb.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- div onde será atribuído o mapa -->
<div id="map"></div>
<!-- div to about button -->
<div id="container-icons" class="icon-bar">
<a id="about-resolution" href="#" title="Mostrar quadro de informações do projeto"><i class="fa fa-question-circle"></i></a>
<a id="graphs" href="#" title="Em desenvolvimento ..."><i class="fa fa-area-chart"></i></a>
<hr class="separator-icons">
<a id="facebook" href="#" title="Compartilhar o site no facebook"><i class="fa fa-facebook"></i></a>
<a id="twitter" href="#" title="Compartilhar o site no twiter"><i class="fa fa-twitter"></i></a>
<a id="linkedin" href="#" title="Compartilhar o site no linkedin"><i class="fa fa-linkedin"></i></a>
<a id="email" href="#" title="Compartilhar o site pelo email"><i class="fa fa-envelope"></i></a>
<hr class="separator-icons">
<a id="cem" href="http://www.fflch.usp.br/centrodametropole/" title="Centro de Estudos da Metrópole"><i class="cem-logo"></i></a>
<a id="fapesp" href="http://www.fapesp.br/" title="Fundação de Amparo à PEsquisa do Estado de São Paulo"><i class="fa fapesp-logo"></i></a>
</div>
<div id="main-container-about" style="display:none;">
<div id="title-about">ReSolution</DIV>
<div id="subtitle-about">REsilient Systems fOr Land Use TransportatION</div>
<div id="container-text-about">
<div id="title_options">O ReSolution é um portal que apresenta informações censitárias relativas a segregação e desigualdades socioespaciais na Região Metropolitana de São Paulo.
<a href="#"><i class="fa fa-external-link"></i></a>
</div>
</div>
<div class="footerWrap-about">
<div class="about-footer">
<div class="cem">
<a href="http://www.fflch.usp.br/centrodametropole/" >
<i class="cem-icon sprite"></i>
</a>
</div>
<div class="fapesp">
<a href="http://www.fapesp.br/" >
<i class="fapesp-icon sprite"></i>
</a>
</div>
</div>
</div>
</div>
<!-- div onde vai ficar o control para mudar do mapa base ao temático -->
<div class="leaflet-control-container">
<div class="leaflet-bottom leaflet-left" style="bottom: 30px; left:-5px;">
<div class=" leaflet-control">
<input id='option_basemap_thematic' type="button" value="SEM MAPA BASE"
title="Click aqui para visualizar o mapa temático sem o mapa base!"
data-placement="auto" data-toggle="tooltip"
class="input-map-option thematic-map">
</div>
</div>
</div>
<!--end control-->
<div id="container_menu" >
<div id="title_menu">SELECIONAR TEMAS E VARIÁVEIS</div>
<div id="container_options">
<div id="title_options">Tema:</div>
<div id="theme_options">
<select id="option_theme">
</select>
</div>
<div id="theme_description" class="description-item"> Descrição do tema escolhido... </div>
<div class="separator"></div>
<div id="title_options">Variável:</div>
<div id="variables_options">
<select id="option_variables">
</select>
</div>
<div id="variable_description" class="description-item"> Descrição da variável escolhida...</div>
</div>
<div id="container_extras">
<form action="select_extras" title="Most27pxrar as linhas de Metrô e/ou Trem">
<label><input type="checkbox" name="transporte" id="metro_linha">Metrô</label>
<label><input type="checkbox" name="transporte" id="trem_linha">Trem</label>
</form>
</div>
</div>
<!-- importar o arquivo js -->
<script type="text/javascript" src="js/queries.js"></script>
<script type="text/javascript" src="js/menuoptions.js"></script>
<script type="text/javascript" src="js/resolution.js"></script>
<script type="text/javascript" src="js/controlsdata.js"></script>
</body>
</html>