Last active
March 24, 2018 14:31
-
-
Save stevage/2a874082ae096cf0ae7dd95266733ed7 to your computer and use it in GitHub Desktop.
Customised version of everytimezone.com, thanks to http://fabiopereira.me/blog/2016/06/29/how-to-customize-every-time-zone/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var data = [ | |
[-6.0,"Wisconsin","MDT UTC-6",true], | |
[1.0,"UK","BST UTC+1",true], | |
[5.5,"Hyderabad","IST UTC+5.5",true], | |
[10.0,"Melbourne","AEST UTC+10",true], | |
]; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { | |
margin: 0; | |
font-family: Futura, Helvetica, Arial, sans-serif; | |
font-size: 16px; | |
line-height: 18px; | |
color: #fff; | |
background: #111414; | |
} | |
html { | |
height: 100%; | |
-webkit-text-size-adjust: 100%; | |
} | |
* { | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
cursor: default; | |
} | |
/* wrapper for scrolling */ | |
div#wrapper { | |
overflow: hidden; | |
position: absolute; | |
height: 2000px; | |
width: 100%; | |
box-sizing: border-box; | |
background: #111414; | |
background: #111414 no-repeat center top -moz-radial-gradient(top,#2a2e30,#111414); | |
background: #111414 no-repeat top center -webkit-gradient(radial, center top, 0, center top, 600, from(#2a2e30), to(#111414)); | |
} | |
body.with-initial-animation div#wrapper { | |
-webkit-transform-origin: 50% 0; | |
-webkit-transform: scale(1.5); | |
opacity: 0; | |
} | |
div#header { | |
position: absolute; | |
z-index: 1001; | |
} | |
div#footer { | |
position: absolute; | |
bottom: 0; | |
width: 100%; | |
height: 90px; | |
background: #222; | |
border-top: 1px solid #333; | |
z-index: 9999; | |
padding: 30px 0 0 0; | |
cursor: pointer; | |
box-shadow: inset 0px 5px 10px rgba(0,0,0,0.25); | |
} | |
div#footer div.image { | |
float: left; | |
margin: -20px 20px 0 15px; | |
width: 221px; | |
height: 100px; | |
background: url(pulse.png?20151016); | |
background-size: 100% 100%; | |
color: transparent; | |
border-radius: 4px; | |
overflow: hidden; | |
} | |
div#footer #design { | |
position: absolute; | |
right: 20px; | |
top: 30px; | |
font-size: 12px; | |
} | |
div#footer small { | |
display: none; | |
} | |
canvas { | |
position: absolute; | |
} | |
h1,h2,h3 { | |
font-weight: normal; | |
margin: 0; | |
padding: 0; | |
text-rendering: optimizeLegibility; | |
} | |
h1 { | |
font-size: 1.75em; | |
line-height: 1.5em; | |
float: left; | |
margin: 0; | |
padding: 10px 0 0 10px; | |
} | |
h2 { | |
float: left; | |
font-size: 0.75em; | |
line-height: 1.4em; | |
width: 160px; | |
padding: 13px 0 0 20px; | |
} | |
h3 { | |
float: right; | |
font-size: 12px; | |
line-height: 15px; | |
text-align: right; | |
padding: 14px 10px 0 0; | |
} | |
a { | |
color: #fff; | |
} | |
#dates { | |
position: absolute; | |
top: 0; | |
} | |
#dates div { | |
position: absolute; | |
text-transform: lowercase; | |
font-size: 0.7em; | |
line-height: 2em; | |
color: #fff; | |
text-align: center; | |
} | |
#timezones { | |
position: absolute; | |
top: 0; | |
left: 15px; | |
-webkit-transform: translate3d(0,0,0); | |
text-rendering: optimizeLegibility; | |
} | |
#timezones div { | |
position: absolute; | |
font-size: 1em | |
line-height: 1em; | |
width: 200px; | |
} | |
#timezones div small { | |
font-size: 0.7em; | |
line-height: 1em; | |
color: #666; | |
} | |
#times { | |
position: absolute; | |
top: 0px; | |
left: 0; | |
margin-left: 15px; | |
z-index: 1000; | |
} | |
#times div { | |
font-size: 1em; | |
line-height: 1em; | |
position: absolute; | |
width: 150px; | |
} | |
#action_icon svg { | |
fill: #fff; | |
} | |
.touch { | |
display: none; | |
} | |
body.supports-touch .touch { | |
display: inherit; | |
} | |
body.standalone #tap_to_add { | |
display: none; | |
} | |
body.chrome *, body.android * { | |
text-rendering: auto !important; | |
} | |
#now, #cnow { | |
position: relative; | |
clear: both; | |
top: 70px; | |
background: #525; | |
background-image: -moz-linear-gradient(top, #414, #525); | |
background-image: -webkit-gradient(linear, left top, left bottom, from(#414), to(#525)); | |
width: 80px; | |
-webkit-border-radius: 10px; | |
-moz-border-radius: 10px; | |
border-radius: 10px; | |
padding: 4px 10px 8px; | |
text-align: center; | |
height: 20px; | |
font:0.9em/0.9em Futura, Helvetica, Arial, sans-serif; | |
color: #fff; | |
margin-left: -50px; | |
margin-bottom: 20px; | |
z-index:10; | |
} | |
#now { | |
color: #000; | |
margin-top: -52px; | |
background: #cce93f; | |
background-image: -moz-linear-gradient(top, #b8ff41, #d3ff59); | |
background-image: -webkit-gradient(linear, left top, left bottom, from(#b8ff41), to(#d3ff59)); | |
padding: 4px 5px 8px 15px; | |
} | |
#now div.drag1, #now div.drag2 { | |
position: absolute; | |
width:3px; | |
top: 5px; | |
left: 8px; | |
height: 22px; | |
-webkit-border-radius: 3px; | |
-moz-border-radius: 3px; | |
border-radius: 3px; | |
background: #3fba07; | |
background-image: | |
-webkit-gradient(linear, left top, left bottom, color-stop(0.0, rgba(63,186,7,0.5)), color-stop(1.0, rgba(110,216,27,0.5))), | |
-webkit-gradient(linear, left top, right top, color-stop(0.0, #3fba07), color-stop(0.5, #6ed81b), color-stop(1.0, #3fba07)); | |
} | |
#now div.drag2 { | |
left: 13px; | |
} | |
#now span.info, #cnow span.info { | |
display: block; | |
font: 0.6em/1.2em Futura, Helvetica, Arial, sans-serif; | |
} | |
#line, #cline { | |
position: absolute; | |
left: 49px; | |
background: #d3ff59; | |
width: 2px; | |
height: 0px; | |
top: 32px; | |
} | |
#cline { | |
background: #525; | |
} | |
.button { | |
width: 44px; | |
height: 44px; | |
x-border: 1px solid #000; | |
x-border-radius: 8px; | |
x-border: 1px solid red; | |
font-size: 16px; | |
line-height: 40px; | |
text-align: center; | |
text-shadow: 0px -1px #000; | |
x-background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), color-stop(0.05, #888), color-stop(0.5, #555), color-stop(0.501, #444), to(#393939)); | |
} | |
#select_timezones_button { | |
position: absolute; | |
right: 0px; | |
top: 10px; | |
padding: 7px 0 0 9px; | |
width: 35px; | |
height: 35px; | |
display: none; | |
} | |
#share_button { | |
display: none; | |
position: absolute; | |
right: 0px; | |
top: 8px; | |
padding: 2px 0 0 6px; | |
width: 64px; | |
height: 40px; | |
x-background-image: -webkit-gradient(linear, left top, left bottom, from(#a6e6fa), color-stop(0.05, #55c8e4), color-stop(0.5, #3cafc5), color-stop(0.501, #3399b5), to(#3399b5)); | |
} | |
#select_timezones { | |
display: none; | |
position: absolute; | |
right: 8px; | |
top: 10px; | |
width: 30px; | |
height: 40px; | |
border: 0; | |
-webkit-appearance: button; | |
background: transparent; | |
color: transparent; | |
outline: none; | |
border-radius: 0; | |
xvisibility: hidden; | |
} | |
#shortcut_link { | |
position: absolute; | |
top: 15px; | |
right: 20px; | |
font-size: 0.8em; | |
line-height: 1.5em; | |
} | |
body.supports-touch #select_timezones { | |
display: block; | |
} | |
body.supports-touch #select_timezones_button { | |
display: block; | |
} | |
body.supports-touch #shortcut_link { | |
top: 18px; | |
right: 50px; | |
} | |
.twitter-share-button { | |
position: absolute !important; | |
left: 450px; | |
top: 19px; | |
} | |
@media screen and (max-device-width: 480px) { | |
h1 { | |
font-size: 1em; | |
width: 300px; | |
line-height: 2.25em; | |
} | |
h2 { | |
display: none; | |
} | |
h3 { | |
font-size: 0.7em; | |
} | |
h3 .optional { | |
display: none; | |
} | |
#select_timezones { | |
display: block; | |
} | |
#select_timezones_button { | |
display: block; | |
} | |
#shortcut_link { | |
top: 18px; | |
right: 50px; | |
} | |
div#footer { | |
text-align: center; | |
font-size: 0.8em; | |
height: 190px; | |
} | |
div#footer small { | |
display: none; | |
} | |
div#footer div.image { | |
float: none; | |
display: block; | |
margin: 0px auto 10px; | |
} | |
div#footer #design { | |
position: relative; | |
font-size: 0.9em; | |
line-height: 1.5em; | |
top: 0; | |
left: 0; | |
} | |
.twitter-share-button { | |
display: none; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Generated by CoffeeScript 1.6.1 | |
(function(){var e,t,n,r,i,s,o,u,a,f,l,c,h,p,d,v,m,g,y,b,w,E,S,x,T,N,C,k,L,A,O,M,_,D,P,H,B,j,F,I,q,R,U,z,W,X,V,$,J,K,Q,G,Y,Z,et,tt,nt,rt,it,st,ot,ut,at,ft,lt,ct,ht,pt,dt,vt,mt,gt,yt,bt,wt,Et,St,xt,Tt,Nt,Ct,kt,Lt;v=[],R=0,wt=function(e){var t,n,r,i,s;e===0&&(e=65535),t=0,v=[],s=[];for(r=0,i=data.length;r<i;r++)n=data[r],s.push(function(n){return n[3]=!1,e&1<<t&&(v.push(n),n[3]=!0),t+=1}(n));return s},Z=function(){var e,t,n,r,i,s;e=0,n=0,r=function(t){return t[3]&&(n+=1<<e),e+=1};for(i=0,s=data.length;i<s;i++)t=data[i],r(t);return n.toString(36)},C=function(){var e,t,n;t=new Date,e=t.getDate(),n=t.getUTCDate();if(n===e)return 0;if(n===e+1||n===1)return 1440;if(n===e-1)return-1440},z={},rt=function(){var e,t,n;return n=new Date,e=n.getUTCHours()*60+n.getUTCMinutes(),t=e-720+C(),z={date:n,offset:t,cities:65535}},rt(),Tt=function(){var e,t,n,r,i;if(location.hash==="")return;return i=location.hash.slice(1).split(","),n=i[0],r=i[1],t=i[2],e=n.split("-"),z.date=new Date(e[0],e[1]-1,e[2]),z.offset=parseInt(r),z.cities=parseInt(t,36)},navigator.standalone==null&&!navigator.standalone&&Tt(),wt(z.cities),R=z.offset,M=!1,e=function(e){return document.getElementById(e)},A=function(t,n){return n==null&&(n=""),(e(t)||t).innerHTML=n},b=function(t,n){return(e(t)||t).style.cssText+=";"+n},bt=navigator.userAgent,_=bt.match(/(iPhone\sOS)\s([\d_]+)/)||bt.match(/(iPad\sOS)\s([\d_]+)/),kt=bt.indexOf("AppleWebKit/")>-1,q=bt.indexOf("Gecko")>-1&&!kt,U=bt.indexOf("Opera")>-1,O=bt.indexOf("MSIE")>-1,d=bt.indexOf("Chrome")>-1,n=bt.match(/(Android)\s+([\d.]+)/)&&kt,r=bt.match(/(Android)\s+4([\d.]+)/)&&kt,mt=kt?"webkitTransform":O?"msTransform":q?"MozTransform":U?"OTransform":"transform",gt=kt?"-webkit-transform":O?"-ms-transform":q?"-moz-transform":U?"-o-transform":void 0,dt=kt?"-webkit-transition":O?"-ms-transition":q?"-moz-transition":U?"-o-transition":void 0,i=function(e,t,n,r){return n==null&&(n=1),r==null&&(r=.5),b(e,""+dt+":all "+r+"s; "+gt+": "+t+"; opacity:"+n)},vt=function(t,n,r){r==null&&(r=!1);if(isNaN(n))return;return t=e(t),r&&(t.style.cssText+=";"+dt+":all 0.4s;"),t.style[mt]=kt&&ot?"translate3d("+n+"px,0,0)":"translate3d("+n+"px,0,0)"},ft="left",F="January February March April May June July August September October November December".split(" "),Date.prototype.addDays=function(e){return new Date(this.getTime()+e*1e3*60*60*24)},Function.prototype.delay=function(e){return setTimeout(this,e*1e3)},ot=document.createTouch!=null,W=window.devicePixelRatio||1,f=e("body"),p=e("canvas"),y=p.getContext("2d"),W>1&&(y.webkitBackingStorePixelRatio||1)>1&&(W=1),Lt=L=a=u=G=D=null,E=t=B=Q=lt=l=null,w=j=ut=null,o=at=null,y.save(),ot&&(f.className="supports-touch"),d&&(f.className="chrome"),_&&(f.className="supports-touch with-initial-animation"),tt=function(e,t,n){return e.setAttribute("width",t*W),e.setAttribute("height",n*W),b(e,"height:"+n+"px; width:"+t+"px")},it=function(){var t,r,i,s;i=function(){var t,n,r,i,s,o;i=e("select_timezones"),t=-1;for(s=0,o=data.length;s<o;s++)n=data[s],r=n[1],n[2]!==""&&(r+=" "+n[2]),i.appendChild(new Option(r,t+=1,!1,n[3]));return i.onchange=function(){var e,t,n,r,s,o;e=0,n=0,r=function(t){return i.options[e].selected&&(n+=1<<e),e+=1};for(s=0,o=data.length;s<o;s++)t=data[s],r(t);return wt(n),$(),Ct()}},s=function(e){return document.adoptNode((new DOMParser).parseFromString(e,"text/xml").firstChild)},t=function(e){var t;return t=' <svg class="action" width="12px" height="10px" viewBox="0 0 12 10" version="1.1" xmlns="http://www.w3.org/2000/svg">\n<g><path d="M12,3.5L8,0v2.25c0,0-5,0.75-5,5C4.5,5,8,4.75,8,4.75V7L12,3.5z"/></g>\n<g><polygon points="10,7 9,8 9,9 1,9 1,3 3.5,3 4.5,2 0,2 0,10 10,10"/></g>\n</svg>',e.appendChild(s(t))},r=function(e){var t;return t=' <svg class="action" width="36px" height="36px" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg">\n <path fill="#FFFFFF" d="M23.077,10.154h-1.106c-0.508,0-1.047-0.397-1.198-0.883l-0.636-1.545c-0.239-0.447-0.141-1.107,0.216-1.467\nl0.788-0.785c0.359-0.359,0.359-0.947,0-1.307l-1.309-1.305c-0.358-0.359-0.945-0.359-1.305,0l-0.788,0.785\nc-0.356,0.358-1.019,0.457-1.467,0.217l-1.543-0.637c-0.483-0.149-0.881-0.688-0.881-1.197V0.924C13.849,0.417,13.432,0,12.924,0\nh-1.847c-0.508,0-0.924,0.417-0.924,0.924v1.107c0,0.509-0.396,1.048-0.881,1.197L7.728,3.865c-0.449,0.24-1.106,0.143-1.466-0.217\nL5.474,2.863c-0.359-0.359-0.945-0.359-1.304,0L2.864,4.168c-0.36,0.359-0.36,0.947,0,1.307L3.647,6.26\nc0.36,0.359,0.459,1.02,0.217,1.467L3.229,9.273c-0.152,0.484-0.688,0.881-1.197,0.881H0.924C0.416,10.154,0,10.568,0,11.077v1.846\nc0,0.509,0.416,0.925,0.924,0.925h1.108c0.509,0,1.045,0.396,1.195,0.881l0.637,1.547c0.241,0.447,0.144,1.109-0.217,1.467\nl-0.785,0.785c-0.358,0.359-0.358,0.947,0,1.307l1.308,1.307c0.358,0.357,0.944,0.357,1.304,0l0.788-0.787\nc0.357-0.357,1.017-0.455,1.462-0.213l1.549,0.635c0.485,0.152,0.881,0.689,0.881,1.197v1.105c0,0.506,0.416,0.922,0.924,0.922\nh1.847c0.508,0,0.925-0.416,0.925-0.922v-1.105c0-0.508,0.397-1.045,0.881-1.197l1.548-0.635c0.446-0.242,1.107-0.145,1.467,0.213\nl0.783,0.787c0.359,0.357,0.946,0.357,1.305,0l1.309-1.307c0.359-0.359,0.359-0.947,0-1.307l-0.788-0.785\nc-0.356-0.357-0.455-1.02-0.216-1.467l0.636-1.547c0.151-0.484,0.693-0.881,1.198-0.881h1.106c0.509,0,0.923-0.414,0.923-0.923\nv-1.848C24,10.568,23.586,10.154,23.077,10.154 M16.619,11.999c0,2.55-2.066,4.614-4.615,4.614c-2.552,0-4.617-2.064-4.617-4.614\nc0-2.549,2.065-4.615,4.617-4.615C14.553,7.384,16.619,9.45,16.619,11.999"/>\n </svg>',e.appendChild(s(t))},t(e("action_icon")),r(e("edit_icon")),navigator.standalone&&(f.className+=" standalone"),i();if(!ot)return A("shortcut_link","link to this page");A("shortcut_link","tap & hold to share");if(n)return e("tap_to_add").style.display="none"},st=function(){var e,n,r,i,s,o,f,c,h,p;E=y.createLinearGradient(0,0,a*W,0),t=y.createLinearGradient(0,0,a*W,0),B=y.createLinearGradient(0,0,a*W,0),Q=y.createLinearGradient(0,0,0,u*W),lt=y.createLinearGradient(0,0,0,u*W),l=y.createLinearGradient(0,u*W,0,0),c=[[0,"#4b4c4d"],[.2499,"#4b4c4d"],[.25,"#575b5c"],[.3299,"#575b5c"],[.33,"#6b7071"],[.7499,"#6b7071"],[.75,"#575b5c"],[.9099,"#575b5c"],[.91,"#4b4c4d"],[1,"#4b4c4d"]];for(n=0,s=c.length;n<s;n++)e=c[n],E.addColorStop(e[0],e[1]);h=[[0,"#5485b1"],[.2499,"#5485b1"],[.25,"#3cafc5"],[.3299,"#3cafc5"],[.33,"#55c8e4"],[.7499,"#55c8e4"],[.75,"#3cafc5"],[.9099,"#3cafc5"],[.91,"#5485b1"],[1,"#5485b1"]];for(r=0,o=h.length;r<o;r++)e=h[r],t.addColorStop(e[0],e[1]);p=[[0,"#8abb29"],[.2499,"#8abb29"],[.25,"#a5df3b"],[.3299,"#a5df3b"],[.33,"#b8ff41"],[.7499,"#b8ff41"],[.75,"#a5df3b"],[.9099,"#a5df3b"],[.91,"#8abb29"],[1,"#8abb29"]];for(i=0,f=p.length;i<f;i++)e=p[i],B.addColorStop(e[0],e[1]);return Q.addColorStop(0,"rgba(0,0,0,0)"),Q.addColorStop(1,"rgba(0,0,0,0.4)"),lt.addColorStop(0,"rgba(255,255,255,0.3)"),lt.addColorStop(.025,"rgba(255,255,255,0)"),l.addColorStop(0,"rgba(255,255,255,0.3)"),l.addColorStop(.025,"rgba(255,255,255,0)")},K=function(e,t,n,r){return r==null&&(r=y),r.beginPath(),r.moveTo(n,0),r.lineTo(e-n,0),r.quadraticCurveTo(e,0,e,n),r.lineTo(e,t-n),r.quadraticCurveTo(e,t,e-n,t),r.lineTo(n,t),r.quadraticCurveTo(0,t,0,t-n),r.lineTo(0,n),r.quadraticCurveTo(0,0,n,0),r.fill()},c={},x=function(e,n,r){var i,s,o,f,h;return r==null&&(r=E),r===E&&(o="default"),r===t&&(o="active"),r===B&&(o="local"),c[o]||(i=document.createElement("canvas"),tt(i,a*W,u*W),s=i.getContext("2d"),h=(a-2)*W,f=u*W,s.fillStyle=r,s.clearRect(0,0,h,f),K(h,f,f/2.5,s),s.fillStyle=Q,K(h,f,f/2.5,s),s.fillStyle=lt,K(h,f,f/2.5,s),s.fillStyle=l,K(h,f,f/2.5,s),c[o]=i),y.clearRect(e,n,a,u),y.drawImage(c[o],e,n,a*W,u*W)},nt=function(e){return e==null&&(e=z.date),w=e,j=-(w.getTimezoneOffset()/60),ut=w.getUTCHours()*60+w.getUTCMinutes()},X=function(){var e;return e=[window.innerWidth,v.length*60+350],Lt=e[0],L=e[1],a=Lt/3,Lt>480&&(L-=100),G=60,u=24,D=Lt/2-a*3/2,tt(p,Lt,L),y.restore(),y.save(),y.scale(W,W),y.clearRect(0,0,Lt,L),b("header","width:"+a*3+"px;left:"+(Lt/2-a*3/2)+"px"),b("line","height:"+(L-82-100)+"px"),b("cline","height:"+(L-82-100)+"px"),b("wrapper","height:"+L+"px")},k=function(e,n){var r;return r=n+12,r>=0&&r<24?e===j?B:t:E},V=function(){var t,n,r,i,s,u,f,l,c,h,p,d,m,g;l=115,i=0,t=Lt/2-a/2,f="",r="",s="",o=[],at=[],c=function(e){var n,u;return n=-e[0]/24*a,u=i*G+l,o.push([{left:n+t-a*2,top:u+20,gradient:k(e[0],e[0]+48+R/60)},{left:n+t-a,top:u+20,gradient:k(e[0],e[0]+24+R/60)},{left:n+t,top:u+20,gradient:k(e[0],e[0]+R/60)},{left:n+t+a,top:u+20,gradient:k(e[0],e[0]-24+R/60)},{left:n+t+a*2,top:u+20,gradient:k(e[0],e[0]-48+R/60)}]),at.push({offset:e[0]}),x(o[i][1].left,o[i][1].top,o[i][1].gradient),x(o[i][2].left,o[i][2].top,o[i][2].gradient),x(o[i][3].left,o[i][3].top,o[i][3].gradient),f+="<div style='left:"+D+"px;top:"+(u-2)+"px'>"+e[1]+" <small>"+e[2]+"</small></div>",s+="<div id='time_"+i+"' style='top:"+(u-2)+"px'></div>",r+="<div style='left:"+o[i][1].left+"px;top:"+o[i][1].top+"px;width:"+a+"px'>\n "+T(w.addDays(-1))+"\n</div>\n<div style='left:"+o[i][2].left+"px;top:"+o[i][2].top+"px;width:"+a+"px'>\n "+T(w.addDays(0))+"\n</div>\n<div style='left:"+o[i][3].left+"px;top:"+o[i][3].top+"px;width:"+a+"px'>\n "+T(w.addDays(1))+"\n</div>",i+=1};for(h=0,d=v.length;h<d;h++)n=v[h],c(n);A("timezones",f),A("dates",r),A("times",s),i=0,g=[];for(p=0,m=at.length;p<m;p++)u=at[p],g.push(function(t){return t.timeEl=e("time_"+i),i+=1}(u));return g},J=function(){var e,t,n,r,i;t=0,i=[];for(n=0,r=v.length;n<r;n++)e=v[n],i.push(function(e){var n,r,i,s,u,a;return n=o[t],r=k(e[0],e[0]+48+R/60),i=k(e[0],e[0]+24+R/60),s=k(e[0],e[0]+R/60),u=k(e[0],e[0]-24+R/60),a=k(e[0],e[0]-48+R/60),n[1].gradient!==i&&x(n[1].left,n[1].top,n[1].gradient=i),n[2].gradient!==s&&x(n[2].left,n[2].top,n[2].gradient=s),n[3].gradient!==u&&x(n[3].left,n[3].top,n[3].gradient=u),t+=1}(e));return i},$=function(){return c={},X(),st(),V(),J(),Nt(),Et()},window.onorientationchange=$,window.onresize=$,S=!1,T=function(e){return""+F[e.getMonth()]+" "+e.getDate()},N=function(e){var t,n,r;return e<0&&(e=24-Math.abs(e%24)),e>=24&&(e%=24),t=Math.abs(e*60%60|0),t<10&&(t="0"+t),e|=0,n="am",e>=12&&(r=[e%12,"pm"],e=r[0],n=r[1]),e===0&&(e=12),""+e+":"+t+" "+n},Et=function(e){var t,n,r,i,s,o;i=new Date,o=C(),t=i.getUTCHours()*60+i.getUTCMinutes(),n=t-720+o,r=-(i.getTimezoneOffset()/60),s=Lt/2+n/60/24*a,b("cnow","left:"+s+"px"),A("clocaltime",N(n/60+j+12));if(e)return b("now","left:"+s+"px"),A("localtime",N(n/60+j+12))},xt=null,St=function(e){var t,n,r,i;if(!e&&xt===R)return;xt=R,A("localtime",N(R/60+12+j)),i=[];for(n=0,r=at.length;n<r;n++)t=at[n],i.push(function(e){return e.timeEl.innerHTML=N(R/60+12+e.offset)}(t));return i},et=function(){return""+w.getFullYear()+"-"+(w.getMonth()+1)+"-"+w.getDate()+","+R+","+Z()},Nt=function(e){var t,n;e==null&&(e=R),t=Lt/2+e/60/24*a,b("now","left:"+t+"px"),n=t,t>Lt-100&&(n-=85),b("times","left:"+n+"px"),t<200&&ft==="left"&&(vt("timezones",Lt-(Lt<=480?120:200),!0),ft="right");if(t>Lt-(Lt<=480?200:300)&&ft==="right")return vt("timezones",0,!0),ft="left"},Ct=function(){var t;return t=et(),M=!0,location.hash=t,e("shortcut_link").setAttribute("href","http://everytimezone.com/#"+t)},ht=pt=-1,P=H=-1,ct=Y=-1,h=!1,I=function(e){var t,r;if(!S)return;r=e.pageX,e.touches!=null&&(r=P),r<50&&(r=50),r>Lt-50&&(r=Lt-50),R=Math.round((r-Lt/2)/a*24*60),t=R,R-=R%15,J(),Nt(t),n||St();if(e.touches!=null)return e.preventDefault()},key("left",function(){R-=15,R-=R%15,J(),Nt();if(!n)return St()}),key("right",function(){R+=15,R-=R%15,J(),Nt();if(!n)return St()}),f[ot?"ontouchstart":"onmousedown"]=function(e){var t,n;t=e.target,t.nodeType!==1&&(t=t.parentNode);if(t.tagName==null||(n=t.tagName)!=="A"&&n!=="IMG"&&n!=="SELECT"&&n!=="INPUT"){if(e.touches!=null){Y=document.body.scrollTop,ct=Date.now(),ht=P=e.touches[0].pageX,pt=H=e.touches[0].pageY;if(e.touches[0].pageY<50)return}return S=!0}return},f[ot?"ontouchmove":"onmousemove"]=function(e){var t;if(e.touches!=null){P=e.touches[0].pageX,H=e.touches[0].pageY;if(!!h||document.body.scrollTop!==Y){h=!0;return}if(Date.now()-ct<50)return;if(-10<(t=ht-P)&&t<10)return}return I(e)},f[ot?"ontouchend":"onmouseup"]=function(e){return ot?!h&&Y===document.body.scrollTop&&I(e):I(e),ht=pt=P=H=ct=Y=-1,h=!1,S=!1,Ct()},e("footer").onclick=function(){return location.href="http://letsfreckle.com/"},window.onhashchange=function(){if(M){M=!1;return}return Tt(),wt(z.cities),R=z.offset,nt(),Nt(),St(!0),$()},it(),nt(),$(),Et(!0),St(!0),Nt(),setInterval(Et,1e3),n&&setInterval(St,350),scrollTo(0,1),_&&function(){return i("wrapper","scale(1)")}.delay(.5),window.applicationCache!=null&&(s=window.applicationCache,s.addEventListener("updateready",function(){if(confirm("There's a newer version of Every Time Zone available, reload now?"))return s.swapCache(),location.reload()},!1));if(navigator.onLine==null||navigator.onLine)yt=document.createElement("script"),yt.innerHTML='!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs")',m=document.createElement("script"),m.src="//static.getclicky.com/js",e("body").appendChild(yt),e("body").appendChild(m),g=setInterval(function(){if(typeof clicky=="undefined"||clicky===null)return;clearInterval(g);try{return clicky.init(204109)}catch(e){}},1e3)}).call(this); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<!-- saved from url=(0044)http://everytimezone.com/#2016-6-30,-840,cn3 --> | |
<html manifest="everytimezone.manifest"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
<title>Time Zones</title> | |
<meta http-equiv="imagetoolbar" content="false"> | |
<meta name="viewport" content="initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> | |
<link rel="apple-touch-startup-image" href="http://everytimezone.com/startup-ipad-landscape.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)"> | |
<link rel="apple-touch-startup-image" href="http://everytimezone.com/startup-ipad-portrait.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)"> | |
<link rel="apple-touch-startup-image" href="http://everytimezone.com/startup-retina.png" media="screen and (max-device-width: 480px) and (min-device-pixel-ratio: 2)"> | |
<link rel="apple-touch-startup-image" href="http://everytimezone.com/startup.png" media="screen and (max-device-width: 320px)"> | |
<meta name="apple-mobile-web-app-capable" content="yes"> | |
<meta name="apple-mobile-web-app-status-bar-style" content="black"> | |
<meta name="format-detection" content="telephone=no"> | |
<link rel="apple-touch-icon-precomposed" href="http://everytimezone.com/everytimezone-512.png"> | |
<link rel="icon" type="image/png" href="http://everytimezone.com/everytimezone-512.png"> | |
<link rel="stylesheet" href="everytimezone.css"> | |
<style type="text/css">:root #header + #content > #left > #rlblock_left | |
{display:none !important;}</style></head> | |
<body id="body" onselectstart="return false" class="chrome" data-feedly-mini="yes"> | |
<div id="wrapper" style="height: 1090px;"> | |
<canvas id="canvas" width="1348" height="1090" style="height: 1090px; width: 1348px;"></canvas> | |
<div id="dates"><div style="left:187.22222222222234px;top:135px;width:449.3333333333333px"> | |
June 29 | |
</div> | |
<div style="left:636.5555555555557px;top:135px;width:449.3333333333333px"> | |
June 30 | |
</div> | |
<div style="left:1085.888888888889px;top:135px;width:449.3333333333333px"> | |
July 1 | |
</div><div style="left:131.0555555555556px;top:195px;width:449.3333333333333px"> | |
June 29 | |
</div> | |
<div style="left:580.3888888888889px;top:195px;width:449.3333333333333px"> | |
June 30 | |
</div> | |
<div style="left:1029.7222222222222px;top:195px;width:449.3333333333333px"> | |
July 1 | |
</div><div style="left:112.33333333333343px;top:255px;width:449.3333333333333px"> | |
June 29 | |
</div> | |
<div style="left:561.6666666666667px;top:255px;width:449.3333333333333px"> | |
June 30 | |
</div> | |
<div style="left:1011px;top:255px;width:449.3333333333333px"> | |
July 1 | |
</div><div style="left:93.61111111111114px;top:315px;width:449.3333333333333px"> | |
June 29 | |
</div> | |
<div style="left:542.9444444444445px;top:315px;width:449.3333333333333px"> | |
June 30 | |
</div> | |
<div style="left:992.2777777777778px;top:315px;width:449.3333333333333px"> | |
July 1 | |
</div><div style="left:74.88888888888897px;top:375px;width:449.3333333333333px"> | |
June 29 | |
</div> | |
<div style="left:524.2222222222223px;top:375px;width:449.3333333333333px"> | |
June 30 | |
</div> | |
<div style="left:973.5555555555557px;top:375px;width:449.3333333333333px"> | |
July 1 | |
</div><div style="left:56.16666666666674px;top:435px;width:449.3333333333333px"> | |
June 29 | |
</div> | |
<div style="left:505.50000000000006px;top:435px;width:449.3333333333333px"> | |
June 30 | |
</div> | |
<div style="left:954.8333333333334px;top:435px;width:449.3333333333333px"> | |
July 1 | |
</div><div style="left:5.684341886080802e-14px;top:495px;width:449.3333333333333px"> | |
June 29 | |
</div> | |
<div style="left:449.33333333333337px;top:495px;width:449.3333333333333px"> | |
June 30 | |
</div> | |
<div style="left:898.6666666666667px;top:495px;width:449.3333333333333px"> | |
July 1 | |
</div><div style="left:-18.72222222222217px;top:555px;width:449.3333333333333px"> | |
June 29 | |
</div> | |
<div style="left:430.61111111111114px;top:555px;width:449.3333333333333px"> | |
June 30 | |
</div> | |
<div style="left:879.9444444444445px;top:555px;width:449.3333333333333px"> | |
July 1 | |
</div><div style="left:-37.4444444444444px;top:615px;width:449.3333333333333px"> | |
June 29 | |
</div> | |
<div style="left:411.8888888888889px;top:615px;width:449.3333333333333px"> | |
June 30 | |
</div> | |
<div style="left:861.2222222222222px;top:615px;width:449.3333333333333px"> | |
July 1 | |
</div><div style="left:-102.97222222222217px;top:675px;width:449.3333333333333px"> | |
June 29 | |
</div> | |
<div style="left:346.36111111111114px;top:675px;width:449.3333333333333px"> | |
June 30 | |
</div> | |
<div style="left:795.6944444444445px;top:675px;width:449.3333333333333px"> | |
July 1 | |
</div><div style="left:-149.77777777777771px;top:735px;width:449.3333333333333px"> | |
June 29 | |
</div> | |
<div style="left:299.5555555555556px;top:735px;width:449.3333333333333px"> | |
June 30 | |
</div> | |
<div style="left:748.8888888888889px;top:735px;width:449.3333333333333px"> | |
July 1 | |
</div><div style="left:-168.49999999999994px;top:795px;width:449.3333333333333px"> | |
June 29 | |
</div> | |
<div style="left:280.83333333333337px;top:795px;width:449.3333333333333px"> | |
June 30 | |
</div> | |
<div style="left:730.1666666666667px;top:795px;width:449.3333333333333px"> | |
July 1 | |
</div><div style="left:-187.22222222222217px;top:855px;width:449.3333333333333px"> | |
June 29 | |
</div> | |
<div style="left:262.11111111111114px;top:855px;width:449.3333333333333px"> | |
June 30 | |
</div> | |
<div style="left:711.4444444444445px;top:855px;width:449.3333333333333px"> | |
July 1 | |
</div><div style="left:-224.6666666666666px;top:915px;width:449.3333333333333px"> | |
June 29 | |
</div> | |
<div style="left:224.6666666666667px;top:915px;width:449.3333333333333px"> | |
June 30 | |
</div> | |
<div style="left:674px;top:915px;width:449.3333333333333px"> | |
July 1 | |
</div></div> | |
<div id="header" style="width: 1348px; left: 0px;"> | |
<h1>Every Time Zone</h1> | |
<h2>Never warp your brain with time zone math again.</h2> | |
<iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" class="twitter-share-button twitter-share-button-rendered twitter-tweet-button" style="position: static; visibility: visible; width: 61px; height: 20px;" title="Twitter Tweet Button" src="tweet_button.b7de008f493a5185d8df1aedd62d77c6.en.html" data-url="http://everytimezone.com"></iframe> | |
<div class="button" id="select_timezones_button"> | |
<span id="edit_icon"><svg xmlns="http://www.w3.org/2000/svg" class="action" width="36px" height="36px" viewBox="0 0 36 36" version="1.1"> | |
<path fill="#FFFFFF" d="M23.077,10.154h-1.106c-0.508,0-1.047-0.397-1.198-0.883l-0.636-1.545c-0.239-0.447-0.141-1.107,0.216-1.467 l0.788-0.785c0.359-0.359,0.359-0.947,0-1.307l-1.309-1.305c-0.358-0.359-0.945-0.359-1.305,0l-0.788,0.785 c-0.356,0.358-1.019,0.457-1.467,0.217l-1.543-0.637c-0.483-0.149-0.881-0.688-0.881-1.197V0.924C13.849,0.417,13.432,0,12.924,0 h-1.847c-0.508,0-0.924,0.417-0.924,0.924v1.107c0,0.509-0.396,1.048-0.881,1.197L7.728,3.865c-0.449,0.24-1.106,0.143-1.466-0.217 L5.474,2.863c-0.359-0.359-0.945-0.359-1.304,0L2.864,4.168c-0.36,0.359-0.36,0.947,0,1.307L3.647,6.26 c0.36,0.359,0.459,1.02,0.217,1.467L3.229,9.273c-0.152,0.484-0.688,0.881-1.197,0.881H0.924C0.416,10.154,0,10.568,0,11.077v1.846 c0,0.509,0.416,0.925,0.924,0.925h1.108c0.509,0,1.045,0.396,1.195,0.881l0.637,1.547c0.241,0.447,0.144,1.109-0.217,1.467 l-0.785,0.785c-0.358,0.359-0.358,0.947,0,1.307l1.308,1.307c0.358,0.357,0.944,0.357,1.304,0l0.788-0.787 c0.357-0.357,1.017-0.455,1.462-0.213l1.549,0.635c0.485,0.152,0.881,0.689,0.881,1.197v1.105c0,0.506,0.416,0.922,0.924,0.922 h1.847c0.508,0,0.925-0.416,0.925-0.922v-1.105c0-0.508,0.397-1.045,0.881-1.197l1.548-0.635c0.446-0.242,1.107-0.145,1.467,0.213 l0.783,0.787c0.359,0.357,0.946,0.357,1.305,0l1.309-1.307c0.359-0.359,0.359-0.947,0-1.307l-0.788-0.785 c-0.356-0.357-0.455-1.02-0.216-1.467l0.636-1.547c0.151-0.484,0.693-0.881,1.198-0.881h1.106c0.509,0,0.923-0.414,0.923-0.923 v-1.848C24,10.568,23.586,10.154,23.077,10.154 M16.619,11.999c0,2.55-2.066,4.614-4.615,4.614c-2.552,0-4.617-2.064-4.617-4.614 c0-2.549,2.065-4.615,4.617-4.615C14.553,7.384,16.619,9.45,16.619,11.999"></path> | |
</svg></span> | |
</div> | |
<select multiple="" name="timezones" id="select_timezones"> | |
<option value="0">Honolulu HST UTC-10</option><option value="1">San Francisco PDT UTC-7</option><option value="2">Denver MDT UTC-6</option><option value="3">Chicago CDT UTC-5</option><option value="4">New York EDT UTC-4</option><option value="5">Rio de Janeiro BRT UTC-3</option><option value="6">UTC</option><option value="7">London BST UTC+1</option><option value="8">Vienna CEST UTC+2</option><option value="9">Mumbai IST UTC+5.5</option><option value="10">Singapore SGT UTC+8</option><option value="11">Tokyo JST UTC+9</option><option value="12">Sydney AEST UTC+10</option><option value="13">Auckland NZST UTC+12</option></select> | |
<a id="shortcut_link" href="http://everytimezone.com/#2016-6-30,-840,cn3">link to this page</a> | |
</div> | |
<div id="timezones" style="transition: all 0.4s; transform: translate3d(1148px, 0px, 0px);"><div style="left:0px;top:113px">Honolulu <small>HST UTC-10</small></div><div style="left:0px;top:173px">San Francisco <small>PDT UTC-7</small></div><div style="left:0px;top:233px">Denver <small>MDT UTC-6</small></div><div style="left:0px;top:293px">Chicago <small>CDT UTC-5</small></div><div style="left:0px;top:353px">New York <small>EDT UTC-4</small></div><div style="left:0px;top:413px">Rio de Janeiro <small>BRT UTC-3</small></div><div style="left:0px;top:473px">UTC <small></small></div><div style="left:0px;top:533px">London <small>BST UTC+1</small></div><div style="left:0px;top:593px">Vienna <small>CEST UTC+2</small></div><div style="left:0px;top:653px">Mumbai <small>IST UTC+5.5</small></div><div style="left:0px;top:713px">Singapore <small>SGT UTC+8</small></div><div style="left:0px;top:773px">Tokyo <small>JST UTC+9</small></div><div style="left:0px;top:833px">Sydney <small>AEST UTC+10</small></div><div style="left:0px;top:893px">Auckland <small>NZST UTC+12</small></div></div> | |
<div id="times" style="left: 49.9259px;"><div id="time_0" style="top:113px">4:45 pm</div><div id="time_1" style="top:173px">7:45 pm</div><div id="time_2" style="top:233px">8:45 pm</div><div id="time_3" style="top:293px">9:45 pm</div><div id="time_4" style="top:353px">10:45 pm</div><div id="time_5" style="top:413px">11:45 pm</div><div id="time_6" style="top:473px">2:45 am</div><div id="time_7" style="top:533px">3:45 am</div><div id="time_8" style="top:593px">4:45 am</div><div id="time_9" style="top:653px">8:15 am</div><div id="time_10" style="top:713px">10:45 am</div><div id="time_11" style="top:773px">11:45 am</div><div id="time_12" style="top:833px">12:45 pm</div><div id="time_13" style="top:893px">2:45 pm</div></div> | |
<div id="cnow" style="left: 480.849px;"> | |
<span id="clocaltime">11:41 am</span> | |
<span class="info">current local time</span> | |
<div id="cline" style="height: 908px;"></div> | |
</div> | |
<div id="now" style="left: 49.9259px;"> | |
<div class="drag1"></div> | |
<div class="drag2"></div> | |
<span id="localtime">12:45 pm</span> | |
<span class="info">your local time</span> | |
<div id="line" style="height: 908px;"></div> | |
</div> | |
<div id="footer"> | |
<a href="http://letsfreckle.com/"><div class="image">Freckle Time Tracking</div></a> | |
Want your team to track time accurately?<br> | |
Try <b>Freckle Time Tracking</b>.<br> | |
<small>Brought to you by the folks behind Every Time Zone.</small> | |
<div id="design"> | |
<span class="optional">design by <a href="http://twitter.com/amyhoy">Amy Hoy</a> & dev by <a href="http://twitter.com/thomasfuchs">Thomas Fuchs</a></span><br class="optional"> | |
<span class="touch" id="tap_to_add">works offline, tap <span id="action_icon"><svg xmlns="http://www.w3.org/2000/svg" class="action" width="12px" height="10px" viewBox="0 0 12 10" version="1.1"> | |
<g><path d="M12,3.5L8,0v2.25c0,0-5,0.75-5,5C4.5,5,8,4.75,8,4.75V7L12,3.5z"></path></g> | |
<g><polygon points="10,7 9,8 9,9 1,9 1,3 3.5,3 4.5,2 0,2 0,10 10,10"></polygon></g> | |
</svg></span> to add to home screen</span> | |
</div> | |
</div> | |
</div> | |
<script type="text/javascript" async="" src="http://tag.perfectaudience.com/serve/51fbcda0dc91ad725f0000eb.js"></script><script src="keymaster.min.js"></script> | |
<script src="data.js"></script> | |
<script src="everytimezone.min.js"></script><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs")</script> | |
<script> | |
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | |
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | |
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | |
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | |
ga('create', 'UA-37896092-5', 'everytimezone.com'); | |
ga('send', 'pageview'); | |
</script> | |
<script> | |
(function() { | |
window._pa = window._pa || {}; | |
var pa = document.createElement('script'); pa.type = 'text/javascript'; pa.async = true; | |
pa.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + "//tag.perfectaudience.com/serve/51fbcda0dc91ad725f0000eb.js"; | |
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(pa, s); | |
})(); | |
window._pq = window._pq || []; | |
_pq.push(['track','everytimezone']) | |
</script> | |
<script> | |
document.title = 'Time Zones'; | |
</script> | |
<div id="feedly-mini" title="feedly Mini tookit"></div><iframe id="rufous-sandbox" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" style="position: absolute; visibility: hidden; display: none; width: 0px; height: 0px; padding: 0px; border: none;" src="saved_resource.html"></iframe></body></html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// keymaster.js | |
// (c) 2011 Thomas Fuchs | |
// keymaster.js may be freely distributed under the MIT license. | |
(function(a){function h(a,b){var c=a.length;while(c--)if(a[c]===b)return c;return-1}function i(a){var b,g,i,j,k,m;g=(a.target||a.srcElement).tagName,b=a.keyCode;if(b==93||b==224)b=91;if(b in d){d[b]=!0;for(j in f)f[j]==b&&(l[j]=!0);return}if(g=="INPUT"||g=="SELECT"||g=="TEXTAREA")return;if(!(b in c))return;for(k=0;k<c[b].length;k++){i=c[b][k];if(i.scope==e||i.scope=="all"){m=i.mods.length>0;for(j in d)if(!d[j]&&h(i.mods,+j)>-1||d[j]&&h(i.mods,+j)==-1)m=!1;(i.mods.length==0&&!d[16]&&!d[18]&&!d[17]&&!d[91]||m)&&i.method(a,i)===!1&&(a.preventDefault?a.preventDefault():a.returnValue=!1,a.stopPropagation&&a.stopPropagation(),a.cancelBubble&&(a.cancelBubble=!0))}}}function j(a){var b=a.keyCode,c;if(b==93||b==224)b=91;if(b in d){d[b]=!1;for(c in f)f[c]==b&&(l[c]=!1)}}function k(){for(b in d)d[b]=!1;for(b in f)l[b]=!1}function l(a,b,d){var e,h,i,j;d===undefined&&(d=b,b="all"),a=a.replace(/\s/g,""),e=a.split(","),e[e.length-1]==""&&(e[e.length-2]+=",");for(i=0;i<e.length;i++){h=[],a=e[i].split("+");if(a.length>1){h=a.slice(0,a.length-1);for(j=0;j<h.length;j++)h[j]=f[h[j]];a=[a[a.length-1]]}a=a[0],a=g[a]||a.toUpperCase().charCodeAt(0),a in c||(c[a]=[]),c[a].push({shortcut:e[i],scope:b,method:d,key:e[i],mods:h})}}function m(a){e=a||"all"}function n(){return e||"all"}function o(a,b,c){a.addEventListener?a.addEventListener(b,c,!1):a.attachEvent&&a.attachEvent("on"+b,function(){c(window.event)})}var b,c={},d={16:!1,18:!1,17:!1,91:!1},e="all",f={"⇧":16,shift:16,"⌥":18,alt:18,option:18,"⌃":17,ctrl:17,control:17,"⌘":91,command:91},g={backspace:8,tab:9,clear:12,enter:13,"return":13,esc:27,escape:27,space:32,left:37,up:38,right:39,down:40,del:46,"delete":46,home:36,end:35,pageup:33,pagedown:34,",":188,".":190,"/":191,"`":192,"-":189,"=":187,";":186,"'":222,"[":219,"]":221,"\\":220};for(b=1;b<20;b++)f["f"+b]=111+b;for(b in f)l[b]=!1;o(document,"keydown",i),o(document,"keyup",j),o(window,"focus",k),a.key=l,a.key.setScope=m,a.key.getScope=n,typeof module!="undefined"&&(module.exports=key)})(this) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- saved from url=(0011)about:blank --> | |
<html class="SandboxRoot"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style type="text/css">.SandboxRoot { display: none; }</style><!--<base target="_blank">--><base href="." target="_blank"></head><body></body></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment