<html>
<head>
<title>Select Palette - RJM Programming - May, 2025</title>
<style>
#mysel {
width: 100%;
height: 100%;
font-color: transparent;
background-color: yellow !important;
z-index: -9;
}
</style>
<script type=text/javascript>
var linesofcontent=[];
var linesofbcss=[], stylebit='';
var xis=20, yis=10;

function dotdotdotten() {
addcontents(document.getElementById('mysel').title.replace(/\.\.\./g, '... ~~'));
document.getElementById('mysel').title=document.getElementById('mysel').title.replace(/\.\.\./g, '... ' + String.fromCharCode(10));
linesofcontent=[];
linesofbcss=[];
stylebit='';
//document.getElementById('mysel').readonly=true;
//document.getElementById('mysel').disabled=true;
}

function preaddcontents() {
addcontents('');
return false;
}

function addcontents(inboc) {
var nboc='', seventeen="17", zero=0;
if (!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
zero="-60";
}
if (inboc == '') {
nboc=prompt('Add your next bit of content (where ~~ can be line feed).', '');
} else {
nboc=inboc;
seventeen="12";
if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {
zero="80";
} else {
zero="-60";
}
}
if (!nboc) { nboc=''; }
if (nboc != ' ') {
var newlines=nboc.split('~~');
for (var inew=0; inew<newlines.length; inew++) {
linesofcontent.push(newlines[inew]);
}
linesofbcss=[];
stylebit='<style> #mysel { background: ; } </style>';
xis=20;
yis=10;
for (var jnew=0; jnew<linesofcontent.length; jnew++) {
if (jnew == 0) {
stylebit=stylebit.replace('; ', "url(\"data:image/svg+xml;base64," + window.btoa("<svg xmlns='http://www.w3.org/2000/svg' width='" + eval(" + zero + " + eval('' + screen.width)) + "' height='48' viewport='0 0 100 100' style='border-radius:15px;background-color:rgba(0,0,255,0.3);fill:black;font-family:Verdana;font-size:" + seventeen + "px;'><text x='5%' y='60%'>" + linesofcontent[jnew] + "</text></svg>") + "\") no-repeat " + xis + "px " + yis + "px ; ");
} else {
stylebit=stylebit.replace('; ', ",url(\"data:image/svg+xml;base64," + window.btoa("<svg xmlns='http://www.w3.org/2000/svg' width='" + eval(" + zero + " + eval('' + screen.width)) + "' height='48' viewport='0 0 100 100' style='border-radius:15px;background-color:rgba(0,0,255,0.3);fill:black;font-family:Verdana;font-size:" + seventeen + "px;'><text x='5%' y='60%'>" + linesofcontent[jnew] + "</text></svg>") + "\") no-repeat " + xis + "px " + yis + "px ; ");
}
yis+=50;
}
document.getElementById('dstyle').innerHTML+=stylebit;
}
return false;
}

</script>
</head>
<body onload="dotdotdotten();">
<div id=dcont onmousedown=" event.stopPropagation(); event.preventDefault(); return addcontents(''); " ontouchdown=" event.stopPropagation(); event.preventDefault(); return addcontents(''); ">
<select title='Select Palette - RJM Programming - May, 2025 ... ... Click to fill with your speech bubble feeling prose or poetry (eg. haiku).' id=mysel multiple></select>
</div>
<div id=dstyle></div>
</code>