<!doctype html>
<html>
<head>
<title>Text to Screen Corners and Up and Down - RJM Programming - August, 2019 ... thanks to https://www.w3schools.com/cssref/css3_pr_writing-mode.asp and https://stackoverflow.com/questions/41143210/css-element-height-minus-height-of-a-element-with-changing-height and https://stackoverflow.com/questions/17123327/align-text-to-the-bottom-of-a-div</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--meta name="viewport" content="width=device-width, initial-scale=1" /-->
<style>
/* Thanks to https://www.w3schools.com/cssref/css3_pr_writing-mode.asp and https://stackoverflow.com/questions/41143210/css-element-height-minus-height-of-a-element-with-changing-height and https://stackoverflow.com/questions/17123327/align-text-to-the-bottom-of-a-div */

html, body, #wrapper {
height: 99%;
/* overflowY: hidden; */
}

#htb:focus {
outline: 0px solid transparent;
}

#wrapper {
display: flex;
flex-direction: column;
overflow: hidden;
/* height: 99%;
overflowY: hidden; */
}

#frame-fill {
flex-grow: 1;
}

#wrapi {
height: 99%;
width: 100%;
display: flex;
background: URL('./hmeetsv.jpg');
background-repeat: no-repeat;
background-size: 50% 50%;
background-color: #ffffff;
}

#wrapi div {
align-self: flex-end;
}

#wrapi p {
align-self: flex-end;
}

#wrapi span {
align-self: flex-end;
}

div.htb {
writing-mode: horizontal-tb;
}

div.vrl {
writing-mode: vertical-rl;
}

div.vlr {
writing-mode: vertical-lr;
}

p.htb {
writing-mode: horizontal-tb;
}

p.vrl {
writing-mode: vertical-rl;
}

p.vlr {
writing-mode: vertical-lr;
}

span.htb {
writing-mode: horizontal-tb;
}

span.vrl {
writing-mode: vertical-rl;
}

span.vlr {
writing-mode: vertical-lr;
}

a.htb {
writing-mode: horizontal-tb;
}

a.vrl {
writing-mode: vertical-rl;
}

a.vlr {
writing-mode: vertical-lr;
}


.glow {
-webkit-animation: glow 1s ease-in-out infinite alternate;
-moz-animation: glow 1s ease-in-out infinite alternate;
animation: glow 1s ease-in-out infinite alternate;
}

/* Thanks to https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_glowing_text */

@-webkit-keyframes glow {
from {
box-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 37px #e60073, 0 0 9px #e60073, 0 0 11px #e60073, 0 0 13px #e60073, 0 0 15px #e60073;
}

to {
box-shadow: 0 0 24px #fff, 0 0 6px #ff4da6, 0 0 8px #ff4da6, 0 0 10px #ff4da6, 0 0 12px #ff4da6, 0 0 14px #ff4da6, 0 0 16px #ff4da6;
}
}


</style>


<script type='text/javascript'>
var atm=false;
var aconto=null, acontox=null;
var hashed=false;
var atmo=null;
var allowhide=true;
var lastdivcont='';

function preaddtome() {
addtome(atmo);
}

function ciframe(iois) {
if (iois != null) {
aconto = (iois.contentWindow || iois.contentDocument);
if (aconto != null) {
try {
if (aconto.document) { aconto = aconto.document; }
} catch(eee) { }
}
}
}

function wrapiframe(iois) {
if (iois != null) {
acontox = (iois.contentWindow || iois.contentDocument);
if (acontox != null) {
try {
if (acontox.document) { acontox = acontox.document; }
} catch(eee) { }
}
}
}

function dstyle_p_htb() {
var xhtbrect=parent.document.getElementById('htb').getBoundingClientRect();
//parent.document.title=('' + xhtbrect.height).replace('px','') + 'px';
document.getElementById('htb').style.marginBottom=eval(-20 + eval(('' + xhtbrect.height).replace('px','').split('.')[0])) + 'px';
setTimeout(dstyle_p_htb, 1000);
}

