<html>
<head>
<title>Diagon Alley - RJM Programming - January, 2026</title>
<style>

td { vertical-align: top; }

input[type="text"] { width: 60px; }
input[type="number"] { width: 60px; }

</style>
<script type=text/javascript>

var charsare='⚊';
//charsare='❘';
var fs='96px';
var fttd='sub';
var ftbu='sup';
var rownum=1;
var cellnum=1;
var curcellnum=1;
var nextnum=2;
var nextto=null;
var ten=8.0;
var ourtwo=1;

var onets=[], twots=[];
var tconto=null, oconto=null, cconto=null;
var trecto=null, orecto=null;
var mtopt=0, mleftt=0;
var mtopo=0, mlefto=0;
var ct='', cl='';
var glinh='';

var ft=fttd;
var repeats=8;

function ost(incb) {
var ret=incb;
if (incb == ' mt') {
ret='" style="display:inline-block;transform:translate(-10px,-20px);font-size:' + fs + ';';
}
return ret;
}

function pinkize(evt) {
}

function lgc(otb) {
var wasdeg='', maxgoes=100, goes=0, thisnum=-1, endone='</sup>', cursu='';
var tds=document.getElementsByTagName('textarea');
for (var itds=0; itds<tds.length; itds++) {
if (('' + tds[itds].id).indexOf('taecll') == 0) {
goes=0;
if (tds[itds].value.indexOf('<') == 0) {
if (thisnum == -1) {
thisnum=eval('' + (tds[itds].value + '~').replace('</sub>~','').replace('</sup>~','').split('</su').length);
endone='</sup>';
if ((tds[itds].value + '~').replace('</sub>~','').replace('</sup>~','').indexOf('</sub>') != -1) { endone='</sub>'; }
}
maxgoes=eval(4 + eval('' + otb.value));
while (('' + thisnum) != '' && ('' + thisnum) != ('' + otb.value) && goes < maxgoes) {
if (thisnum > eval('' + otb.value)) {
//alert('remove');
cursu=endone.replace('/','').replace('>','') + (tds[itds].value + '~').replace('</sub>~','').replace('</sup>~','').split(endone)[0].split(endone.replace('/','').replace('>',''))[eval(-1 + (tds[itds].value + '~').replace('</sub>~','').replace('</sup>~','').split(endone)[0].split(endone.replace('/','').replace('>','')).length)] + endone;
//alert(cursu);
tds[itds].value=tds[itds].value.replace(cursu, '');
thisnum=eval('' + (tds[itds].value + '~').replace('</sub>~','').replace('</sup>~','').split('</su').length);
} else {
//alert('add');
cursu=endone.replace('/','').replace('>','') + (tds[itds].value + '~').replace('</sub>~','').replace('</sup>~','').split(endone)[0].split(endone.replace('/','').replace('>',''))[eval(-1 + (tds[itds].value + '~').replace('</sub>~','').replace('</sup>~','').split(endone)[0].split(endone.replace('/','').replace('>','')).length)] + endone;
//alert(cursu);
tds[itds].value=tds[itds].value.replace(cursu, cursu.replace(endone,'') + cursu + endone);
thisnum=eval('' + (tds[itds].value + '~').replace('</sub>~','').replace('</sup>~','').split('</su').length);
}
goes++;
}
if (document.getElementById(('' + tds[itds].id).replace('taecll','cell')).innerText.replace('+','') != '') {
document.getElementById(('' + tds[itds].id).replace('taecll','cell')).innerHTML=tds[itds].value;
}
thisnum=-1;
}
}
}
tds=document.getElementsByTagName('td');
sdfs(tds[0].innerHTML, tds[ourtwo].innerHTML);
}

