\n!function(){"use strict";function a(){function a(){function a(a,d){function e(a){var d=1===(f=1-f)?"width":"height";return c[d]+Math.floor(Number(a)*b[d])}var f=0;j[d].coords=a.split(",").map(e).join(",")}var b={width:l.width/l.naturalWidth,height:l.height/l.naturalHeight},c={width:parseInt(window.getComputedStyle(l,null).getPropertyValue("padding-left"),10),height:parseInt(window.getComputedStyle(l,null).getPropertyValue("padding-top"),10)};k.forEach(a)}function b(a){return a.coords.replace(/ *, */g,",").replace(/ +/g,",")}function c(){clearTimeout(m),m=setTimeout(a,250)}function d(){l.width===l.naturalWidth&&l.height===l.naturalHeight||a()}function e(){l.addEventListener("load",a,!1),window.addEventListener("focus",a,!1),window.addEventListener("resize",c,!1),window.addEventListener("readystatechange",a,!1),document.addEventListener("fullscreenchange",a,!1)}function f(){return"function"==typeof i._resize}function g(a){return document.querySelector('img[usemap="'+a+'"]')}function h(){j=i.getElementsByTagName("area"),k=Array.prototype.map.call(j,b),l=g("#"+i.name)||g(i.name),i._resize=a}var i=this,j=null,k=null,l=null,m=null;f()?i._resize():(h(),e(),d())}function b(){function b(a){if(!a.tagName)throw new TypeError("Object is not a valid DOM element");if("MAP"!==a.tagName.toUpperCase())throw new TypeError("Expected <MAP> tag, found <"+a.tagName+">.")}function c(c){c&&(b(c),a.call(c),d.push(c))}var d;return function(a){switch(d=[],typeof a){case"undefined":case"string":Array.prototype.forEach.call(document.querySelectorAll(a||"map"),c);break;case"object":c(a);break;default:throw new TypeError("Unexpected data type ("+typeof a+").")}return d}}"function"==typeof define&&define.amd?define([],b):"object"==typeof module&&"object"==typeof module.exports?module.exports=b():window.imageMapResize=b(),"jQuery"in window&&(jQuery.fn.imageMapResize=function(){return this.filter("map").each(a).end()})}();\n//# sourceMappingURL=imageMapResizer.map
\n\n#floater { display: none;}\n#credits { display: none;} \n#footer { display: none;} \nhead * {\n display:none;\n}\n\n#sidebar {\n display:none\n}\n#sidebar #title {\n display:none\n}\n\n}\n#title :not(#storyTitle){\n display:none;\n}\n#storymenu, #snapback, #restart, #share, #credits {\n display:none;\n}
jquery:on\nhash:off\nbookmark:on\nmodernizr:off\nundo:on\nobfuscate:off\nexitprompt:off\nblankcss:on\n
#sidebar { display: none; }\n \n #passages { margin-left: 0;\n\t\t-webkit-user-select: none; /* Safari 3.1+ */\n\t-moz-user-select: none; /* Firefox 2+ */\n\t-ms-user-select: none; /* IE 10+ */\n\tuser-select: none; /* Standard syntax */}\n\n body {\n overflow-y:hidden;\n\n}\n}\n\n}\n.transition-in {\n\tcolor:transparent;\n\ttext-shadow: #fff 0 0 1em;\n\tposition:absolute;\n}\n.passage:not(.transition-out) {\n\ttransition: 1s;\n\t-webkit-transition: 1s;\n}\n.transition-out {\n\topacity:0;\n\tposition:absolute;\n}\n<script>imageMapResize();</script>\n\n.element{\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n
<body class="menu"><div style="display: none;"><img src="!@#$"; onerror="imageMapResize();" /></div><script type="text/javascript" src="mapper.js"></script><img id="menu1" src="inu demo menu.png" style="max-width: 100%; max-height: 100%; position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); " class="mapper" usemap="#menu"><map name="menu">\n<area shape="rect" name="cev" coords="1129,985,805,100" data-passage="Cevahir" href="#"/>\n<area shape="rect" name="ren" coords="1554,100,1881,985" data-passage="Renatum" href="#"/>\n</map></body>
Anonymous
if not us: an interactive fiction anthology
<a data-passage="Start"><img src="R.png" style="position:fixed; z-index:2; top:0px; left:0px;"></a>\n\n<iframe src="Ren.html" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:1;">\n</iframe>\n\n<<remember $play +=1>>\n\n
<a data-passage="Start"><img src="R.png" style="position:fixed; z-index:2; top:0px; left:0px;"></a>\n\n<iframe src="Cevahir.html" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:1;">\n</iframe>\n\n<<remember $play +=1>>\n\n