function lookforhash(instrg) {
if (!instrg) { return instrg; }
var outstrg=instrg, htbrect;
if (instrg.toLowerCase().indexOf('#fixed') != -1) {
if (instrg.toLowerCase() == '#fixed') { outstrg=null; }
if (instrg.toLowerCase() == '#absolute') { outstrg=null; }
if (instrg.toLowerCase() == '#sticky') { outstrg=null; }
if (instrg.toLowerCase() == '#relative') { outstrg=null; }
if (instrg.toLowerCase() == '#static') { outstrg=null; }
if (aconto) { //.getElementById('wrapi')) {
htbrect=aconto.getElementById('wrapi').getBoundingClientRect();
aconto.getElementById('wrapi').style.position='fixed';
aconto.getElementById('wrapi').style.top=('' + htbrect.top).replace('px','') + 'px';
aconto.getElementById('wrapi').style.left=('' + htbrect.left).replace('px','') + 'px';
aconto.getElementById('wrapi').style.width=('' + htbrect.width).replace('px','') + 'px';
aconto.getElementById('wrapi').style.height=('' + htbrect.height).replace('px','') + 'px';
aconto.getElementById('wrapi').style.overflowY='scroll';
aconto.getElementById('wrapi').style.WebkitOverflowScrolling = 'touch';
document.getElementById('dstyle').innerHTML='<style> #wrapper { overflowY: scroll !important; -webkit-overflow-scrolling: touch; } </style>';
aconto.getElementById('dstyle').innerHTML='<style> body { overflowY: scroll !important; } </style>';
if (document.getElementById('hfooter').innerHTML == '.') {
document.getElementById('hfooter').innerHTML='.    ';
}
if (aconto.getElementById('sfooter').innerHTML == '.') {
aconto.getElementById('sfooter').innerHTML='.    ';
}
parent.hashed=true;
} else if (document.getElementById('wrapi')) {
htbrect=document.getElementById('htb').getBoundingClientRect();
document.body.style.height=('' + eval(eval(('' + htbrect.top).replace('px','')) + eval(('' + htbrect.height).replace('px','')))).split('.')[0] + 'px';
htbrect=document.getElementById('wrapi').getBoundingClientRect();
document.getElementById('wrapi').style.position='fixed';
document.getElementById('wrapi').style.top=('' + htbrect.top).replace('px','') + 'px';
document.getElementById('wrapi').style.left=('' + htbrect.left).replace('px','') + 'px';
document.getElementById('wrapi').style.width=('' + htbrect.width).replace('px','') + 'px';
document.getElementById('wrapi').style.height=('' + htbrect.height).replace('px','') + 'px';
if (parent.document.getElementById('hfooter').innerHTML == '.' && 1 == 1) {
parent.document.getElementById('hfooter').innerHTML='.    '; //    '; //         ';
}
if (document.getElementById('sfooter').innerHTML == '.' && 1 == 1) {
document.getElementById('sfooter').innerHTML='.    '; //    '; //         ';
}
if (1 == 1 || navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
setTimeout(dstyle_p_htb, 1000);
}
hashed=true;
}
} else if (instrg.toLowerCase().indexOf('#absolute') != -1) {
if (instrg.toLowerCase() == '#fixed') { outstrg=null; }
if (instrg.toLowerCase() == '#absolute') { outstrg=null; }
if (instrg.toLowerCase() == '#sticky') { outstrg=null; }
if (instrg.toLowerCase() == '#relative') { outstrg=null; }
if (instrg.toLowerCase() == '#static') { outstrg=null; }
if (aconto) { //.getElementById('wrapi')) {
htbrect=aconto.getElementById('wrapi').getBoundingClientRect();
aconto.getElementById('wrapi').style.position='absolute';
aconto.getElementById('wrapi').style.top=('' + htbrect.top).replace('px','') + 'px';
aconto.getElementById('wrapi').style.left=('' + htbrect.left).replace('px','') + 'px';
aconto.getElementById('wrapi').style.width=('' + htbrect.width).replace('px','') + 'px';
aconto.getElementById('wrapi').style.height=('' + htbrect.height).replace('px','') + 'px';
aconto.getElementById('wrapi').style.overflowY='scroll';
aconto.getElementById('wrapi').style.WebkitOverflowScrolling = 'touch';
document.getElementById('frame-fill').style.overflowY='scroll';
document.getElementById('wrapper').style.overflowY='scroll';
aconto.getElementById('dstyle').innerHTML='<style> html, body, #wrapi { overflowY: scroll; -webkit-overflow-scrolling: touch; } </style>';
if (document.getElementById('hfooter').innerHTML == '.') {
document.getElementById('hfooter').innerHTML='.    ';
}
if (aconto.getElementById('sfooter').innerHTML == '.') {
aconto.getElementById('sfooter').innerHTML='.    ';
}
parent.hashed=true;
} else if (document.getElementById('wrapi')) {
htbrect=document.getElementById('wrapi').getBoundingClientRect();
document.getElementById('wrapi').style.position='absolute';
document.getElementById('wrapi').style.top=('' + htbrect.top).replace('px','') + 'px';
document.getElementById('wrapi').style.left=('' + htbrect.left).replace('px','') + 'px';
document.getElementById('wrapi').style.width=('' + htbrect.width).replace('px','') + 'px';
document.getElementById('wrapi').style.height=eval(1 + eval(('' + htbrect.height).replace('px',''))) + 'px';
document.getElementById('wrapi').style.overflowY='scroll';
document.getElementById('wrapi').style.WebkitOverflowScrolling = 'touch';
document.getElementById('dstyle').innerHTML='<style> html, body, #wrapi { overflowY: scroll; -webkit-overflow-scrolling: touch; } </style>';
//parent.document.getElementById('dstyle').innerHTML='<style> #wrapper { overflowY: scroll !important; -webkit-overflow-scrolling: touch; } </style>';
if (parent.document.getElementById('hfooter').innerHTML == '.') {
parent.document.getElementById('hfooter').innerHTML='.    ';
}
if (document.getElementById('sfooter').innerHTML == '.') {
document.getElementById('sfooter').innerHTML='.    ';
}
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
setTimeout(dstyle_p_htb, 1000);
}
hashed=true;
}
} else if (instrg.toLowerCase().indexOf('#sticky') != -1) {
if (instrg.toLowerCase() == '#fixed') { outstrg=null; }
if (instrg.toLowerCase() == '#absolute') { outstrg=null; }
if (instrg.toLowerCase() == '#sticky') { outstrg=null; }
if (instrg.toLowerCase() == '#relative') { outstrg=null; }
if (instrg.toLowerCase() == '#static') { outstrg=null; }
if (aconto) { //.getElementById('wrapi')) {
htbrect=aconto.getElementById('wrapi').getBoundingClientRect();
aconto.getElementById('wrapi').style.position='sticky';
aconto.getElementById('wrapi').style.top=('' + htbrect.top).replace('px','') + 'px';
aconto.getElementById('wrapi').style.left=('' + htbrect.left).replace('px','') + 'px';
aconto.getElementById('wrapi').style.width=('' + htbrect.width).replace('px','') + 'px';
aconto.getElementById('wrapi').style.height=('' + htbrect.height).replace('px','') + 'px';
aconto.getElementById('wrapi').style.overflowY='scroll';
aconto.getElementById('wrapi').style.WebkitOverflowScrolling = 'touch';
aconto.getElementById('dstyle').innerHTML='<style> html, body, #wrapi { overflowY: scroll; } </style>';
if (document.getElementById('hfooter').innerHTML == '.') {
document.getElementById('hfooter').innerHTML='.    ';
}
if (aconto.getElementById('sfooter').innerHTML == '.') {
aconto.getElementById('sfooter').innerHTML='.    ';
}
parent.hashed=true;
} else if (document.getElementById('wrapi')) {
htbrect=document.getElementById('wrapi').getBoundingClientRect();
document.getElementById('wrapi').style.position='sticky';
document.getElementById('wrapi').style.top=('' + htbrect.top).replace('px','') + 'px';
document.getElementById('wrapi').style.left=('' + htbrect.left).replace('px','') + 'px';
document.getElementById('wrapi').style.width=('' + htbrect.width).replace('px','') + 'px';
document.getElementById('wrapi').style.height=('' + htbrect.height).replace('px','') + 'px';
document.getElementById('wrapi').style.overflowY='scroll';
document.getElementById('wrapi').style.WebkitOverflowScrolling = 'touch';
parent.document.getElementById('frame-fill').style.overflowY='scroll';
parent.document.getElementById('wrapper').style.overflowY='scroll';
document.getElementById('dstyle').innerHTML='<style> html, body, #wrapi { overflowY: scroll; } #wrapi { -webkit-overflow-scrolling: touch; } </style>';
if (parent.document.getElementById('hfooter').innerHTML == '.') {
parent.document.getElementById('hfooter').innerHTML='.    ';
}
if (document.getElementById('sfooter').innerHTML == '.') {
document.getElementById('sfooter').innerHTML='.    ';
}
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
setTimeout(dstyle_p_htb, 1000);
}
hashed=true;
}
} else if (instrg.toLowerCase().indexOf('#relative') != -1) {
if (instrg.toLowerCase() == '#fixed') { outstrg=null; }
if (instrg.toLowerCase() == '#absolute') { outstrg=null; }
if (instrg.toLowerCase() == '#sticky') { outstrg=null; }
if (instrg.toLowerCase() == '#relative') { outstrg=null; }
if (instrg.toLowerCase() == '#static') { outstrg=null; }
if (aconto) { //.getElementById('wrapi')) {
htbrect=aconto.getElementById('wrapi').getBoundingClientRect();
aconto.getElementById('wrapi').style.position='relative';
aconto.getElementById('wrapi').style.top='0px'; //('' + htbrect.top).replace('px','') + 'px';
aconto.getElementById('wrapi').style.left='0px'; //('' + htbrect.left).replace('px','') + 'px';
aconto.getElementById('wrapi').style.width=('' + htbrect.width).replace('px','') + 'px';
aconto.getElementById('wrapi').style.height=('' + htbrect.height).replace('px','') + 'px';
aconto.getElementById('wrapi').style.overflowY='scroll';
aconto.getElementById('wrapi').style.WebkitOverflowScrolling = 'touch';
aconto.getElementById('dstyle').innerHTML='<style> html, body, #wrapi { overflowY: scroll; } #wrapi { -webkit-overflow-scrolling: touch; } </style>';
if (document.getElementById('hfooter').innerHTML == '.') {
document.getElementById('hfooter').innerHTML='.    ';
}
if (aconto.getElementById('sfooter').innerHTML == '.') {
aconto.getElementById('sfooter').innerHTML='.    ';
}
parent.hashed=true;
} else if (document.getElementById('wrapi')) {
htbrect=document.getElementById('wrapi').getBoundingClientRect();
document.getElementById('wrapi').style.position='relative';
document.getElementById('wrapi').style.top='0px'; //('' + htbrect.top).replace('px','') + 'px';
document.getElementById('wrapi').style.left='0px'; //('' + htbrect.left).replace('px','') + 'px';
document.getElementById('wrapi').style.width=('' + htbrect.width).replace('px','') + 'px';
document.getElementById('wrapi').style.height=('' + htbrect.height).replace('px','') + 'px';
document.getElementById('wrapi').style.overflowY='scroll';
document.getElementById('wrapi').style.WebkitOverflowScrolling = 'touch';
document.getElementById('dstyle').innerHTML='<style> html, body, #wrapi { overflowY: scroll; } #wrapi { -webkit-overflow-scrolling: touch; } </style>';
if (parent.document.getElementById('hfooter').innerHTML == '.') {
parent.document.getElementById('hfooter').innerHTML='.    ';
}
if (document.getElementById('sfooter').innerHTML == '.') {
document.getElementById('sfooter').innerHTML='.    ';
}
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
setTimeout(dstyle_p_htb, 1000);
}
hashed=true;
}
} else if (instrg.toLowerCase().indexOf('#static') != -1) {
if (instrg.toLowerCase() == '#fixed') { outstrg=null; }
if (instrg.toLowerCase() == '#absolute') { outstrg=null; }
if (instrg.toLowerCase() == '#sticky') { outstrg=null; }
if (instrg.toLowerCase() == '#relative') { outstrg=null; }
if (instrg.toLowerCase() == '#static') { outstrg=null; }
if (aconto) { //.getElementById('wrapi')) {
htbrect=aconto.getElementById('wrapi').getBoundingClientRect();
aconto.getElementById('wrapi').style.position='static';
aconto.getElementById('wrapi').style.overflowY='scroll';
aconto.getElementById('wrapi').style.WebkitOverflowScrolling = 'touch';
aconto.getElementById('dstyle').innerHTML='<style> html, body, #wrapi { overflowY: scroll; } #wrapi { -webkit-overflow-scrolling: touch; } </style>';
if (document.getElementById('hfooter').innerHTML == '.') {
document.getElementById('hfooter').innerHTML='.    ';
}
if (aconto.getElementById('sfooter').innerHTML == '.') {
aconto.getElementById('sfooter').innerHTML='.    ';
}
parent.hashed=true;
} else if (document.getElementById('wrapi')) {
htbrect=document.getElementById('wrapi').getBoundingClientRect();
document.getElementById('wrapi').style.position='static';
document.getElementById('wrapi').style.overflowY='scroll';
document.getElementById('wrapi').style.WebkitOverflowScrolling = 'touch';
document.getElementById('dstyle').innerHTML='<style> html, body, #wrapi { overflowY: scroll; } #wrapi { -webkit-overflow-scrolling: touch; } </style>';
if (parent.document.getElementById('hfooter').innerHTML == '.') {
parent.document.getElementById('hfooter').innerHTML='.    ';
}
if (document.getElementById('sfooter').innerHTML == '.') {
document.getElementById('sfooter').innerHTML='.    ';
}
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
setTimeout(dstyle_p_htb, 1000);
}
hashed=true;
}
}
return outstrg;
}