function nonp(otb) {
var wasdeg='', maxgoes=100, goes=0;
var tds=document.getElementsByTagName('textarea');
for (var itds=0; itds<tds.length; itds++) {
if (('' + tds[itds].id).indexOf('taecll') == 0) {
goes=0;
if (tds[itds].value.indexOf('<') == 0) {
if (wasdeg == '') { wasdeg=tds[itds].value.split('<')[1].split(' ')[0].split('>')[0]; }
while (tds[itds].value.indexOf('</' + wasdeg + '>') != -1 && wasdeg != '' && wasdeg != otb.value && goes < maxgoes) {
tds[itds].value=tds[itds].value.replace('<' + wasdeg + ' ', '<' + otb.value + ' ').replace('</' + wasdeg + '>', '</' + otb.value + '>').replace(' title="' + wasdeg + '"', ' title="' + otb.value + '"');
goes++;
}
if (document.getElementById(('' + tds[itds].id).replace('taecll','cell')).innerText.replace('+','') != '' && wasdeg != '') {
document.getElementById(('' + tds[itds].id).replace('taecll','cell')).innerHTML=tds[itds].value;
}
}
}
}
tds=document.getElementsByTagName('td');
sdfs(tds[0].innerHTML, tds[ourtwo].innerHTML);
}

function trxc(otb) {
var wasdeg='', maxgoes=100, goes=0;
var tds=document.getElementsByTagName('textarea');
for (var itds=0; itds<tds.length; itds++) {
if (('' + tds[itds].id).indexOf('taecll') == 0) {
goes=0;
if (tds[itds].value.indexOf('translate(') != -1) {
if (wasdeg == '') { wasdeg=tds[itds].value.split('translate(')[1].split('px')[0]; }
while (tds[itds].value.indexOf('translate(' + wasdeg + 'px') != -1 && wasdeg != otb.value && wasdeg != '' && goes < maxgoes) {
tds[itds].value=tds[itds].value.replace('translate(' + wasdeg + 'px', 'translate(' + otb.value + 'px');
goes++;
}
if (document.getElementById(('' + tds[itds].id).replace('taecll','cell')).innerText.replace('+','') != '' && wasdeg != '') {
document.getElementById(('' + tds[itds].id).replace('taecll','cell')).innerHTML=tds[itds].value;
}
}
}
}
tds=document.getElementsByTagName('td');
sdfs(tds[0].innerHTML, tds[ourtwo].innerHTML);
}

function tryc(otb) {
var wasdeg='', maxgoes=100, goes=0;
var tds=document.getElementsByTagName('textarea');
for (var itds=0; itds<tds.length; itds++) {
if (('' + tds[itds].id).indexOf('taecll') == 0) {
goes=0;
if (tds[itds].value.indexOf('translate(') != -1) {
if (wasdeg == '') { wasdeg=tds[itds].value.split('translate(')[1].split(',')[1].split('px')[0]; }
if ((wasdeg.indexOf('-') != -1 && otb.value.indexOf('-') != -1) || (wasdeg.indexOf('-') == -1 && otb.value.indexOf('-') == -1)) {
while (tds[itds].value.indexOf(',' + wasdeg + 'px') != -1 && wasdeg != otb.value && wasdeg != '' && goes < maxgoes) {
tds[itds].value=tds[itds].value.replace(',' + wasdeg + 'px', ',' + otb.value + 'px');
goes++;
}
if (document.getElementById(('' + tds[itds].id).replace('taecll','cell')).innerText.replace('+','') != '' && wasdeg != '') {
document.getElementById(('' + tds[itds].id).replace('taecll','cell')).innerHTML=tds[itds].value;
}
} else {
wasdeg='';
}
}
}
}
tds=document.getElementsByTagName('td');
sdfs(tds[0].innerHTML, tds[ourtwo].innerHTML);
}



function chrc(otb) {
var wasdeg='', maxgoes=100, goes=0;
var tds=document.getElementsByTagName('textarea');
for (var itds=0; itds<tds.length; itds++) {
if (('' + tds[itds].id).indexOf('taecll') == 0) {
goes=0;
if (tds[itds].value.indexOf('</su') != -1) {
if (wasdeg == '') { wasdeg=tds[itds].value.split('</su')[0].split('>')[eval(-1 + tds[itds].value.split('</su')[0].split('>').length)]; }
while (tds[itds].value.indexOf('>' + wasdeg + '<') != -1 && wasdeg != otb.value && wasdeg != '' && goes < maxgoes) {
tds[itds].value=tds[itds].value.replace('>' + wasdeg + '<', '>' + otb.value + '<');
goes++;
}
if (document.getElementById(('' + tds[itds].id).replace('taecll','cell')).innerText.replace('+','') != '' && wasdeg != '') {
document.getElementById(('' + tds[itds].id).replace('taecll','cell')).innerHTML=tds[itds].value;
}
}
}
}
tds=document.getElementsByTagName('td');
sdfs(tds[0].innerHTML, tds[ourtwo].innerHTML);
}

