-
Notifications
You must be signed in to change notification settings - Fork 0
/
para-moradores.html
215 lines (205 loc) · 10.8 KB
/
para-moradores.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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-BR" xml:lang="pt-BR">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<title>Associação de Moradores do Parque Santa Mônica</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.min.css" />
<link rel="stylesheet" href="./src/stamonica.css" />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=""></script>
</head>
<body>
<img id= "logo" src="./src/logo.png" alt="Logotipo da Associação de Moradores do Parque Santa Mônica" class="logo" />
<header>
<h1 class="title">Associação de Moradores do Parque Santa
Mônica</h1>
<h2 class="subtitle">São Carlos - SP</h2>
<a href="./associacao-de-moradores.html#associe-se"><button type="submit">> Clique aqui e associe-se! <</button></a>
</header>
<nav id="menu" >
<details open=""><summary>Menu</summary>
<ol>
<li>
<a href="./index.html"><strong>Página inicial</strong>: apresentação e vídeo</a></li>
<li>
<a href="./sobre-o-bairro.html"><strong>O bairro</strong>: qualidade de vida e fotos</a></li>
<li>
<a href="./associacao-de-moradores.html"><strong>A associação</strong>: atividades e conquistas</a></li>
<li class="morad-markers">Para moradores:
<ul>
<li><a href="#comunicados">Comunicados e orientações</a></li>
<!-- <li><a href="#eventos.html">Eventos e pesquisas de opinião</a></li>-->
<li><a href="#tempo">Previsão do tempo</a></li>
<li><a href="#avisar-ocorrencias">Avisar ocorrências</a></li>
<li><a href="#mapa">Mapa interativo</a></li>
</ul></li>
<li><a href="./contato.html"><strong>Contato</strong> e Mapa do site</a></li>
</ol>
</details>
</nav> <h2 id="comunicados">Comunicados e orientações</h2>
<!--<details style="margin-bottom: 1em;" open=""> <summary class="summary-closed">Comunicados anteriores</summary>-->
Comunicados:
<ul style="margin-bottom: 1.5em;">
<li>
<strong style="color:red;">A implantação dos novos pontos de
câmeras está ocorrendo!</strong> Obrigado pela contribuição! Em
breve traremos um comunicado completo.
</li>
<li>
<a href="./media/comunicados2022/comunicado20220201.pdf">01/fevereiro/2022
– Ações iniciadas em 2022</a>
</li>
<li>
<a href="./media/comunicados2022/comunicado20220110.pdf">10/janeiro/2022
– Reajuste na contribuição mensal</a>
</li>
<li>
<a href="./media/comunicados2022/comunicado-acoes2021.pdf">janeiro/2022
– Projetos e ações realizados em 2021 e futuras</a>
</li>
</ul>
<!--</details>-->
Orientações (clique no item para detalhar):
<details>
<summary class="summary-closed">
Como se associar
</summary>
<p>
Para se associar, basta preencher a ficha
(<a href="./associacao-de-moradores.html#associe-se" target="_blank">clique
aqui</a>) e aguardar o contato da Associação.
</p>
</details>
<details>
<summary class="summary-closed">
Para comunicar necessidade de manutenção, como poste da rua com
luz queimada, mato da praça alto, ou outros
</summary>
<p>
Por favor preencha a ficha: <a href="#avisar-ocorrencias">clique
aqui</a>.
</p>
</details>
<details>
<summary class="summary-closed">
Sugestões de segurança
</summary>
<ul>
<li>
Realize manutenção preventiva em sua cerca elétrica;
</li>
<li>
Chame o vigia para auxiliá-lo na entrada e saida da residência;
</li>
<li>
Caso veja uma atitude suspeita, comunique o vigilante e a
polícia.
</li>
</ul>
</details>
<details>
<summary class="summary-closed">
Descarte de podas de jardinagem
</summary>
<ul>
<li>
Podas pequenas podem ser ensacadas e colocadas junto ao lixo
residencial;
</li>
<li>
Podas maiores devem ser destinadas aos ecopontos da cidade (veja
mais detalhes <a
href="http://www.saocarlos.sp.gov.br/index.php/servicos-publicos/170833-relacao-ecopontos-saocarlos.html"
rel="noopener noreferrer nofollow" target="_blank">clicando
aqui</a>);
</li>
<li>
Oriente os jardineiros à, <strong>por favor, não jogar nada nos
bosques</strong>, pois a decomposição natural não é rápida o
suficiente, podendo provocar a proliferação de insetos que
retornarão às casas e elevar o risco de queimadas, colocando em
risco a saúde dos moradores e transeuntes.
</li>
</ul>
</details>
<p><a href="#logo">↥ <em>Retornar ao menu</em></a></p>
<h2 id="tempo">Previsão do tempo</h2>
<figure style="text-align: center; overflow:hidden;">
<img class="previsao" src="https://s0.cptec.inpe.br/grafico/Modelos/WRF/GHT/meteogramas/PPN/4774.png" alt="Previsão do tempo temporariamente fora do ar">
</figure>
<p><a href="https://www.ipmetradar.com.br/2animRadar.php"
rel="noopener noreferrer nofollow" target="_blank">Clique
aqui</a> para ver a chuva em tempo real (Fonte: IPMET/UNESP)</p>
<p><a href="#logo">↥ <em>Retornar ao menu</em></a></p>
<h2 id="avisar-ocorrencias">Reportar ocorrências</h2>
<p><em>Por favor, use o formulário abaixo para reportar
ocorrências, como lixeiras do bosque cheias, árvore em risco de
queda, entre outros. Selecione a opção no menu “Encontrei” e
indique o local no campo de texto. Em seguida pressione o botão
de enviar.</em></p>
<form action="https://formspree.io/f/mjvlrrwn" method="POST" id="ocorrencias" target="_blank">
<label>Encontrei:
<select name="ocorrencia" id="ocorrencia" required="required">
<option value="null">Clique aqui para selecionar o tipo</option>
<option value="lixeira">Lixeira cheia</option>
<option value="mato">Mata dos bosques ou praça muito
grande</option> <option value="arvore">Árvore em risco de
queda</option> <option value="patrimonio">Patrimônio (lixeira,
banco, etc) danificado</option> <option value="site">Problema no
site</option> <option value="outros">Outros (por favor, informe
nas observações)</option> </select></label> <label>Observações:
<textarea type="text" name="message" id="message" rows="2" placeholder="Por favor indique a localização e outras informações que julgar pertinentes..." required="required"></textarea>
</label>
<button type="submit" style="margin-right: auto; margin-top: 0.5em; display: block;">>
Enviar <</button>
</form>
<p><a href="#logo">↥ <em>Retornar ao menu</em></a></p>
<h2 id="mapa">Mapa interativo</h2>
<div id="map">
</div>
<script>
var reciclagem = L.layerGroup();
var mbAttr = '<a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> + <a href="https://www.mapbox.com/">Mapbox</a>';
var mbUrl = 'https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw';
var streets = L.tileLayer(mbUrl, {id: 'mapbox/streets-v11', tileSize: 512, zoomOffset: -1, attribution: mbAttr});
var navigation = L.tileLayer(mbUrl, {id: 'mapbox/navigation-day-v1', tileSize: 512, zoomOffset: -1, attribution: mbAttr});
var map = L.map('map', {
center: [-22.013138, -47.905626],
zoom: 15,
layers: [streets, reciclagem]
});
var baseLayers = {
'Ruas': streets,
'Trânsito': navigation,
};
var overlays = {
'Reciclagem': reciclagem,
};
var layerControl = L.control.layers(baseLayers, overlays,{collapsed:false}).addTo(map);
var marker = L.marker([-22.015438, -47.906544]).addTo(map)
.bindPopup('Ponto de coleta de pilhas, esponjas e óleo de cozinha<br>Esquina da Rua Alexandre Fleming com Av. Dr. Paulo Pinheiro Werneck<br>(<a href="geo:0,0?q=R.+Alexandre+Fleming,+1+-+Parque+Santa+Monica,+São+Carlos+-+SP,+13561-232">Clique aqui para ver no GPS</a>)').addTo(reciclagem).openPopup()
<!-- function onMapClick(e) {-->
<!-- popup-->
<!-- .setLatLng(e.latlng)-->
<!-- .setContent('You clicked the map at ' + e.latlng.toString())-->
<!-- .openOn(map);-->
<!-- }-->
<!-- map.on('click', onMapClick);-->
</script>
<p><a href="#logo">↥ Retornar ao menu</a></p>
<footer style="text-align: justify;">
<p>© 2022-2024 Associação de Moradores do Parque Santa Mônica, porém uso disponível sob licença livre <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/deed.pt_BR">Creative Commons BY-SA 4.0</a>, exceto para os conteúdos não originais desse site.
Construído com <a href="https://pandoc.org/">pandoc</a> e <a href="https://github.com/kognise/water.css">water.css</a> pela própria Associação.</p><!--RRM-->
<details> <summary class="summary-closed">Aviso legal</summary>
<p>Os materiais contidos neste site são fornecidos apenas para fins de informação geral e não pretendem ser ou constituem conselhos legais ou outros profissionais e não devem ser invocados como tal. Não nos responsabilizamos por qualquer perda que possa surgir do acesso a este site nem pela dependência de informações encontradas no site. Na maior medida permitida pela lei, excluímos toda a responsabilidade por perdas ou danos diretos ou indiretos decorrentes do uso deste site.</p>
</details>
</footer> </body>
</html>