function donc(evt, odonc) {
lastdivcont=odonc.innerHTML;
if (!atm) {
atm=true;
setTimeout(atmfalse, 1000);
}
}

function prehtbtop() {
varwas='';
if (!atm) {
atm=true;
var athiscont=prompt('Enter URL for content above ... hashtags #fixed or #absolute or #sticky or #relative or #static position content accordingly', '');
setTimeout(atmfalse, 1000);
if (athiscont) {
setTimeout(showforawhile, 2000);
if (athiscont.indexOf('//') == 0) {
was=lookforhash(athiscont);
athiscont='http:' + was;
} else if (athiscont.toLowerCase().indexOf('www.') == 0) {
was=lookforhash(athiscont);
athiscont='http://' + was;
} else if (athiscont.indexOf('../') == 0) {
was=lookforhash(athiscont);
athiscont='http://www.rjmprogramming.com.au/HTMLCSS/' + was;
} else if (athiscont.indexOf('./') == 0) {
was=lookforhash(athiscont);
athiscont='http://www.rjmprogramming.com.au/HTMLCSS/' + (was + ' ').substring(2).trim();
} else if (athiscont.indexOf('.') != -1 && athiscont.toLowerCase().indexOf('http') != 0) {
was=lookforhash(athiscont);
athiscont='http://www.rjmprogramming.com.au/HTMLCSS/' + was;
} else {
athiscont=lookforhash(athiscont);
}
if (athiscont) {
if (athiscont != '') {
var isok=athiscont.match(/^(http|https):\/\/www\.[a-zA-Z]+\.[a-zA-Z]+|www\.[a-zA-Z]+\.[a-zA-Z]+|[a-zA-Z]+\.[a-z]+$/);
if (isok) {
htbtop(athiscont);
}
}
}
}
}
}