function fsnc(otb) {
var wasdeg='', maxgoes=100, goes=0;
var tds=document.getElementsByTagName('textarea');
for (var itds=0; itds<tds.length; itds++) {
if (('' + tds[itds].id).indexOf('taecll') == 0) {
goes=0;
if (tds[itds].value.indexOf('deg)') != -1) {
if (wasdeg == '') { wasdeg=tds[itds].value.split('font-size:')[1].split('px;')[0]; }
while (tds[itds].value.indexOf('font-size:' + wasdeg + 'px;') != -1 && wasdeg != otb.value && wasdeg != '' && goes < maxgoes) {
tds[itds].value=tds[itds].value.replace('font-size:' + wasdeg + 'px;', 'font-size:' + otb.value + 'px;');
goes++;
}
if (document.getElementById(('' + tds[itds].id).replace('taecll','cell')).innerText.replace('+','') != '' && wasdeg != '') {
document.getElementById(('' + tds[itds].id).replace('taecll','cell')).innerHTML=tds[itds].value;
}
}
}
}
tds=document.getElementsByTagName('td');
sdfs(tds[0].innerHTML, tds[ourtwo].innerHTML);
}

function rotc(otb) {
var wasdeg='', maxgoes=100, goes=0;
var tds=document.getElementsByTagName('textarea');
for (var itds=0; itds<tds.length; itds++) {
if (('' + tds[itds].id).indexOf('taecll') == 0) {
goes=0;
if (tds[itds].value.indexOf('deg)') != -1) {
if (wasdeg == '') { wasdeg=tds[itds].value.split('deg)')[0].split('(')[eval(-1 + tds[itds].value.split('deg)')[0].split('(').length)].replace('-',''); }
while ((tds[itds].value.indexOf('(-' + wasdeg + 'deg') != -1 || tds[itds].value.indexOf('(' + wasdeg + 'deg') != -1) && wasdeg != otb.value && wasdeg != '' && goes < maxgoes) {
if (tds[itds].value.indexOf('</sub>') != -1) {
tds[itds].value=tds[itds].value.replace('(' + wasdeg + 'deg', '(' + Math.abs(otb.value) + 'deg').replace('(-' + wasdeg + 'deg', '(-' + Math.abs(otb.value) + 'deg');
} else if (tds[itds].value.indexOf('</sup>') != -1) {
tds[itds].value=tds[itds].value.replace('(' + wasdeg + 'deg', '(-' + Math.abs(otb.value) + 'deg').replace('(-' + wasdeg + 'deg', '(-' + Math.abs(otb.value) + 'deg');
} else {
tds[itds].value=tds[itds].value.replace('(' + wasdeg + 'deg', '(' + Math.abs(otb.value) + 'deg').replace('(-' + wasdeg + 'deg', '(-' + Math.abs(otb.value) + 'deg');
}
goes++;
}
if (document.getElementById(('' + tds[itds].id).replace('taecll','cell')).innerText.replace('+','') != '' && wasdeg != '') {
document.getElementById(('' + tds[itds].id).replace('taecll','cell')).innerHTML=tds[itds].value;
}
}
}
}
tds=document.getElementsByTagName('td');
sdfs(tds[0].innerHTML, tds[ourtwo].innerHTML);
}

function tait(tao) {
document.getElementById(tao.id.replace('taecll','cell')).innerHTML=tao.value;
var tds=document.getElementsByTagName('td');
sdfs(tds[0].innerHTML, tds[ourtwo].innerHTML);
}

