5d4
< <meta id='myviewport' name='viewport' content='width=device-width, initial-scale=0.7, minimum-scale=0.1, maximum-scale=8, user-scalable=yes'  >
11,41d9
<  
<  textarea {
<     width: 95%;
<     background-color: #f8f8f8;
<  }
<  
<  @media only screen and (min-device-width: 320px) and (max-device-width: 765px) and (orientation: portrait) {
<    input[type=submit] {
<       font-size: 36px;
<       color: blue;
<       border-radius: 30px;
<       margin: 9 9 9 9;
<    }
<    
<    button {
<       font-size: 24px;
<    }
<  }
<  
<  @media only screen and (min-device-width: 320px) and (max-device-width: 765px) and (orientation: landscape) {
<    input[type=submit] {
<       font-size: 36px;
<       color: blue;
<       border-radius: 30px;
<       margin: 9 9 9 9;
<    }
<    
<    button {
<       font-size: 24px;
<    }
<  }
47d14
<   var aonest='.wav.audio/wav.m4a.audio/mp4.mp3.audio.mpeg.aiff.audio/aiff.aif.audio/aiff.';
53c20
<            if (document.URL.indexOf('/song_lyric_faux_pas.htm') != -1) { document.getElementById(inid).style.visibility='hidden'; }
---
>            document.getElementById(inid).style.visibility='hidden';
64,93d30
<   
<   function plustwenty(inzx) {
<     var outzx=inzx, lastext='';
<     var wdsx=inzx.replace(/\"\:\ \"/g, ' ').split(' ');
<     for (var ibn=0; ibn<wdsx.length; ibn++) {
<       if (wdsx[ibn].toLowerCase().replace(/^http\:/g,'').replace(/^https\:/g,'').indexOf('//') == 0) {
<         if (wdsx[ibn].indexOf('.') != -1) {
<          lastext='.' + wdsx[ibn].split('.')[eval(-1 + wdsx[ibn].split('.').length)].toLowerCase().split('#')[0].split('&')[0].split('?')[0] + '.';
<          if (eval('' + lastext.length) <= 5 || wdsx[ibn].indexOf('.m4a') != -1) {
<   //alert(aonest + ' ... ' + lastext);
<          if (aonest.indexOf(lastext) != -1) {
<    //alert(aonest + ' .+. ' + lastext);
<           document.getElementById('diaudio').innerHTML='<audio style="visibility:hidden;" controls id=diaudiov><source src="//' + wdsx[ibn].split('//')[1] + '" type="' + aonest.split(lastext)[1].split('.')[0] + '" class="loop autoplay"></source></audio>';
<    //alert(document.getElementById('diaudio').innerHTML);
<          }
<          }
<         }
<         //if (wdsx[ibn] != wdsx[ibn].replace(/\+/g,'%20').replace(/\~/g,'%7e')) {
<         //  document.getElementById('fauxpasreally' + theone).value=document.getElementById('fauxpasreally' + theone).value.replace(/\+/g,'%20').replace(/\~/g,'%7e');
<         //}
<         outzx=outzx.replace(wdsx[ibn], wdsx[ibn].replace(/\+/g,'%2B').replace(/\~/g,'%7e'));
<       } else if (wdsx[ibn] != wdsx[ibn].replace(/^\+[0-9]/g,'')) {
<         //if (wdsx[ibn] != wdsx[ibn].replace(/\+/g,'%2b').replace(/\~/g,'%7e')) {
<         //  document.getElementById('fauxpasreally' + theone).value=document.getElementById('fauxpasreally' + theone).value.replace(/\+/g,'%2b').replace(/\~/g,'%7e');
<         //}
<         outzx=outzx.replace(wdsx[ibn], wdsx[ibn].replace(/\+/g,'%2b').replace(/\~/g,'%7e'));
<       }
<     }
<     return outzx;
<   }
96,97c33
<      var prexf=bellzero, iv=0, firstiv=-1, jins=0, ins=[], types=['textarea','input'], kins=0;
<      var ourown='', startast=true;
---
>      var prexf=bellzero, iv=0, firstiv=-1;
100,102c36,37
<      for (kins=0; kins<types.length; kins++) {
<      ins=document.getElementsByTagName(types[kins]);
<      for (jins=0; jins<ins.length; jins++) {
---
>      var ins=document.getElementsByTagName('input');
>      for (var jins=0; jins<ins.length; jins++) {
106c41
<           if (document.URL.indexOf('/song_lyric_faux_pas.htm') != -1) { ins[jins].style.visibility='hidden'; }
---
>           ins[jins].style.visibility='hidden';
177a113
>           
179,198c115
<           if (ins[jins].id == 'srt') {  if (vttb != 'WEBVTT FILE~~') { if (prexf.trim() != '' && 7 == 4) { vttb=vttb.replace('~~1~', '~~' + prexf.trim() + '1~');  }   ins[jins].value=plustwenty(vttb); }   }
<         if (kins == 1 && (ins[jins].outerHTML.indexOf(' name=') != -1 || ins[jins].id == 'srt')) {
<           if (ourown == '') {
<             ourown='?rand=' + Math.floor(Math.random() * 156) + '&' + ins[jins].name + '=' + encodeURIComponent(ins[jins].value);
<           //alert(ourown);
<           } else if (ins[jins].id == 'srt') {
<           //alert(567);
<             if (eval('' + (ourown + vttb).length) > 800 && document.getElementById('youtubeid').value != '') {
<               ourown+='#srt=' + encodeURIComponent(ins[jins].value);
<               startast=false;
<               //alert(('/HTMLCSS/karaoke_youtube_api.htm' + ourown).split('#')[1]);
<               document.getElementById('rightif').src='/HTMLCSS/karaoke_youtube_api.htm' + ourown;
<             } else if (ins[jins].outerHTML.indexOf(' name=') != -1) {
<               ourown+='&' + ins[jins].name + '=' + encodeURIComponent(ins[jins].value);
<             }
<           } else {
<             ourown+='&' + ins[jins].name + '=' + encodeURIComponent(ins[jins].value);
<           //alert(ourown);
<           }
<         }
---
>           if (ins[jins].id == 'srt') {  if (vttb != 'WEBVTT FILE~~') { if (prexf.trim() != '' && 7 == 4) { vttb=vttb.replace('~~1~', '~~' + prexf.trim() + '1~');  }  ins[jins].value=vttb; }   }
202d118
<      }
206,207d121
<      //alert(vttb);
<      plustwenty(vttb);
209c123
<      return startast;
---
>      return true;
386d299
<      var retval='', sevencnt=0, interimcnt=-1, intcnt=0, tas=[];
390c303
<        //alert(decodeURIComponent(('#' + location.hash)).split('#bodyih=')[1]);
---
>        alert(decodeURIComponent(('#' + location.hash)).split('#bodyih=')[1]);
396,397d308
<        tas=document.getElementsByTagName('textarea');
<        if (eval('' + tas.length) > 1) { interimcnt=2;  }
399,405c310
<          if (interimcnt >= 0 && sevencnt < interimcnt) {
<           inpso[jin].value=huhs[jin]; 
<           sevencnt++;          
<          } else {
<           tas[eval(jin - interimcnt)].innerHTML=huhs[jin]; 
<           sevencnt++;          
<          }
---
>          inpso[jin].value=huhs[jin];
435,437c340
<      var retval='', sevencnt=0, interimcnt=-1, intcnt=0;
<      var tas=document.getElementsByTagName('textarea');
<      if (eval('' + tas.length) > 1) { interimcnt=2;  }
---
>      var retval='', sevencnt=0;
449,464d351
<        if (interimcnt == sevencnt) {
<         interimcnt=-4;
<         for (var kin=0; kin<tas.length; kin++) {
<        if (('  ' + inpso[jin].id).slice(-2) == theone && intcnt < Math.abs(interimcnt)) {
<        if (sevencnt == 0) {
<          retval+='' + tas[kin].value;
<          sevencnt++;
<          intcnt++;
<        } else if (sevencnt < 7) {
<          retval+='^%$' + tas[kin].value;
<          sevencnt++;
<          intcnt++;
<        }
<        }
<         }
<        }
469,474d355
<   
<   function mobissue() {
<     if (navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i)) {  
<       document.getElementById('dfp').innerHTML=document.getElementById('dfp').innerHTML.replace(/\<\/textarea\>/g, '</input>').replace(/\<textarea\ rows\=\"1\"\ data\-type\=/g, '<input type=');
<     }
<   }
477c358
< <script type=text/javascript src='/beep.js?iam=song_lyric_faux_pas.html&rand=76576533' defer></script>
---
> <script type=text/javascript src='/beep.js?iam=video_commentary.html&rand=76576533' defer></script>
479c360
< <body onload=" mobissue(); templatediv=document.getElementById('dfp').innerHTML;   setTimeout(thenslapmaybe,3000);">
---
> <body onload="templatediv=document.getElementById('dfp').innerHTML;   setTimeout(thenslapmaybe,3000);">
483c364
< <h1>Video Commentary or Notes  <select style="width:24px;display:inline-block;" id=sisterhood onchange="if (this.value.trim() != '') { location.href='' + this.value; this.value=''; }"><option value=''>-</option><option value='./song_lyric_faux_pas.html'>Song Lyric Faux Pas</option><option value='./video_commentary.html'>Video Commentary</option></select> YouTube&nbsp;<button data-style=display:none; onclick="event.stopPropagation(); bellzero=bellzero.replace(' ','x').replace('0',' ').replace('x','0'); if (this.innerHTML.indexOf('</strike>') != -1) { this.innerHTML=this.innerHTML.replace('<strike>','').replace('</strike>',''); } else { this.innerHTML='<strike>' + this.innerHTML + '</strike>'; } ourbeep(); " id=cbbeep><strike>Beep</strike></button>&nbsp;Style - <button onclick="setTimeout(function(){ doemail(); }, 2000);" id="butemail">Email &#128231;</button>&nbsp;&nbsp;<button onclick="setTimeout(function(){ dosms(); }, 2000);" id="butsms">SMS &#128223;</button>&nbsp;&nbsp;<div id=diaudio style=display:none;></div></h1>
---
> <h1>Video Commentary or Notes - YouTube&nbsp;<button data-style=display:none; onclick="event.stopPropagation(); bellzero=bellzero.replace(' ','x').replace('0',' ').replace('x','0'); if (this.innerHTML.indexOf('</strike>') != -1) { this.innerHTML=this.innerHTML.replace('<strike>','').replace('</strike>',''); } else { this.innerHTML='<strike>' + this.innerHTML + '</strike>'; } ourbeep(); " id=cbbeep><strike>Beep</strike></button>&nbsp;Style - <button onclick="setTimeout(function(){ doemail(); }, 2000);" id="butemail">Email &#128231;</button>&nbsp;&nbsp;<button onclick="setTimeout(function(){ dosms(); }, 2000);" id="butsms">SMS &#128223;</button></h1>
490,493c371,374
< <textarea rows=1 data-type=text ondblclick="alert(this.title);" onblur="if (eval('' + this.value.trim().length) > 0) { theone=this.id.replace('fauxpas','');   document.getElementById('tbtheone').value='' + theone;   mapsome();  document.getElementById(this.id.replace('fauxpas','fauxpasreally')).setAttribute('data-placeholder','');  }" title="Video commentary or note ... multiple can be separated by   ,   (ie. space space comma space space)" data-name=fauxpas01 id=fauxpas01 data-placeholder="Here we are in the ancient medieval city called Oualâta in Mauritania to the north west of Africa ...  ,  Oualâta lies in the Hodh El Chargi region ...  ,  Oualâta was first settled by the Mandé Soninke people ...  ,  Beautiful doorways!" placeholder="Your commentary or note" value=""></textarea><br>
< <textarea rows=1 data-type=text ondblclick="alert(this.title);" onblur="if (eval('' + this.value.trim().length) > 0) { theone=this.id.replace('fauxpasstartsecs','');   document.getElementById('tbtheone').value='' + theone;   mapsome();   }" title="Faux pas start time(s) ... optionally comma separated" data-name=fauxpasstartsecs01 id=fauxpasstartsecs01 placeholder="0.001,10.000,27.000,47.000" value=""></textarea><br>
< <textarea rows=1 data-type=text ondblclick="alert(this.title);" onblur="if (eval('' + this.value.trim().length) > 0) { theone=this.id.replace('fauxpasendsecs','');   document.getElementById('tbtheone').value='' + theone;   mapsome();   }" title="Faux pas end time(s) ... optionally comma separated" data-name=fauxpasendsecs01 id=fauxpasendsecs01 placeholder="10.000,22.000,45.000,57.000" value=""></textarea><br>
< <textarea rows=1 data-type=text ondblclick="alert(this.title);" onblur="if (eval('' + this.value.trim().length) > 0) { theone=this.id.replace('fauxpasreally','');   document.getElementById('tbtheone').value='' + theone;   mapsome();   }" title="Optional commentary or note (perhaps link wording fleshed out later) ... multiple can be separated by   ,   (ie. space space comma space space)" data-name=fauxpasreally01 data-placeholder="http://wikipedia.org/wiki/Oualata , http://wikipedia.org/wiki/Mauritania , https://earth.google.com/web/@17.30000269,-7.02499988,255.75461669a,52794.75315655d,1y,0h,0t,0r  ,  http://wikipedia.org/wiki/Oualata , https://en.wikipedia.org/wiki/Hodh_Ech_Chargui_region  ,  https://en.wikipedia.org/wiki/Mand%C3%A9_peoples , https://en.wikipedia.org/wiki/Soninke_people  ,  https://en.wikipedia.org/wiki/Sudano-Sahelian_architecture , https://www.google.com/search?q=soninke+people+doorways&udm=2&fbs=AIIjpHxU7SXXniUZfeShr2fp4giZ1Y6MJ25_tmWITc7uy4KIeiAkWG4OlBE2zyCTMjPbGmMU8EWskMk2JSE__efdUJ3xRFvZ0M2vJLB0hUMk5HOE2OjlycQYRp9vQECfaBtuI77VBixuZT8Ikq7knPIraxtLcXUn-925YP4AZPohtCshEMzz_HYh-s2jy_GenEFZtSggFj5UruF1QvDnKbUPJW54S8V0hw&sa=X&ved=2ahUKEwimvqn7wKyOAxWVh1YBHdkLG7wQtKgLKAF6BAgVEAE&biw=1432&bih=745&dpr=2" placeholder="http://wikipedia.org/wiki/Oualata , http://wikipedia.org/wiki/Mauritania , https://earth.google.com/web/@17.30000269,-7.02499988,255.75461669a,52794.75315655d,1y,0h,0t,0r  ,  http://wikipedia.org/wiki/Oualata , https://en.wikipedia.org/wiki/Hodh_Ech_Chargui_region  ,  https://en.wikipedia.org/wiki/Mand%C3%A9_peoples , https://en.wikipedia.org/wiki/Soninke_people  ,  https://en.wikipedia.org/wiki/Sudano-Sahelian_architecture , https://www.google.com/search?q=soninke+people+doorways&udm=2&fbs=AIIjpHxU7SXXniUZfeShr2fp4giZ1Y6MJ25_tmWITc7uy4KIeiAkWG4OlBE2zyCTMjPbGmMU8EWskMk2JSE__efdUJ3xRFvZ0M2vJLB0hUMk5HOE2OjlycQYRp9vQECfaBtuI77VBixuZT8Ikq7knPIraxtLcXUn-925YP4AZPohtCshEMzz_HYh-s2jy_GenEFZtSggFj5UruF1QvDnKbUPJW54S8V0hw&sa=X&ved=2ahUKEwimvqn7wKyOAxWVh1YBHdkLG7wQtKgLKAF6BAgVEAE&biw=1432&bih=745&dpr=2" value="Lead in to your note ... " id="fauxpasreally01"></textarea><br><br>
---
> <input type=text ondblclick="alert(this.title);" onblur="if (eval('' + this.value.trim().length) > 0) { theone=this.id.replace('fauxpas','');   document.getElementById('tbtheone').value='' + theone;   mapsome();  document.getElementById(this.id.replace('fauxpas','fauxpasreally')).setAttribute('data-placeholder','');  }" title="Video commentary or note ... multiple can be separated by   ,   (ie. space space comma space space)" data-name=fauxpas01 id=fauxpas01 data-placeholder="Here we are in the ancient medieval city called Oualâta in Mauritania to the north west of Africa ...  ,  Oualâta lies in the Hodh El Chargi region ...  ,  Oualâta was first settled by the Mandé Soninke people ...  ,  Beautiful doorways!" placeholder="Your commentary or note" value=""></input><br>
> <input type=text ondblclick="alert(this.title);" onblur="if (eval('' + this.value.trim().length) > 0) { theone=this.id.replace('fauxpasstartsecs','');   document.getElementById('tbtheone').value='' + theone;   mapsome();   }" title="Faux pas start time(s) ... optionally comma separated" data-name=fauxpasstartsecs01 id=fauxpasstartsecs01 placeholder="0.001,10.000,27.000,47.000" value=""></input><br>
> <input type=text ondblclick="alert(this.title);" onblur="if (eval('' + this.value.trim().length) > 0) { theone=this.id.replace('fauxpasendsecs','');   document.getElementById('tbtheone').value='' + theone;   mapsome();   }" title="Faux pas end time(s) ... optionally comma separated" data-name=fauxpasendsecs01 id=fauxpasendsecs01 placeholder="10.000,22.000,45.000,57.000" value=""></input><br>
> <input type=text ondblclick="alert(this.title);" onblur="if (eval('' + this.value.trim().length) > 0) { theone=this.id.replace('fauxpasreally','');   document.getElementById('tbtheone').value='' + theone;   mapsome();   }" title="Optional correct commentary or note ... multiple can be separated by   ,   (ie. space space comma space space)" data-name=fauxpasreally01 data-placeholder="http://wikipedia.org/wiki/Oualata , http://wikipedia.org/wiki/Mauritania , https://earth.google.com/web/@17.30000269,-7.02499988,255.75461669a,52794.75315655d,1y,0h,0t,0r  ,  http://wikipedia.org/wiki/Oualata , https://en.wikipedia.org/wiki/Hodh_Ech_Chargui_region  ,  https://en.wikipedia.org/wiki/Mand%C3%A9_peoples , https://en.wikipedia.org/wiki/Soninke_people  ,  https://en.wikipedia.org/wiki/Sudano-Sahelian_architecture" placeholder="http://wikipedia.org/wiki/Oualata , http://wikipedia.org/wiki/Mauritania  ,  http://wikipedia.org/wiki/Oualata , https://en.wikipedia.org/wiki/Hodh_Ech_Chargui_region  ,  https://en.wikipedia.org/wiki/Mand%C3%A9_peoples , https://en.wikipedia.org/wiki/Soninke_people  ,  https://en.wikipedia.org/wiki/Sudano-Sahelian_architecture" value="Lead in to your note ... " id="fauxpasreally01"></input><br><br>
505,506c386,387
< </td><td id=tdright style="width:55%;vertical-align:top;overflow-x:visible;">
< <iframe onload="if (document.getElementById('youtubeid').value != '') {   }" name=rightif id=rightif src="/HTMLCSS/karaoke_youtube_api.htm" style="display:none;width:800px;height:900px;"></iframe>
---
> </td><td id=tdright style="width:55%;vertical-align:top;overflow-x:scroll;">
> <iframe onload="if (document.getElementById('youtubeid').value != '') {   }" name=rightif id=rightif src="/HTMLCSS/karaoke_youtube_api.htm" style="display:none;width:100%;height:900px;"></iframe>