function htbtop(urlis) {
if (urlis != '') {
var sofarih=document.getElementById('htb').innerHTML;
var prefix='<iframe onload="wrapiframe(this);" src="' + urlis + '" style="width:100%;height:90vh;"></iframe><br>';
document.getElementById('htb').innerHTML=prefix + sofarih;
//setTimeout(showforawhile, 2000);
}
}

function atmfalse() {
atm=false;
}

function addtome(athis) {
if (!atm) {
atm=true;
var athiscont=prompt('Change content as required ... hashtags #fixed or #absolute or #sticky or #relative or #static position content accordingly', athis.innerHTML.replace(/\ \;/g, ' '));
if (athiscont) {
athis.innerHTML=lookforhash(athiscont).replace(/\ /g, ' ');
setTimeout(showforawhile, 2000);
}
}
setTimeout(atmfalse, 1000);
}

function justify(osel) {
var oselval=osel.value.split(' ')[eval(-1 + osel.value.split(' ').length)];
if (osel.id.indexOf('st') != -1) { // top
document.getElementById('htb').style.width='100%';
document.getElementById('htb').style.textAlign=oselval;
} else { // bottom
document.getElementById('htb').style.width='100%';
document.getElementById('htb').style.textAlign=oselval;
}
osel.innerHTML=osel.innerHTML.replace(' selected',' data-selected').replace('>' + osel.value + '<', ' selected>' + osel.value + '<');
setTimeout(showforawhile, 2000);
}