function andthen() {
var tds=document.getElementsByTagName('td');
ourtwo=1;
for (var itds=0; itds<tds.length; itds++) {
if (('' + tds[itds].id).indexOf('cell') == 0) {
if (eval('' + tds[itds].innerText.length) < 7) {
//alert(tds[0].innerHTML.split('rotate(')[1].split('deg')[0]);
var zx=(tds[0].innerHTML.replace(/sub/g,'sup').replace('rotate(' + tds[0].innerHTML.split('rotate(')[1].split('deg')[0],'rotate(' + eval(360 - ten)).replace('rotate(' + tds[0].innerHTML.split('rotate(')[1].split('deg')[0],'rotate(' + eval(360 - ten)).replace('rotate(' + tds[0].innerHTML.split('rotate(')[1].split('deg')[0],'rotate(' + eval(360 - ten)).replace('rotate(' + tds[0].innerHTML.split('rotate(')[1].split('deg')[0],'rotate(' + eval(360 - ten)));
ten=eval(-1 * ten);
ourtwo=itds;
tds[itds].innerHTML=tds[0].innerHTML.replace(' style="',' style="color:blue;margin-top:-256px;').replace(/0001/g,'0002').replace(/sub/g,'sup').replace('rotate(' + tds[0].innerHTML.split('rotate(')[1].split('deg')[0],'rotate(' + eval(ten)).replace(/\,\-20px/g,',32px');
document.getElementById(('' + tds[itds].id).replace('cell','ecll')).innerHTML='<textarea rows=17 cols=80 id=' + ('' + tds[itds].id).replace('cell','taecll') + ' onblur=tait(this); style=width=100%;>' + document.getElementById('cell' + ('0000' + curcellnum).slice(-4)).innerHTML.replace(' style="',' style="color:blue;margin-top:-256px;').replace(/0001/g,'0002').replace(/sub/g,'sup').replace('rotate(' + tds[0].innerHTML.split('rotate(')[1].split('deg')[0],'rotate(' + eval(ten)).replace(/\,\-20px/g,',32px') + '</textarea>';
} else {
tds[itds].innerHTML=tds[itds].innerHTML.replace(/background\-color\:\ pink\;/g, 'background-color: white;').replace(/background\-color\:pink\;/g, 'background-color:white;');
document.getElementById(('' + tds[itds].id).replace('cell','ecll')).innerHTML='<textarea rows=17 cols=80 id=' + ('' + tds[itds].id).replace('cell','taecll') + ' onblur=tait(this); style=width=100%;>' + document.getElementById('cell' + ('0000' + curcellnum).slice(-4)).innerHTML + '</textarea>';
}
}
}
var recto=document.getElementById('fibothone').getBoundingClientRect();
//document.getElementById('fibothtwo').style.position='absolute';
//document.getElementById('fibothtwo').style.left='' + recto.left + 'px';
//document.getElementById('fibothtwo').style.top='' + recto.top + 'px';
//document.getElementById('fibothtwo').style.width='' + recto.width + 'px';
//document.getElementById('fibothtwo').style.height='' + recto.height + 'px';
document.getElementById('ifbothone').srcdoc=maybeclock(tds[0].innerHTML.replace(' style="', ' style="margin-top:0px;margin-left:0px;'));
document.getElementById('ifbothtwo').srcdoc=tds[ourtwo].innerHTML;
recto=document.getElementById('ifbothone').getBoundingClientRect();
document.getElementById('ifbothtwo').style.position='absolute';
document.getElementById('ifbothtwo').style.left='' + recto.left + 'px';
document.getElementById('ifbothtwo').style.top='' + recto.top + 'px';
document.getElementById('ifbothtwo').style.width='' + recto.width + 'px';
document.getElementById('ifbothtwo').style.height='' + recto.height + 'px';
recto=document.getElementById('fibothone').getBoundingClientRect();
document.getElementById('fibothtwo').style.position='absolute';
document.getElementById('fibothtwo').style.left='' + recto.left + 'px';
document.getElementById('fibothtwo').style.top='' + recto.top + 'px';
document.getElementById('fibothtwo').style.width='' + recto.width + 'px';
document.getElementById('fibothtwo').style.height='' + recto.height + 'px';
document.getElementById('fiboththree').style.position='absolute';
document.getElementById('fiboththree').style.left='' + recto.left + 'px';
document.getElementById('fiboththree').style.top='' + recto.top + 'px';
document.getElementById('fiboththree').style.width='' + recto.width + 'px';
document.getElementById('fiboththree').style.height='' + recto.height + 'px';
}

function premaybeclock() {
if (glinh != '') {
//alert('ct=' + ct + ' and glinh=' + glinh);
maybeclock(glinh);
}
}

