-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.php
183 lines (166 loc) · 7.6 KB
/
index.php
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
<!DOCTYPE html>
<!--[if IEMobile 7 ]> <html class="no-js iem7"> <![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>DondeReciclo</title>
<meta name="description" content="Applicacion web dedicada a señalizar los puntos de reciclaje en Montevideo, Uruguay">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="cleartype" content="on">
<link rel="author" href="humans.txt">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/touch/apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/touch/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/touch/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="img/touch/apple-touch-icon-57x57-precomposed.png">
<link rel="shortcut icon" href="img/touch/apple-touch-icon.png">
<!-- Tile icon for Win8 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="img/touch/apple-touch-icon-144x144-precomposed.png">
<meta name="msapplication-TileColor" content="#222222">
<!-- For iOS web apps -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="DondeReciclo">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/modernizr-2.2.6.min.js"></script>
</head>
<body>
<header class="header">
<button id="pan-to-initial" class="icon icon-initial">
<img src="img/btn-current-position.png" alt="Volver" width="16px" height="20px">
</button>
<h1>DóndeReciclo</h1>
<button id="toggle-page-info" class="icon icon-info">
<i>i</i>
</button>
</header>
<div id="map" class="map" role="main">
<noscript>
Necesitas tener JavaScript habilitado en tu navegador.
</noscript>
</div>
<section id="info" class="page page-info">
<article>
<h2>Ayuda</h2>
<p>Utiliza los botones ubicados en la parte inferior para filtrar tu búsqueda.</p>
</article>
<article>
<h3>¿Qué puedo tirar en cada contenedor?</h3>
<ul class="unstyled">
<li>
<h5>Vidrio</h5>
<p>De cualquier color, en la medida de lo posible libre de tapas, corchos y etiquetas.</p>
</li>
<li>
<h5>Plástico</h5>
<p>Todo tipo de plástico, en la medida de lo posible libre de etiquetas y sin tapas. Los envases de comida (bolsas de leche, potes de yogur, etc.) o contenedores del líquidos (detergente, alcohol, etc.) deberán ser previamente limpiados.</p>
</li>
<li>
<h5>Pilas</h5>
<p>Las de gran tamaño pueden no caber en los contenedores en la calle, se recomienda llevarlas a depósitos en supermercados.</p>
</li>
<li>
<h5>Metal</h5>
<p>Los contenedores están diseñados para objetos del tamaño de una lata aproximadamente, objetos más grandes pueden ofrecerse a recicladores ya que es un material de alto valor. No se deben tirar como metal equipos electrónicos.</p>
</li>
</ul>
</article>
<article>
<h3>
Un proyecto de:
<a href="http://www.datauy.org/">
<img class="logo-data" src="img/DATA.png" alt="Datos Abiertos, Transparencia y Acceso a la información." width="75px" height="33px">
</a>
</h3>
<p>
Por: <a href="mailto:agustinkryger@gmail.com">Agustin Kryger</a> y <a href="mailto:hiroagustin@gmail.com">Agustin Diaz</a>
</p>
<p>
Usas Unity? Bajate la <a href="http://unityshell.wordpress.com/2013/05/24/donde-reciclo-tiene-su-webapp/">Webapp</a> - por <a href="http://unityshell.wordpress.com/">Pablo Capeluto</a>
</p>
<p>
Código disponible en <a href="https://github.com/HiroAgustin/DondeReciclo">Github</a>
</p>
</article>
<article>
<h4>Conocé también: <a href="http://donderetiro.uy">DondeRetiro</a></h4>
</article>
</section>
<footer class="footer">
<ul id='controls' class="nav clearfix">
<li>
<button class="btn" data-type="PILAS" data-is-active="true">
Pilas
</button>
</li>
<li>
<button class="btn" data-type="LATA" data-is-active="true">
Latas
</button>
</li>
<li>
<button class="btn" data-type="VIDRIO" data-is-active="true">
Vidrio
</button>
</li>
<li>
<button class="btn" data-type="PLASTICO" data-is-active="true">
Plástico
</button>
</li>
</ul>
</footer>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDDI9oYmHg_PmupUhfYv8euVaHlXvlxRF0&sensor=true"></script>
<script src="js/underscore-1.4.4.js"></script>
<script src="js/donde.js"></script>
<script src="js/helper.js"></script>
<script>
MBP.scaleFix();
MBP.startupImage();
var app = new Donde({
zoom: 16
, markers: (<?php include 'residuos.geojson' ?>).features
, errorMessage: 'No sabemos dónde estas :('
, defaultLocation: {
latitude: -34.8937720817105
, longitude: -56.1659574508667
}
, icons: {
LATA: 'img/marker-lata.png'
, PILAS: 'img/marker-pila.png'
, VIDRIO: 'img/marker-vidrio.png'
, PLASTICO: 'img/marker-plastico.png'
, LONAS: 'img/marker-lonas.png'
}
, mapping: {
type: function (item) {
return item.properties.TIPO_RESID;
}
, latitude: function (item) {
return item.geometry.coordinates[1];
}
, longitude: function (item) {
return item.geometry.coordinates[0];
}
}
});
app.init();
app.listen(document.getElementById('controls'));
document.getElementById('pan-to-initial').addEventListener('click', function (e) {
app.panToInitialPosition();
}, false);
var infoPage = document.getElementById('info')
, className = '';
document.getElementById('toggle-page-info').addEventListener('click', function (e) {
className = infoPage.className
infoPage.className = ~className.indexOf('page-active') ? className.replace('page-active', '') : className += ' page-active';
}, false);
var _gaq=[['_setAccount','UA-39355299-1'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>