function changecontent(odiv) {
if (!atm && !parent.hashed && !hashed) {
atm=true;
var athiscont=prompt('Change div content as required ... hashtags #fixed or #absolute or #sticky or #relative or #static position content accordingly', odiv.innerHTML);
if (athiscont) {
odiv.innerHTML=lookforhash(athiscont);
setTimeout(showforawhile, 2000);
}
}
setTimeout(atmfalse, 1000);
}

function fillinhcont() {
if (aconto || !parent.window) {
document.getElementById('hcont').innerHTML='<!doctype html><html><head>' + document.head.innerHTML.split('<scr' + 'ipt')[0].replace(/\.\/hmeetsv\./g,'HTTP://www.rjmprogramming.com.au/HTMLCSS/hmeetsv.').replace('html, body, #wrapper {','html, body, #wrapper, #frame-fill {') + '</head><body id=xbod style="background-color: #f0f0f0;overflowY:hidden;">' + document.getElementById('wrapper').outerHTML.replace(/\.\/hmeetsv\./g,'HTTP://www.rjmprogramming.com.au/HTMLCSS/hmeetsv.').replace(' src=',' data-src=').replace('<iframe','<div').replace('</iframe>', aconto.getElementById('wrapi').outerHTML.replace(/\.\/hmeetsv\./g,'HTTP://www.rjmprogramming.com.au/HTMLCSS/hmeetsv.').replace('"wrapi" style','"wrapi" data-style') + '</div>') + '</body></html>';
document.getElementById('hcont').value='<!doctype html><html><head>' + document.head.innerHTML.split('<scr' + 'ipt')[0].replace(/\.\/hmeetsv\./g,'HTTP://www.rjmprogramming.com.au/HTMLCSS/hmeetsv.').replace('html, body, #wrapper {','html, body, #wrapper, #frame-fill {') + '</head><body id=xbod style="background-color: #f0f0f0;overflowY:hidden;">' + document.getElementById('wrapper').outerHTML.replace(/\.\/hmeetsv\./g,'HTTP://www.rjmprogramming.com.au/HTMLCSS/hmeetsv.').replace(' src=',' data-src=').replace('<iframe','<div').replace('</iframe>', aconto.getElementById('wrapi').outerHTML.replace(/\.\/hmeetsv\./g,'HTTP://www.rjmprogramming.com.au/HTMLCSS/hmeetsv.').replace('"wrapi" style','"wrapi" data-style') + '</div>') + '</body></html>';
} else {
parent.document.getElementById('hcont').innerHTML='<!doctype html><html>' + parent.document.head.innerHTML.split('<scr' + 'ipt')[0].replace(/\.\/hmeetsv\./g,'HTTP://www.rjmprogramming.com.au/HTMLCSS/hmeetsv.').replace('html, body, #wrapper {','html, body, #wrapper, #frame-fill {') + '</head><body id=xbod style="background-color: #f0f0f0;overflowY:hidden;">' + parent.document.getElementById('wrapper').outerHTML.replace(/\.\/hmeetsv\./g,'HTTP://www.rjmprogramming.com.au/HTMLCSS/hmeetsv.').replace(' src=',' data-src=').replace('<iframe','<div').replace('</iframe>', document.getElementById('wrapi').outerHTML.replace(/\.\/hmeetsv\./g,'HTTP://www.rjmprogramming.com.au/HTMLCSS/hmeetsv.').replace('"wrapi" style','"wrapi" data-style') + '</div>') + '</body></html>';
parent.document.getElementById('hcont').value='<!doctype html><html><head>' + parent.document.head.innerHTML.split('<scr' + 'ipt')[0].replace(/\.\/hmeetsv\./g,'HTTP://www.rjmprogramming.com.au/HTMLCSS/hmeetsv.').replace('html, body, #wrapper {','html, body, #wrapper, #frame-fill {') + '</head><body id=xbod style="background-color: #f0f0f0;overflowY:hidden;">' + parent.document.getElementById('wrapper').outerHTML.replace(/\.\/hmeetsv\./g,'HTTP://www.rjmprogramming.com.au/HTMLCSS/hmeetsv.').replace(' src=',' data-src=').replace('<iframe','<div').replace('</iframe>', document.getElementById('wrapi').outerHTML.replace(/\.\/hmeetsv\./g,'HTTP://www.rjmprogramming.com.au/HTMLCSS/hmeetsv.').replace('"wrapi" style','"wrapi" data-style') + '</div>') + '</body></html>';
}
}

