-
Notifications
You must be signed in to change notification settings - Fork 1
/
facility.html
executable file
·158 lines (140 loc) · 7.91 KB
/
facility.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Descartaê - Ponto de Coleta</title>
<link rel="shortcut icon" href="./img/favicon.ico">
<!-- for Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="Descartaê">
<meta property="og:description" content="Confira este ponto de coleta seletiva!">
<meta property="og:url" content="https://descartae.com/">
<meta property="og:image" content="https://descartae.com/img/share.png">
<!-- for Google -->
<meta name="description" content="Confira este ponto de coleta seletiva!">
<meta name="keywords" content="pontos de coleta, coleta seletiva, coleta, descartar, descartar pilhas, descarte de resíduos">
<meta name="author" content="Descartaê">
<meta name="copyright" content="Descartaê">
<meta name="application-name" content="Descartaê">
<!-- for Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Descartaê">
<meta name="twitter:description" content="Confira este ponto de coleta seletiva!">
<meta name="twitter:image" content="https://descartae.com/img/share.png">
<!-- Css Bundle -->
<link rel="stylesheet" href="./css/facility.css">
<!-- Font -->
<link href="https://fonts.googleapis.com/css?family=Signika:300,400,600,700" rel="stylesheet">
<!-- Mixpanel -->
<script type="text/javascript">(function(e,a){if(!a.__SV){var b=window;try{var c,l,i,j=b.location,g=j.hash;c=function(a,b){return(l=a.match(RegExp(b+"=([^&]*)")))?l[1]:null};g&&c(g,"state")&&(i=JSON.parse(decodeURIComponent(c(g,"state"))),"mpeditor"===i.action&&(b.sessionStorage.setItem("_mpcehash",g),history.replaceState(i.desiredHash||"",e.title,j.pathname+j.search)))}catch(m){}var k,h;window.mixpanel=a;a._i=[];a.init=function(b,c,f){function e(b,a){var c=a.split(".");2==c.length&&(b=b[c[0]],a=c[1]);b[a]=function(){b.push([a].concat(Array.prototype.slice.call(arguments,
0)))}}var d=a;"undefined"!==typeof f?d=a[f]=[]:f="mixpanel";d.people=d.people||[];d.toString=function(b){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);b||(a+=" (stub)");return a};d.people.toString=function(){return d.toString(1)+".people (stub)"};k="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset people.set people.set_once people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");
for(h=0;h<k.length;h++)e(d,k[h]);a._i.push([b,c,f])};a.__SV=1.2;b=e.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";c=e.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c)}})(document,window.mixpanel||[]);
mixpanel.init("7f7bf0d6ede631fea5d29f1362027aff");</script>
</head>
<body>
<img src="./img/bg-florest-night.svg" class="trees" />
<div class="container">
<div class="card mx-auto">
<div class="mx-auto logo">
<img src="./img/logo/dark/[email protected]" />
</div>
<div class="map" id="map">
</div>
<div class="container mt-4">
<div class="row">
<div class="col-md">
<strong id="facility_name" class="facility-name">##########</strong>
<br/>
<span class="facility-address" id="facility_address">######### - ########/##</span>
</div>
<div class="col-3 route">
<div class="btn-nav float-lg-right mt-3">
<img src="./img/ic-routes.svg" />
<a href="#" onclick="route()" id="route">ROTAS</a>
</div>
</div>
</div>
<div class="row mt-2">
<div id="facility_types" class="types ml-3">
</div>
</div>
<div class="row mobile-route">
<div class="btn-nav float-lg-right mt-2 ml-3 mr-3">
<img src="./img/ic-routes.svg" />
<a href="#">ROTAS</a>
</div>
</div>
<div class="row mt-3">
<div class="col-sm">
<span>Contato</span>
<p class="numbers" id="facility_telephone"></p>
</div>
<div class="col-sm" id="facility_openHours_div">
<span>Horários</span>
<p class="numbers" id="facility_openHours" style="white-space: pre"></p>
</div>
</div>
</div>
</div>
<div class="card mx-auto mt-5 mb-5 mobile-footer">
<div class="row align-items-center">
<div class="col-auto mx-auto">
<img src="./img/heart.svg" class="ml-2" />
</div>
<div class="col-md mt-3">
<div class="title-footer">Deseja encontrar mais pontos de coleta?</div>
<div class="desc-footer">Baixe o Descartaê e descubra informações detalhes sobre quais resídos são aceitos e como chegar lá.</div>
</div>
<div class="col-auto mx-auto mt-3">
<a href="#" class="mr-2"><img src="./img/btn-googleplay/[email protected]" class="btn-store" /></a>
<a href="#" class="ml-2"><img src="./img/btn-applestore/[email protected]" class="btn-store" /></a>
</div>
</div>
</div>
<div class="card mx-auto mt-5 mb-5 footer">
<div class="row align-items-center">
<div class="col-auto mx-auto">
<img src="./img/heart.svg" class="ml-2" />
</div>
<div class="col-md">
<div class="title-footer">Deseja encontrar mais pontos de coleta?</div>
<div class="desc-footer">Baixe o Descartaê e descubra informações detalhes sobre quais resídos são aceitos e como chegar lá.</div>
</div>
<div class="col-auto mx-auto">
<a href="#"><img src="./img/btn-googleplay/[email protected]" class="btn-store" /></a>
<br/>
<a href="#"><img src="./img/btn-applestore/[email protected]" class="mt-2 btn-store" /></a>
</div>
</div>
</div>
</div>
<script src="./js/facility.js" charset="utf-8"></script>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
appId : '174765156645849',
xfbml : true,
version: 'v2.12'
});
FB.AppEvents.logPageView();
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
mixpanel.track('Visualizou Local', { 'page name' : document.title, 'url' : window.location.pathname });
function track(key) {
mixpanel.track(key);
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB6cbP4IPbh5tx4snjE1SPRHb-b9cOPOeU">
</script>
</body>
</html>