8d7
<     font-color: transparent;
10d8
<     z-index: -9;
16c14
<   var xis=20, yis=10;
---
>   var xis=0, yis=0;
19d16
<      addcontents(document.getElementById('mysel').title.replace(/\.\.\./g, '... ~~'));
21,25d17
<      linesofcontent=[];
<      linesofbcss=[];
<      stylebit='';
<      //document.getElementById('mysel').readonly=true;
<      //document.getElementById('mysel').disabled=true;
28,48c20,21
<   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";
<     }
<     }
---
>   function addcontents() {
>     var nboc=prompt('Add your next bit of content (where ~~ can be line feed).', '');
57,58c30,31
<       xis=20;
<       yis=10;
---
>       xis=0;
>       yis=0;
61c34
<           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 ; ");
---
>           stylebit=stylebit.replace('; ', "url(\"data:image/svg+xml;base64," + window.btoa("<svg xmlns='http://www.w3.org/2000/svg' width='526' 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:17px;'><text x='5%' y='60%'>" + linesofcontent[jnew] + "</text></svg>") + "\") no-repeat " + xis + "px " + yis + "px ; ");
63c36
<           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 ; ");
---
>           stylebit=stylebit.replace('; ', ",url(\"data:image/svg+xml;base64," + window.btoa("<svg xmlns='http://www.w3.org/2000/svg' width='526' 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:17px;'><text x='5%' y='60%'>" + linesofcontent[jnew] + "</text></svg>") + "\") no-repeat " + xis + "px " + yis + "px ; ");
69d41
<     return false;
75,77c47
< <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>
---
> <select onclick='addcontents();' title='Select Palette - RJM Programming - May, 2025 ... ... Click to fill with your speech bubble feeling prose or poetry (eg. haiku).' id=mysel multiple></select>