function testehuh() {
if (aconto || !parent.window) {
if (allowhide) {
document.getElementById('to').value='';
document.getElementById('hcont').value='';
document.getElementById('hcont').innerHTML='';
document.getElementById('eshare').style.display='none';
}
allowhide=true;
} else {
if (parent.allowhide) {
document.getElementById('to').value='';
document.getElementById('hcont').value='';
document.getElementById('hcont').innerHTML='';
document.getElementById('eshare').style.display='none';
allowhide=true;
parent.document.getElementById('to').value='';
parent.document.getElementById('hcont').value='';
parent.document.getElementById('hcont').innerHTML='';
parent.document.getElementById('eshare').style.display='none';
}
parent.allowhide=allowhide;
}
}

function ehuh() {
if (aconto || !parent.window) {
document.getElementById('to').value='';
document.getElementById('hcont').value='';
document.getElementById('hcont').innerHTML='';
document.getElementById('eshare').style.display='none';
allowhide=true;
} else {
document.getElementById('to').value='';
document.getElementById('hcont').value='';
document.getElementById('hcont').innerHTML='';
document.getElementById('eshare').style.display='none';
allowhide=true;
parent.document.getElementById('to').value='';
parent.document.getElementById('hcont').value='';
parent.document.getElementById('hcont').innerHTML='';
parent.document.getElementById('eshare').style.display='none';
parent.allowhide=allowhide;
}
}

