//Copyright Chris Xiong 2017 //License: Expat (MIT) var fold=true; function setupevents() { window.ontouchstart=function(e) { x1=e.touches[0].screenX; y1=e.touches[0].screenY; } window.ontouchmove=function(e) { x2=e.touches[0].screenX; y2=e.touches[0].screenY; } window.ontouchend=function(e) { x2=e.changedTouches[0].screenX; y2=e.changedTouches[0].screenY; if(Math.abs(x1-x2)<20&&Math.abs(y1-y2)<20) { if(x2document.getElementById("panel").getClientRects()[0].right&&!fold) {document.getElementById("panel").style.left="-15em";fold=true;} } if(x2-x1>window.innerWidth*0.2) {document.getElementById("panel").style.left="0";fold=false;} if(x1-x2>window.innerWidth*0.2) {document.getElementById("panel").style.left="-15em";fold=true;} } document.getElementById("panel").onmouseenter=function() { if(fold) {document.getElementById("panel").style.left="0";fold=false;} } document.getElementById("panel").onmouseleave=function() { if(!fold) {document.getElementById("panel").style.left="-15em";fold=true;} } document.getElementById("panel").classList.remove("collapsed"); document.getElementById("content").classList.remove("expanded"); } function unsetevents() { window.ontouchstart=undefined; window.ontouchmove=undefined; window.ontouchend=undefined; const p=document.getElementById("panel"); p.onmouseenter=undefined; p.onmouseleave=undefined; p.style.left=null; if (!p.classList.contains("collapsed")) document.getElementById("paneltoggle").innerHTML="«"; } function togglepanel() { let c = document.getElementById("panel").classList.toggle("collapsed"); if (c) document.getElementById("content").classList.add("expanded"); else document.getElementById("content").classList.remove("expanded"); document.getElementById("paneltoggle").innerHTML=c?"»":"«"; }