<html>
<body style="overflow: hidden; border: 0; margin: 0; padding: 0" onresize="onResize()">
<div style="display: flex; scroll: none; height: 100%">
<iframe id="editor" style="flex: 0 0 50%; height: 100%; scroll: none; border: 0"></iframe>
<div style="flex: 1; height: 100%; scroll: none; border: 0">
<div style="height: 37px; border-bottom: 1px solid #BBB; width: 100%; text-align: center; background: #f7f7f7;"><span style="position: relative; top: 25%; transform: translateY(-50%); color: #555;" onclick="reloadViewer()">Reload</span></div>
<iframe id="viewer" style="width: 100%; height: 100%; scroll: none; border: 0"></iframe>
</div>
</div>
<script>
if (!Array.prototype.last){
Array.prototype.last = function(){
return this[this.length - 1];
};
};
var pad = location.search.split('_=')[1];
document.title = pad;
document.getElementById("editor").src = "http://pad.totalism.org/p/" + pad;
document.getElementById("viewer").src = "http://totalism.org/http://totalism.org/" + pad ;
// TODO Add communication support from E2H side: http://stackoverflow.com/a/31601295/293115
function reloadViewer() {
document.getElementById("viewer").src = document.getElementById("viewer").src;
onResize();
}
function onResize() {
document.getElementById("viewer").style.height = (window.innerHeight - 38) + "px";
}
onResize();
</script>
</body>
</html>
(Site generated by E2H, an "Etherpad hypermedia" project by @dcht00).
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.