function showforawhile() {
if (aconto || !parent.window) {
document.getElementById('eshare').style.display='block';
setTimeout(testehuh, 8000);
} else {
parent.document.getElementById('eshare').style.display='block';
setTimeout(parent.testehuh, 8000);
}
}
</script>
</head>
<body id=xbod style='background-color: #f0f0f0;overflowY:hidden;'>

<script type='text/javascript'>
if (document.URL.indexOf('called=') == -1) {
document.write("<div id='wrapper' style='border:0px solid red;'><div onblur='if (this.innerHTML != lastdivcont) { setTimeout(showforawhile, 2000); }' onclick=donc(event,this); onfocus=donc(event,this); contenteditable=true id=htb class=htb style='width:100%;text-align:left;outline: 0px solid transparent;caret-color: transparent;'>Some <select id=stl onchange=justify(this)><option value='top left'>top left</option><option value='top center'>top center</option><option value='top right'>top right</option></select> text with an editable <a title='Click me to change this vertical text' style='display:inline;cursor:pointer;text-decoration:none;' onclick='event.stopPropagation(); atmo=this; setTimeout(preaddtome,1000);' class=vlr>✏️</a> writing-mode<span id=hfooter>.</span></div><iframe onload='ciframe(this);' frameborder=0 id='frame-fill' src='./hmeetsv.htm?called='></iframe></div><style> html, body, #wrapper { overflow: hidden; } </style><div id=dstyle style=display:none;></div>");
} else {
document.write("<div title='A click here can change the content here.' onclick=changecontent(this); id='wrapi' style='border:0px solid brown;'><div onblur='if (this.innerHTML != lastdivcont) { setTimeout(showforawhile, 2000); }' onclick=donc(event,this); onfocus=donc(event,this); contenteditable=true id=htb class=htb style='outline: 0px solid transparent;caret-color: transparent;width:100%;text-align:right;vertical-align:baseline;'>Some <select id=sbr onchange=justify(this);><option value='bottom right'>bottom right</option><option value='bottom center'>bottom center</option><option value='bottom left'>bottom left</option></select> text with an editable <a title='Click me to change this vertical text' style='display:inline;cursor:pointer;text-decoration:none;' onclick='event.stopPropagation(); atmo=this; setTimeout(preaddtome,1000);' class=vlr>✏️</a> writing-mode<span id=sfooter style='cursor:pointer;font-size:18px;color:blue;' onclick='event.stopPropagation(); setTimeout(prehtbtop,1000);' title='Optionally enter URL for an iframe content means, above.'>.</span></div></div><div id=dstyle style=visibility:hidden;></div>");
}
</script>
<div id=eshare style='display:none; position:absolute; z-index: 9; top: 50%; left: 50%; width: 40%; height: 40%;'>
<form target="iemail" style="inline-block;" action="//www.rjmprogramming.com.au/HTMLCSS/emailhtml.php" method="POST">
<input class=glow onkeypress=" if (document.getElementById('iemail')) { allowhide=false; } else { allowhide=false; parent.allowhide=false; }" onblur="if (this.value.indexOf('@') != -1) { if (document.getElementById('iemail')) { fillinhcont(); document.getElementById('ebut').click(); } else { parent.document.getElementById('to').value=this.value; fillinhcont(); parent.document.getElementById('ebut').click(); } this.placeholder='Emailed ' + this.value + ' ... Emailee To:'; setTimeout(ehuh, 2000); } " type=email style='display:inline-block; width:240px;' id=to name=to value="" placeholder="Emailee To: (will hang around 8 seconds)"></input>
<input type=hidden style=display:none; name=subj value="Screen Corners Webpage Content"></input>
<textarea cols=120 rows=50 style=display:none; name=hcont id=hcont value=""></textarea>
<input type=submit style='display:none;' id=ebut value='Send'></input>
</form>
<input id=offscreen type=text style='position:absolute; top: -500px; left: -500px; ' value=''></input>

<script type='text/javascript'>
if (document.URL.indexOf('called=') == -1) {
document.write("<iframe name=iemail style='display:none;' src='//www.rjmprogramming.com.au/HTMLCSS/emailhtml.php'></iframe>");
}
</script>

</div>
</body>
</html>