function minuteang() {
var tss=('' + new Date());
cconto.body.title=tss;
document.getElementById('fiboththree').title=tss;
var th=eval(tss.split(':')[0].split(' ')[eval(-1 + tss.split(':')[0].split(' ').length)] % 12);
var tm=eval(tss.split(':')[1]);
var ts=eval(tss.split(':')[2].split(' ')[0].split('.')[0]);
tm+=eval(ts / 60);
return '' + eval((90 + tm * 6) % 360);
}

function hourang() {
var tss=('' + new Date());
var th=eval(tss.split(':')[0].split(' ')[eval(-1 + tss.split(':')[0].split(' ').length)] % 12);
var tm=eval(tss.split(':')[1]);
var ts=eval(tss.split(':')[2].split(' ')[0].split('.')[0]);
th+=eval(tm / 60);
th+=eval(ts / (60 * 60));
return '' + eval((90 + th * 30) % 360);
}

function maybeclock(linh) {
var absbit='position:absolute;top:350px;left:300px;';
var rotv=linh.split('rotate(')[1].split('deg')[0];
var thisfs=linh.split('font-size:')[1].split('px')[0];
var huh='<br><br><br><br><br><br><br><br><br><br><br><br>';
document.getElementById('fibothone').srcdoc='' + linh.replace('>' + document.getElementById('chars').value + '</su', ' id=lastsu>' + document.getElementById('chars').value + '</su').replace('margin-top:','padding-top:').replace('margin-left:','padding-left:').replace('rotate(' + rotv,'rotate(' + hourang()).replace(' style="', ' style="' + ct + cl + absbit + 'transform-origin:50% 33%;') + '<style> sub:last-of-type { font-weight:bold; color: olive !important; } sup:last-of-type { font-weight:bold; color: olive !important; } </style>'; //.replace(/inline\-block\;/g, 'inline;');
var origlinh=linh;
if (glinh == '') {
glinh=linh.replace('margin-top:','padding-top:').replace('margin-left:','padding-left:');
setInterval(premaybeclock, 5000);
}
while (origlinh.indexOf('font-size:' + thisfs + 'px') != -1) {
origlinh=origlinh.replace('font-size:' + thisfs + 'px', 'font-size:' + eval(-3 + eval('' + thisfs)) + 'px');
}
document.getElementById('fibothtwo').srcdoc='' + origlinh.replace('>' + document.getElementById('chars').value + '</su', ' id=lastsu>' + document.getElementById('chars').value + '</su').replace('margin-top:','padding-top:').replace('margin-left:','padding-left:').replace('rotate(' + rotv,'rotate(' + minuteang()).replace(' style="', ' style="' + absbit + 'text-shadow:-0.5px 0.5px 0.5px #95ff2d;transform-origin:50% 33%;color:rgba(0,0,255,0.4);') + '<style> sub:last-of-type { font-weight:bold; color: pink !important; } sup:last-of-type { font-weight:bold; color: pink !important; } </style>'; // + "<style>.logo { width: 100vw; height: 100vh; position: relative; } .logo__svg { width: 300px; height: 300px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}</style><div class=\"logo\"><svg class=\"logo__svg\"><circle cx=\"50%\" cy=\"50%\" r=\"150\" style=\"fill:rgba(255,0,0,0.6);stroke:white;stroke-width:1;\"/></svg></div>"; //.replace(/inline\-block\;/g, 'inline;');
document.getElementById('fiboththree').srcdoc="<head><title>" + ('' + new Date()) + "</title><style> .logo { width: 100vw; height: 100vh; position: relative; } .logo__svg { width: 312px; height: 312px; position: absolute; top: 47%; left: 49%; transform: translate(-50%, -50%); } </style></head><body id=xbody><div class=\"logo\"><svg class=\"logo__svg\"><circle cx=\"50%\" cy=\"50%\" r=\"155\" style=\"fill:rgba(255,0,0,1);stroke:white;stroke-width:1;\"/></svg></div></body>"; //.replace(/inline\-block\;/g, 'inline;');
return linh;
}

