<meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="viewport" content="width=500, minimum-scale=0.5, maximum-scale=3.0, user-scalable=yes, target-densitydpi=device-dpi"/> <style type="text/css"> body { font-family: Cambria,'Palatino Linotype','Book Antiqua','URW Palladio L',serif; text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 0 /*{c-bup-shadow-radius}*/ #ffffff /*{c-bup-shadow-color}*/; color: #444444; background: #bcbcbc; background: #bcbcbc -webkit-linear-gradient(#eee, #d6d6d6 17%, #aaa 67%, #aaa) no-repeat fixed; background: -moz-linear-gradient(-90deg, #eee, #d6d6d6 17%, #aaa 67%, #aaa) no-repeat fixed; background: linear-gradient(-90deg, #eee, #d6d6d6 17%, #aaa 67%, #aaa) no-repeat fixed; -webkit-background-size: 100% 1451px; -moz-background-size: 100% 1451px; background-size: 100% 1451px; margin-top:1px; position: relative; top: -1px; background: url(https://aqicn.org/air/images/backgrounds/bg1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } b {color:#0086c8; } u {color:#0086c8; text-decoration:none; } a { color:black; text-decoration:none; } a:link { text-decoration:none; } a:visited { text-decoration:none; } a:hover { text-decoration:none; } html { height: 100%; } #error { font-size:88px; font-weight:light; color:#888; } @media only screen and (max-width: 500px) { #xerror { font-size:88px; } } html { -webkit-font-smoothing: antialiased; } #info_block { top: 50%; width:80%; text-align:left; background-color:#fff; padding-top:10px; padding-left: 30px; padding-right: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); z-index:1; display:inline-block; } #google_ad_out { top: 50%; z-index:2; } #google_ad_in { } #maintable { width:100%; height:100%; margin:0px; padding:0px; cell-spacing:0px; } .searchTitle { border-top:1px solid black;margin-top:10px; font-size:120%; font-weight: bold; } </style> <table id='maintable'><tr> <td style='height:100%;'> <center> <span id="info_block" > <a href='https://aqicn.org/here/'> <img src='https://waqi.info/icons/logo.e404.png' style='vertical-align:text-bottom'> <span id='error'>404!</span><br> <span style='font-size:180%;'>Oops, your page can not be found on <b>aqicn.org</b>.</span><br> <br> Click to get <u>redirected to the main page</u> now ( you will be automatically redirected <b><span id='dot'>12</span></b> seconds).</a> <br> <div id='searchResults'></div> <br> </span> </center> </td></tr></table> <script type="text/javascript"> function reloadPage() { window.location.href = 'http://aqicn.org/here/'; } var count = 60; document.getElementById("dot").innerHTML = count; function reloadTimer() { if (count>0) count --; var obj = document.getElementById("dot"); obj.innerHTML = count; if (count==1) reloadPage(); } setInterval( function() { reloadTimer(); }, 1000 ); </script> <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <style type="text/css"> .hsearch-aqi { border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; width:28px; text-align:center; font-size:12px; display: inline-block; } .hsearch-item { display:block; font-size: 21px; padding: 0 3px 0 3px; min-height: 22px; color:#444; border-top: 1px solid #f8f8f8; border-bottom: 1px dashed #ccc; text-overflow:ellipsis; overflow:hidden; } .hsearch-item-short { max-height:25px; white-space: nowrap; } .hsearch-title { color:#888; font-size:12px; border-bottom: 1px solid #ccc; margin-bottom: 3px; padding:3px; } .hsearch-item b { font-weight: normal; } .hsearch-item:hover { background-color: white; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-decoration: none; } a.searchAnchor:hover { text-decoration: none; } </style> <script> var u = location.href.split( '/' ); var searchterm = ""; for (i = 3; i < u.length; i++) { if (u[i]!="map" && u[i]!="city") searchterm += u[i]+" "; } searchterm = searchterm.trim(); $("#extrainfo").html(searchterm); var url = "https://aqicn.org/services/search/?s="+searchterm+"&source=404"; $.getJSON(url, function(data) { fullPageSearchRenderCallback(data); }); function fullPageSearchRenderCallback( list ) { var s = ""; var n = 0; list.forEach(function(item){ if (typeof item.title!="undefined") { s += "<div class='searchTitle'>Search results for <i>"+searchterm+"</i>.</div>"; if (list.length>1) s += "Click on any on the text below to jump directly to the correct link<br><br>"; else { s += "<br>"+item.title+"<br><br>"; count = Math.min(count,8); } } else { var url = item.url; var badge = "<div class='hsearch-aqi hsearch-item-short' style='background-color:#eee;'>-</div>"; if (item.aqi=="placeholder") { badge = "<div class='hsearch-aqi hsearch-item-short' style='background-color:#ccc'>P</div>"; } else if (typeof item.typ != "undefined") { if (item.typ=="geo-match") badge = "<div class='hsearch-aqi hsearch-item-short' style='background-color:#009966;'>"+"-"+"</div>"; else if (item.typ=="faq" || item.typ=="link") badge = "<div class='hsearch-aqi hsearch-item-short' style='background-color:#ffde33;color:black;'><b>?</b></div>"; } else if (item.aqi) { var bgcol = searchAqiBgColor(item.aqi); var fgcol = searchAqiFgColor(item.aqi); badge = "<div class='hsearch-aqi' style='background-color:"+bgcol+";color:"+fgcol+"'>" + item.aqi + "</div>"; } var time = ""; if (typeof item.utime != "undefined" && item.utime) { try { time = moment(item.utime * 1000).format("ddd MMMM Do, hA"); if (typeof item.tz) time+=" ("+item.tz+")"; time = "<span style='font-size:12px;color:#888'> - "+time+"</span>"; } catch (e) {} } s += "<a class='searchAnchor' href='"+url+"'><div class='hsearch-item' style='border-bottom:1px solid #ddd;'>"+item.name+time+"<span style='float:right;'>"+badge+"<span></div></a>"; } }); $("#searchResults").hide().html("<br>"+s); $("#searchResults").slideDown(); } function searchAqiBgColor( v ) { if (v=="-") return '#aaaaaa'; else if (v<=50) return '#009966'; else if (v<=100) return '#ffde33'; else if (v<=150) return '#ff9933'; else if (v<=200) return '#cc0033'; else if (v<=300) return '#660099'; else return '#7e0023'; } function searchAqiFgColor( v ) { if (v=="-") return '#eeeeee'; else if (v<=50) return '#ffffff'; else if (v<=100) return '#000000'; else if (v<=150) return '#000000'; else if (v<=200) return '#ffffff'; else if (v<=300) return '#ffffff'; else return '#ffffff'; } </script>