function sdfs(ones,twos) {
document.getElementById('ifbothone').srcdoc=maybeclock(ones.replace(' style="', ' style="margin-top:0px;margin-left:0px;'));
document.getElementById('ifbothtwo').srcdoc=twos;
}

function rit(cis) {
var outcis=cis;
var atend='';
for (var jits=1; jits<repeats; jits++) {
atend+='</' + ft + '>';
outcis+='<' + ft + ' class="ele' + ('0000' + cellnum).slice(-4) + ost(' mt') + '" title=' + ft + '>' + cis;
}
return ' style="font-size:' + fs + ';transform:rotate(' + ten + 'deg); ">' + outcis + atend;
}

function fbt(iois) {
if (iois != null) {
tconto = (iois.contentWindow || iois.contentDocument);
if (tconto != null) {
if (tconto.document) { tconto = tconto.document; }
if (tconto.body != null) {
if (tconto.body.innerHTML.indexOf('</sub>') != -1) {
if (tconto.body.innerHTML.indexOf('<') != -1) {
onets=tconto.getElementsByTagName(tconto.body.innerHTML.replace(/\<br\>/g,'').replace(/\<br\ \/\>/g,'').replace(/\<br\/\>/g,'').split('<')[1].split(' ')[0].split('>')[0]);
}
var subs=tconto.getElementsByTagName('sub');
//alert(subs[eval(-1 + subs.length)].outerHTML);
if (!trecto || 1 == 1) {
if (tconto.getElementById('lastsu')) {
trecto=tconto.getElementById('lastsu').getBoundingClientRect();
} else {
trecto=subs[eval(-1 + subs.length)].getBoundingClientRect();
}
//trecto=subs[0].getBoundingClientRect();
//subs[eval(-1 + subs.length)].style.backgroundColor='olive';
}
}
}
}
}
}


function fbc(iois) {
if (iois != null) {
cconto = (iois.contentWindow || iois.contentDocument);
if (cconto != null) {
if (cconto.document) { cconto = cconto.document; }
if (cconto.body != null) {
cconto.body.title=('' + new Date());
}
}
}
}

function fbo(iois) {
if (iois != null) {
oconto = (iois.contentWindow || iois.contentDocument);
if (oconto != null) {
if (oconto.document) { oconto = oconto.document; }
if (oconto.body != null) {
if (oconto.body.innerHTML.indexOf('</sub>') != -1) {
if (oconto.body.innerHTML.indexOf('<') != -1) {
twots=oconto.getElementsByTagName(oconto.body.innerHTML.replace(/\<br\>/g,'').replace(/\<br\ \/\>/g,'').replace(/\<br\/\>/g,'').split('<')[1].split(' ')[0].split('>')[0]);
}
var subs=oconto.getElementsByTagName('sub');
//alert(subs[eval(-1 + subs.length)].outerHTML);
if (!orecto || 1 == 1) {
if (oconto.getElementById('lastsu')) {
orecto=oconto.getElementById('lastsu').getBoundingClientRect();
} else {
orecto=subs[eval(-1 + subs.length)].getBoundingClientRect();
}
//orecto=subs[0].getBoundingClientRect();
//subs[eval(-1 + subs.length)].style.backgroundColor='pink';
}
}
}
}
}
}

function tom() {
var wasq=0;
if (1 == 1 || (trecto && orecto)) {
//var mtopt=0, mleftt=0;
//var mtopo=0, mlefto=0;
if (trecto && orecto) {
if (mtopt == 0 || 3 == 3) {
wasq=mtopt;
mtopt=eval(1.0 * eval(eval(Math.round(trecto.top) + Math.round(trecto.height) / 1) - eval(Math.round(orecto.top) + Math.round(orecto.height) / 1)));
//ct='text-shadow:-0.5px 0.5px 0.5px #ff2d95;margin-top:' + mtopt + 'px;';
mleftt=eval(0 + eval(eval(Math.round(trecto.left) + Math.round(trecto.width) / 1) - eval(Math.round(orecto.left) + Math.round(orecto.width) / 1)));
//cl='margin-left:' + mleftt + 'px;';
if (wasq == 0) {
onets[0].style.marginTop='' + mtopt + 'px';
onets[0].style.marginLeft='' + mleftt + 'px';
}
//document.title='t: ' + eval(Math.round(trecto.left) + Math.round(trecto.width) / 1) + ',' + eval(Math.round(trecto.top) + Math.round(trecto.height) / 1) + ' o: ' + eval(Math.round(orecto.left) + Math.round(orecto.width) / 1) + ',' + eval(Math.round(orecto.top) + Math.round(orecto.height) / 1);
}
}
setTimeout(tom, 500);
} else {
setTimeout(tom, 2000);
}
}

setTimeout(tom, 2000);

</script>
</head>
<body>
<h1>Diagon Alley</h1>
<h2>RJM Programming - January, 2026</h3>
<h4><select title='Element Type of first ... subsequents will always be sub for top to bottom and sup for bottom to top all left to right' onchange=nonp(this); id=eletype><option value=p>p</option><option value=sub>sub</option><option value=sup>sup</option><option value=span>span</option><option value=sub>sub</option><option value=font>font</option><option value=div>div</option><option value=h1>h1</option><option value=h2>h2</option><option value=h3>h3</option><option value=h4>h4</option></select> <input onblur=chrc(this); title='Content' type=text id=chars name=chars placeholder=Content value='⚊'></input>  <input onblur=fsnc(this); onchange=fsnc(this); title='Font Size' type=number min=0 step=1 id=fsn name=fsn placeholder='Font Size' value='96'></input>px  <input onblur=rotc(this); onchange=rotc(this); title='Rotation in degrees' type=number min=0 max=360 step=0.1 id=rtn name=rtn placeholder='Rotation in degrees' value='8.0'></input>deg  <input onblur=trxc(this); onchange=trxc(this); title='Translate X' type=number step=0.1 id=txn name=txn placeholder='Translate X' value='-10.0'></input>px,<input onblur=tryc(this); onchange=tryc(this); title='Translate Y' type=number step=0.1 id=tyn name=tyn placeholder='Translate Y' value='-20.0'></input>px  <input onblur=lgc(this); onchange=lgc(this); title='Components' type=number min=1 step=1 id=fsn name=lgn placeholder='Components' value='8'></input></h4>
<table id-mytable border=1>
<script type=text/javascript>
document.write('<tr id=frow' + ('0000' + rownum).slice(-4) + '><td onblur=obr(this); id=cell' + ('0000' + cellnum).slice(-4) + '><' + ft.replace('sub','p').replace('sup','p') + ' id=ele' + ('0000' + cellnum).slice(-4) + ' title=' + ft.replace('sub','p').replace('sup','p') + '' + rit(charsare) + '</' + ft.replace('sub','p').replace('sup','p') + '><td onblur=obr(this); id=cell' + ('0000' + eval(1 + cellnum)).slice(-4) + '><a title=Clone style=background-color:yellow; onclick=addone(); href=#>➕</a></' + ft + '></tr>');
document.write('<tr id=crow' + ('0000' + rownum).slice(-4) + '><td id=ecll' + ('0000' + cellnum).slice(-4) + '><' + ft + ' id=lee' + ('0000' + cellnum).slice(-4) + '><td id=ecll' + ('0000' + eval(1 + cellnum)).slice(-4) + '></' + ft + '></tr>');
document.write('<tr id=brow' + ('0000' + rownum).slice(-4) + '><td colspan=2 style=text-align:center;><iframe style="opacity:0.6;width:50%;height:800px;" id=ifbothone srcdoc="" src=#></iframe><iframe style="opacity:0.6;width:50%;height:800px;" id=ifbothtwo srcdoc="" src=#></iframe></tr>');
document.write('<tr id=trow' + ('0000' + rownum).slice(-4) + '><td colspan=2 style=text-align:center;><iframe onload="fbo(this);" style="opacity:0.6;width:80%;height:1100px;" id=fibothone srcdoc="" src=#></iframe><iframe onload="fbt(this);" style="opacity:0.6;width:80%;height:1100px;" id=fibothtwo srcdoc="" src=#></iframe><iframe onload="fbc(this);" style="opacity:1.0;width:80%;height:1100px;background-color:transparent;" id=fiboththree srcdoc="" src=#></iframe></tr>');
setTimeout(andthen, 400);
</script>
</table>
<div id=dstyle>
</div>
</body>
</html>