[tor-commits] [donate-static/master] Fix form

[hiro]

commit 6cd2fc87b3aeb18bb38254051803d7c3d84cc739
Author: hiro <h...@torproject.org>
Date:   Fri Dec 11 10:55:35 2020 +0100

    Fix form
---
 content/cryptocurrency/contents.lr | 136 +++----------------------------------
 1 file changed, 9 insertions(+), 127 deletions(-)

diff --git a/content/cryptocurrency/contents.lr 
b/content/cryptocurrency/contents.lr
index 4eb64de9..8df60ca8 100644
--- a/content/cryptocurrency/contents.lr
+++ b/content/cryptocurrency/contents.lr
@@ -19,7 +19,7 @@ body:
 <div class="intro-text">
   <div class="preamble">
     <p>
-      'Donate using BTCPayServer'
+      Donate using BTCPayServeer
     </p>
   </div>
   <div class="btc-form">
@@ -42,133 +42,13 @@ body:
     <input type="image" class="submit" name="submit" 
src="https://btcpay.torproject.net/img/paybutton/pay.svg"; style="width:209px" 
alt="Pay with BtcPay, Self-Hosted Bitcoin Payment Processor">
     </form>
   </div>
-  <script>if(!window.btcpay){    var head = 
document.getElementsByTagName('head')[0];   var script = 
document.createElement('script');   
script.src='http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/modal/btcpay.js';
   script.type = 'text/javascript';   head.append(script);}function 
onBTCPayFormSubmit(event){    var xhttp = new XMLHttpRequest();    
xhttp.onreadystatechange = function() {        if (this.readyState == 4 && 
this.status == 200) {            if(this.status == 200 && this.responseText){   
             var response = JSON.parse(this.responseText);                
window.btcpay.showInvoice(response.invoiceId);            }        }    };    
xhttp.open("POST", event.target.getAttribute('action'), true);    
xhttp.send(new FormData( event.target ));}</script><style type="text/css"> 
.btcpay-form { display: inline-flex; align-items: center; justify-content: 
center; } .btcpay-form--inline { flex-direction: row; } .btcpay-form--block { 
flex-direction: column; }
  .btcpay-form--inline .submit { margin-left: 15px; } .btcpay-form--block 
select { margin-bottom: 10px; } .btcpay-form .btcpay-custom-container{ 
text-align: center; }.btcpay-custom { display: flex; align-items: center; 
justify-content: center; } .btcpay-form .plus-minus { cursor:pointer; 
font-size:25px; line-height: 25px; background: #DFE0E1; height: 30px; width: 
45px; border:none; border-radius: 60px; margin: auto 5px; display: inline-flex; 
justify-content: center; } .btcpay-form select { -moz-appearance: none; 
-webkit-appearance: none; appearance: none; color: currentColor; background: 
transparent; border:1px solid transparent; display: block; padding: 1px; 
margin-left: auto; margin-right: auto; font-size: 11px; cursor: pointer; } 
.btcpay-form select:hover { border-color: #ccc; } #btcpay-input-price { 
-moz-appearance: none; -webkit-appearance: none; border: none; box-shadow: 
none; text-align: center; font-size: 25px; margin: auto; border-radius: 5px; 
line-height: 35px; background: 
 #fff; } #btcpay-input-price::-webkit-outer-spin-button, 
#btcpay-input-price::-webkit-inner-spin-button { -webkit-appearance: none; 
margin: 0; } </style>
-  <form method="POST"  onsubmit="onBTCPayFormSubmit(event);return false"  
action="http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/api/v1/invoices";
 class="btcpay-form btcpay-form--inline">
-  <input type="hidden" name="storeId" 
value="95bAXzi9xpnvu6BqUm5Uyc8C1c1rPLYsQnsgdvMGp4sh" />
-  <input type="hidden" name="jsonResponse" value="true" />
-  <div class="btcpay-custom-container">
-    <div class="btcpay-custom">
-      <button class="plus-minus" onclick="event.preventDefault(); var price = 
parseInt(document.querySelector('#btcpay-input-price').value); if ('-' == '-' 
&& (price - 1) < 1) { return; } 
document.querySelector('#btcpay-input-price').value = 
parseInt(document.querySelector('#btcpay-input-price').value) - 1;">-</button>
-      <input id="btcpay-input-price" name="price" type="text" min="1" 
max="2000" step="1" value="10" style="width: 2em;" 
oninput="event.preventDefault();isNaN(event.target.value) || event.target.value 
<= 0 ? document.querySelector('#btcpay-input-price').value = 10 : 
event.target.value"  />
-      <button class="plus-minus" onclick="event.preventDefault(); var price = 
parseInt(document.querySelector('#btcpay-input-price').value); if ('+' == '-' 
&& (price - 1) < 1) { return; } 
document.querySelector('#btcpay-input-price').value = 
parseInt(document.querySelector('#btcpay-input-price').value) + 1;">+</button>
-    </div>
-    <select name="currency">
-      <option value="USD" selected>USD</option>
-      <option value="GBP">GBP</option>
-      <option value="EUR">EUR</option>
-      <option value="BTC">BTC</option>
-    </select>
-  </div>
-  <button type="submit" class="submit" name="submit" style="min-width:146px; 
min-height:40px; border-radius: 4px;border-style: none;background-color: 
#0f3b21;" alt="Pay with BtcPay, Self-Hosted Bitcoin Payment Processor"><span 
style="color:#fff">.onion</span>
-  </button></form><script>if(!window.btcpay){    var head = 
document.getElementsByTagName('head')[0];   var script = 
document.createElement('script');   
script.src='http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/modal/btcpay.js';
   script.type = 'text/javascript';   head.append(script);}function 
onBTCPayFormSubmit(event){    var xhttp = new XMLHttpRequest();    
xhttp.onreadystatechange = function() {        if (this.readyState == 4 && 
this.status == 200) {            if(this.status == 200 && this.responseText){   
             var response = JSON.parse(this.responseText);                
window.btcpay.showInvoice(response.invoiceId);            }        }    };    
xhttp.open("POST", event.target.getAttribute('action'), true);    
xhttp.send(new FormData( event.target ));}</script><style type="text/css"> 
.btcpay-form { display: inline-flex; align-items: center; justify-content: 
center; } .btcpay-form--inline { flex-direction: row; } .btcpay-form--block { 
flex-dire
 ction: column; } .btcpay-form--inline .submit { margin-left: 15px; } 
.btcpay-form--block select { margin-bottom: 10px; } .btcpay-form 
.btcpay-custom-container{ text-align: center; }.btcpay-custom { display: flex; 
align-items: center; justify-content: center; } .btcpay-form .plus-minus { 
cursor:pointer; font-size:25px; line-height: 25px; background: #DFE0E1; height: 
30px; width: 45px; border:none; border-radius: 60px; margin: auto 5px; display: 
inline-flex; justify-content: center; } .btcpay-form select { -moz-appearance: 
none; -webkit-appearance: none; appearance: none; color: currentColor; 
background: transparent; border:1px solid transparent; display: block; padding: 
1px; margin-left: auto; margin-right: auto; font-size: 11px; cursor: pointer; } 
.btcpay-form select:hover { border-color: #ccc; } #btcpay-input-price { 
-moz-appearance: none; -webkit-appearance: none; border: none; box-shadow: 
none; text-align: center; font-size: 25px; margin: auto; border-radius: 5px; 
line-height: 35
 px; background: #fff; } #btcpay-input-price::-webkit-outer-spin-button, 
#btcpay-input-price::-webkit-inner-spin-button { -webkit-appearance: none; 
margin: 0; } </style>
-  <form method="POST"  onsubmit="onBTCPayFormSubmit(event);return false"  
action="http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/api/v1/invoices";
 class="btcpay-form btcpay-form--inline">
-  <input type="hidden" name="storeId" 
value="95bAXzi9xpnvu6BqUm5Uyc8C1c1rPLYsQnsgdvMGp4sh" />
-  <input type="hidden" name="jsonResponse" value="true" />
-  <div class="btcpay-custom-container">
-    <div class="btcpay-custom">
-      <button class="plus-minus" onclick="event.preventDefault(); var price = 
parseInt(document.querySelector('#btcpay-input-price').value); if ('-' == '-' 
&& (price - 1) < 1) { return; } 
document.querySelector('#btcpay-input-price').value = 
parseInt(document.querySelector('#btcpay-input-price').value) - 1;">-</button>
-      <input id="btcpay-input-price" name="price" type="text" min="1" 
max="2000" step="1" value="10" style="width: 2em;" 
oninput="event.preventDefault();isNaN(event.target.value) || event.target.value 
<= 0 ? document.querySelector('#btcpay-input-price').value = 10 : 
event.target.value"  />
-      <button class="plus-minus" onclick="event.preventDefault(); var price = 
parseInt(document.querySelector('#btcpay-input-price').value); if ('+' == '-' 
&& (price - 1) < 1) { return; } 
document.querySelector('#btcpay-input-price').value = 
parseInt(document.querySelector('#btcpay-input-price').value) + 1;">+</button>
-    </div>
-    <select name="currency">
-      <option value="USD" selected>USD</option>
-      <option value="GBP">GBP</option>
-      <option value="EUR">EUR</option>
-      <option value="BTC">BTC</option>
-    </select>
-  </div>
-  <button type="submit" class="submit" name="submit" style="min-width:146px; 
min-height:40px; border-radius: 4px;border-style: none;background-color: 
#0f3b21;" alt="Pay with BtcPay, Self-Hosted Bitcoin Payment Processor"><span 
style="color:#fff">.onion</span>
-  </button></form><script>if(!window.btcpay){    var head = 
document.getElementsByTagName('head')[0];   var script = 
document.createElement('script');   
script.src='http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/modal/btcpay.js';
   script.type = 'text/javascript';   head.append(script);}function 
onBTCPayFormSubmit(event){    var xhttp = new XMLHttpRequest();    
xhttp.onreadystatechange = function() {        if (this.readyState == 4 && 
this.status == 200) {            if(this.status == 200 && this.responseText){   
             var response = JSON.parse(this.responseText);                
window.btcpay.showInvoice(response.invoiceId);            }        }    };    
xhttp.open("POST", event.target.getAttribute('action'), true);    
xhttp.send(new FormData( event.target ));}</script><style type="text/css"> 
.btcpay-form { display: inline-flex; align-items: center; justify-content: 
center; } .btcpay-form--inline { flex-direction: row; } .btcpay-form--block { 
flex-dire
 ction: column; } .btcpay-form--inline .submit { margin-left: 15px; } 
.btcpay-form--block select { margin-bottom: 10px; } .btcpay-form 
.btcpay-custom-container{ text-align: center; }.btcpay-custom { display: flex; 
align-items: center; justify-content: center; } .btcpay-form .plus-minus { 
cursor:pointer; font-size:25px; line-height: 25px; background: #DFE0E1; height: 
30px; width: 45px; border:none; border-radius: 60px; margin: auto 5px; display: 
inline-flex; justify-content: center; } .btcpay-form select { -moz-appearance: 
none; -webkit-appearance: none; appearance: none; color: currentColor; 
background: transparent; border:1px solid transparent; display: block; padding: 
1px; margin-left: auto; margin-right: auto; font-size: 11px; cursor: pointer; } 
.btcpay-form select:hover { border-color: #ccc; } #btcpay-input-price { 
-moz-appearance: none; -webkit-appearance: none; border: none; box-shadow: 
none; text-align: center; font-size: 25px; margin: auto; border-radius: 5px; 
line-height: 35
 px; background: #fff; } #btcpay-input-price::-webkit-outer-spin-button, 
#btcpay-input-price::-webkit-inner-spin-button { -webkit-appearance: none; 
margin: 0; } </style>
-  <form method="POST"  onsubmit="onBTCPayFormSubmit(event);return false"  
action="http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/api/v1/invoices";
 class="btcpay-form btcpay-form--inline">
-  <input type="hidden" name="storeId" 
value="95bAXzi9xpnvu6BqUm5Uyc8C1c1rPLYsQnsgdvMGp4sh" />
-  <input type="hidden" name="jsonResponse" value="true" />
-  <div class="btcpay-custom-container">
-    <div class="btcpay-custom">
-      <button class="plus-minus" onclick="event.preventDefault(); var price = 
parseInt(document.querySelector('#btcpay-input-price').value); if ('-' == '-' 
&& (price - 1) < 1) { return; } 
document.querySelector('#btcpay-input-price').value = 
parseInt(document.querySelector('#btcpay-input-price').value) - 1;">-</button>
-      <input id="btcpay-input-price" name="price" type="text" min="1" 
max="2000" step="1" value="10" style="width: 2em;" 
oninput="event.preventDefault();isNaN(event.target.value) || event.target.value 
<= 0 ? document.querySelector('#btcpay-input-price').value = 10 : 
event.target.value"  />
-      <button class="plus-minus" onclick="event.preventDefault(); var price = 
parseInt(document.querySelector('#btcpay-input-price').value); if ('+' == '-' 
&& (price - 1) < 1) { return; } 
document.querySelector('#btcpay-input-price').value = 
parseInt(document.querySelector('#btcpay-input-price').value) + 1;">+</button>
-    </div>
-    <select name="currency">
-      <option value="USD" selected>USD</option>
-      <option value="GBP">GBP</option>
-      <option value="EUR">EUR</option>
-      <option value="BTC">BTC</option>
-    </select>
-  </div>
-  <button type="submit" class="submit" name="submit" style="min-width:146px; 
min-height:40px; border-radius: 4px;border-style: none;background-color: 
#0f3b21;" alt="Pay with BtcPay, Self-Hosted Bitcoin Payment Processor"><span 
style="color:#fff">.onion</span>
-  </button></form><script>if(!window.btcpay){    var head = 
document.getElementsByTagName('head')[0];   var script = 
document.createElement('script');   
script.src='http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/modal/btcpay.js';
   script.type = 'text/javascript';   head.append(script);}function 
onBTCPayFormSubmit(event){    var xhttp = new XMLHttpRequest();    
xhttp.onreadystatechange = function() {        if (this.readyState == 4 && 
this.status == 200) {            if(this.status == 200 && this.responseText){   
             var response = JSON.parse(this.responseText);                
window.btcpay.showInvoice(response.invoiceId);            }        }    };    
xhttp.open("POST", event.target.getAttribute('action'), true);    
xhttp.send(new FormData( event.target ));}</script><style type="text/css"> 
.btcpay-form { display: inline-flex; align-items: center; justify-content: 
center; } .btcpay-form--inline { flex-direction: row; } .btcpay-form--block { 
flex-dire
 ction: column; } .btcpay-form--inline .submit { margin-left: 15px; } 
.btcpay-form--block select { margin-bottom: 10px; } .btcpay-form 
.btcpay-custom-container{ text-align: center; }.btcpay-custom { display: flex; 
align-items: center; justify-content: center; } .btcpay-form .plus-minus { 
cursor:pointer; font-size:25px; line-height: 25px; background: #DFE0E1; height: 
30px; width: 45px; border:none; border-radius: 60px; margin: auto 5px; display: 
inline-flex; justify-content: center; } .btcpay-form select { -moz-appearance: 
none; -webkit-appearance: none; appearance: none; color: currentColor; 
background: transparent; border:1px solid transparent; display: block; padding: 
1px; margin-left: auto; margin-right: auto; font-size: 11px; cursor: pointer; } 
.btcpay-form select:hover { border-color: #ccc; } #btcpay-input-price { 
-moz-appearance: none; -webkit-appearance: none; border: none; box-shadow: 
none; text-align: center; font-size: 25px; margin: auto; border-radius: 5px; 
line-height: 35
 px; background: #fff; } #btcpay-input-price::-webkit-outer-spin-button, 
#btcpay-input-price::-webkit-inner-spin-button { -webkit-appearance: none; 
margin: 0; } </style>
-  <form method="POST"  onsubmit="onBTCPayFormSubmit(event);return false"  
action="http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/api/v1/invoices";
 class="btcpay-form btcpay-form--inline">
-  <input type="hidden" name="storeId" 
value="95bAXzi9xpnvu6BqUm5Uyc8C1c1rPLYsQnsgdvMGp4sh" />
-  <input type="hidden" name="jsonResponse" value="true" />
-  <div class="btcpay-custom-container">
-    <div class="btcpay-custom">
-      <button class="plus-minus" onclick="event.preventDefault(); var price = 
parseInt(document.querySelector('#btcpay-input-price').value); if ('-' == '-' 
&& (price - 1) < 1) { return; } 
document.querySelector('#btcpay-input-price').value = 
parseInt(document.querySelector('#btcpay-input-price').value) - 1;">-</button>
-      <input id="btcpay-input-price" name="price" type="text" min="1" 
max="2000" step="1" value="10" style="width: 2em;" 
oninput="event.preventDefault();isNaN(event.target.value) || event.target.value 
<= 0 ? document.querySelector('#btcpay-input-price').value = 10 : 
event.target.value"  />
-      <button class="plus-minus" onclick="event.preventDefault(); var price = 
parseInt(document.querySelector('#btcpay-input-price').value); if ('+' == '-' 
&& (price - 1) < 1) { return; } 
document.querySelector('#btcpay-input-price').value = 
parseInt(document.querySelector('#btcpay-input-price').value) + 1;">+</button>
-    </div>
-    <select name="currency">
-      <option value="USD" selected>USD</option>
-      <option value="GBP">GBP</option>
-      <option value="EUR">EUR</option>
-      <option value="BTC">BTC</option>
-    </select>
-  </div>
-  <button type="submit" class="submit" name="submit" style="min-width:146px; 
min-height:40px; border-radius: 4px;border-style: none;background-color: 
#0f3b21;" alt="Pay with BtcPay, Self-Hosted Bitcoin Payment Processor"><span 
style="color:#fff">.onion</span>
-  </button></form><script>if(!window.btcpay){    var head = 
document.getElementsByTagName('head')[0];   var script = 
document.createElement('script');   
script.src='http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/modal/btcpay.js';
   script.type = 'text/javascript';   head.append(script);}function 
onBTCPayFormSubmit(event){    var xhttp = new XMLHttpRequest();    
xhttp.onreadystatechange = function() {        if (this.readyState == 4 && 
this.status == 200) {            if(this.status == 200 && this.responseText){   
             var response = JSON.parse(this.responseText);                
window.btcpay.showInvoice(response.invoiceId);            }        }    };    
xhttp.open("POST", event.target.getAttribute('action'), true);    
xhttp.send(new FormData( event.target ));}</script><style type="text/css"> 
.btcpay-form { display: inline-flex; align-items: center; justify-content: 
center; } .btcpay-form--inline { flex-direction: row; } .btcpay-form--block { 
flex-dire
 ction: column; } .btcpay-form--inline .submit { margin-left: 15px; } 
.btcpay-form--block select { margin-bottom: 10px; } .btcpay-form 
.btcpay-custom-container{ text-align: center; }.btcpay-custom { display: flex; 
align-items: center; justify-content: center; } .btcpay-form .plus-minus { 
cursor:pointer; font-size:25px; line-height: 25px; background: #DFE0E1; height: 
30px; width: 45px; border:none; border-radius: 60px; margin: auto 5px; display: 
inline-flex; justify-content: center; } .btcpay-form select { -moz-appearance: 
none; -webkit-appearance: none; appearance: none; color: currentColor; 
background: transparent; border:1px solid transparent; display: block; padding: 
1px; margin-left: auto; margin-right: auto; font-size: 11px; cursor: pointer; } 
.btcpay-form select:hover { border-color: #ccc; } #btcpay-input-price { 
-moz-appearance: none; -webkit-appearance: none; border: none; box-shadow: 
none; text-align: center; font-size: 25px; margin: auto; border-radius: 5px; 
line-height: 35
 px; background: #fff; } #btcpay-input-price::-webkit-outer-spin-button, 
#btcpay-input-price::-webkit-inner-spin-button { -webkit-appearance: none; 
margin: 0; } </style>
-  <form method="POST"  onsubmit="onBTCPayFormSubmit(event);return false"  
action="http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/api/v1/invoices";
 class="btcpay-form btcpay-form--inline">
-  <input type="hidden" name="storeId" 
value="95bAXzi9xpnvu6BqUm5Uyc8C1c1rPLYsQnsgdvMGp4sh" />
-  <input type="hidden" name="jsonResponse" value="true" />
-  <div class="btcpay-custom-container">
-    <div class="btcpay-custom">
-      <button class="plus-minus" onclick="event.preventDefault(); var price = 
parseInt(document.querySelector('#btcpay-input-price').value); if ('-' == '-' 
&& (price - 1) < 1) { return; } 
document.querySelector('#btcpay-input-price').value = 
parseInt(document.querySelector('#btcpay-input-price').value) - 1;">-</button>
-      <input id="btcpay-input-price" name="price" type="text" min="1" 
max="2000" step="1" value="10" style="width: 2em;" 
oninput="event.preventDefault();isNaN(event.target.value) || event.target.value 
<= 0 ? document.querySelector('#btcpay-input-price').value = 10 : 
event.target.value"  />
-      <button class="plus-minus" onclick="event.preventDefault(); var price = 
parseInt(document.querySelector('#btcpay-input-price').value); if ('+' == '-' 
&& (price - 1) < 1) { return; } 
document.querySelector('#btcpay-input-price').value = 
parseInt(document.querySelector('#btcpay-input-price').value) + 1;">+</button>
-    </div>
-    <select name="currency">
-      <option value="USD" selected>USD</option>
-      <option value="GBP">GBP</option>
-      <option value="EUR">EUR</option>
-      <option value="BTC">BTC</option>
-    </select>
-  </div>
-  <button type="submit" class="submit" name="submit" style="min-width:146px; 
min-height:40px; border-radius: 4px;border-style: none;background-color: 
#0f3b21;" alt="Pay with BtcPay, Self-Hosted Bitcoin Payment Processor"><span 
style="color:#fff">.onion</span>
-  </button></form><script>if(!window.btcpay){    var head = 
document.getElementsByTagName('head')[0];   var script = 
document.createElement('script');   
script.src='http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/modal/btcpay.js';
   script.type = 'text/javascript';   head.append(script);}function 
onBTCPayFormSubmit(event){    var xhttp = new XMLHttpRequest();    
xhttp.onreadystatechange = function() {        if (this.readyState == 4 && 
this.status == 200) {            if(this.status == 200 && this.responseText){   
             var response = JSON.parse(this.responseText);                
window.btcpay.showInvoice(response.invoiceId);            }        }    };    
xhttp.open("POST", event.target.getAttribute('action'), true);    
xhttp.send(new FormData( event.target ));}</script><style type="text/css"> 
.btcpay-form { display: inline-flex; align-items: center; justify-content: 
center; } .btcpay-form--inline { flex-direction: row; } .btcpay-form--block { 
flex-dire
 ction: column; } .btcpay-form--inline .submit { margin-left: 15px; } 
.btcpay-form--block select { margin-bottom: 10px; } .btcpay-form 
.btcpay-custom-container{ text-align: center; }.btcpay-custom { display: flex; 
align-items: center; justify-content: center; } .btcpay-form .plus-minus { 
cursor:pointer; font-size:25px; line-height: 25px; background: #DFE0E1; height: 
30px; width: 45px; border:none; border-radius: 60px; margin: auto 5px; display: 
inline-flex; justify-content: center; } .btcpay-form select { -moz-appearance: 
none; -webkit-appearance: none; appearance: none; color: currentColor; 
background: transparent; border:1px solid transparent; display: block; padding: 
1px; margin-left: auto; margin-right: auto; font-size: 11px; cursor: pointer; } 
.btcpay-form select:hover { border-color: #ccc; } #btcpay-input-price { 
-moz-appearance: none; -webkit-appearance: none; border: none; box-shadow: 
none; text-align: center; font-size: 25px; margin: auto; border-radius: 5px; 
line-height: 35
 px; background: #fff; } #btcpay-input-price::-webkit-outer-spin-button, 
#btcpay-input-price::-webkit-inner-spin-button { -webkit-appearance: none; 
margin: 0; } </style>
-  <form method="POST"  onsubmit="onBTCPayFormSubmit(event);return false"  
action="http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/api/v1/invoices";
 class="btcpay-form btcpay-form--inline">
-  <input type="hidden" name="storeId" 
value="95bAXzi9xpnvu6BqUm5Uyc8C1c1rPLYsQnsgdvMGp4sh" />
-  <input type="hidden" name="jsonResponse" value="true" />
-  <div class="btcpay-custom-container">
-    <div class="btcpay-custom">
-      <button class="plus-minus" onclick="event.preventDefault(); var price = 
parseInt(document.querySelector('#btcpay-input-price').value); if ('-' == '-' 
&& (price - 1) < 1) { return; } 
document.querySelector('#btcpay-input-price').value = 
parseInt(document.querySelector('#btcpay-input-price').value) - 1;">-</button>
-      <input id="btcpay-input-price" name="price" type="text" min="1" 
max="2000" step="1" value="10" style="width: 2em;" 
oninput="event.preventDefault();isNaN(event.target.value) || event.target.value 
<= 0 ? document.querySelector('#btcpay-input-price').value = 10 : 
event.target.value"  />
-      <button class="plus-minus" onclick="event.preventDefault(); var price = 
parseInt(document.querySelector('#btcpay-input-price').value); if ('+' == '-' 
&& (price - 1) < 1) { return; } 
document.querySelector('#btcpay-input-price').value = 
parseInt(document.querySelector('#btcpay-input-price').value) + 1;">+</button>
-    </div>
-    <select name="currency">
-      <option value="USD" selected>USD</option>
-      <option value="GBP">GBP</option>
-      <option value="EUR">EUR</option>
-      <option value="BTC">BTC</option>
-    </select>
-  </div>
-  <button type="submit" class="submit" name="submit" style="min-width:146px; 
min-height:40px; border-radius: 4px;border-style: none;background-color: 
#0f3b21;" alt="Pay with BtcPay, Self-Hosted Bitcoin Payment Processor"><span 
style="color:#fff">.onion</span>
-  </button></form><script>if(!window.btcpay){    var head = 
document.getElementsByTagName('head')[0];   var script = 
document.createElement('script');   
script.src='http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/modal/btcpay.js';
   script.type = 'text/javascript';   head.append(script);}function 
onBTCPayFormSubmit(event){    var xhttp = new XMLHttpRequest();    
xhttp.onreadystatechange = function() {        if (this.readyState == 4 && 
this.status == 200) {            if(this.status == 200 && this.responseText){   
             var response = JSON.parse(this.responseText);                
window.btcpay.showInvoice(response.invoiceId);            }        }    };    
xhttp.open("POST", event.target.getAttribute('action'), true);    
xhttp.send(new FormData( event.target ));}</script><style type="text/css"> 
.btcpay-form { display: inline-flex; align-items: center; justify-content: 
center; } .btcpay-form--inline { flex-direction: row; } .btcpay-form--block { 
flex-dire
 ction: column; } .btcpay-form--inline .submit { margin-left: 15px; } 
.btcpay-form--block select { margin-bottom: 10px; } .btcpay-form 
.btcpay-custom-container{ text-align: center; }.btcpay-custom { display: flex; 
align-items: center; justify-content: center; } .btcpay-form .plus-minus { 
cursor:pointer; font-size:25px; line-height: 25px; background: #DFE0E1; height: 
30px; width: 45px; border:none; border-radius: 60px; margin: auto 5px; display: 
inline-flex; justify-content: center; } .btcpay-form select { -moz-appearance: 
none; -webkit-appearance: none; appearance: none; color: currentColor; 
background: transparent; border:1px solid transparent; display: block; padding: 
1px; margin-left: auto; margin-right: auto; font-size: 11px; cursor: pointer; } 
.btcpay-form select:hover { border-color: #ccc; } #btcpay-input-price { 
-moz-appearance: none; -webkit-appearance: none; border: none; box-shadow: 
none; text-align: center; font-size: 25px; margin: auto; border-radius: 5px; 
line-height: 35
 px; background: #fff; } #btcpay-input-price::-webkit-outer-spin-button, 
#btcpay-input-price::-webkit-inner-spin-button { -webkit-appearance: none; 
margin: 0; } </style>
-  <form method="POST"  onsubmit="onBTCPayFormSubmit(event);return false"  
action="http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/api/v1/invoices";
 class="btcpay-form btcpay-form--inline">
-  <input type="hidden" name="storeId" 
value="95bAXzi9xpnvu6BqUm5Uyc8C1c1rPLYsQnsgdvMGp4sh" />
-  <input type="hidden" name="jsonResponse" value="true" />
-  <div class="btcpay-custom-container">
-    <div class="btcpay-custom">
-      <button class="plus-minus" onclick="event.preventDefault(); var price = 
parseInt(document.querySelector('#btcpay-input-price').value); if ('-' == '-' 
&& (price - 1) < 1) { return; } 
document.querySelector('#btcpay-input-price').value = 
parseInt(document.querySelector('#btcpay-input-price').value) - 1;">-</button>
-      <input id="btcpay-input-price" name="price" type="text" min="1" 
max="2000" step="1" value="10" style="width: 2em;" 
oninput="event.preventDefault();isNaN(event.target.value) || event.target.value 
<= 0 ? document.querySelector('#btcpay-input-price').value = 10 : 
event.target.value"  />
-      <button class="plus-minus" onclick="event.preventDefault(); var price = 
parseInt(document.querySelector('#btcpay-input-price').value); if ('+' == '-' 
&& (price - 1) < 1) { return; } 
document.querySelector('#btcpay-input-price').value = 
parseInt(document.querySelector('#btcpay-input-price').value) + 1;">+</button>
-    </div>
-    <select name="currency">
-      <option value="USD" selected>USD</option>
-      <option value="GBP">GBP</option>
-      <option value="EUR">EUR</option>
-      <option value="BTC">BTC</option>
-    </select>
+  <div class="preamble">
+    <p>
+      Donate using BTCPayServeer .onion address
+    </p>
   </div>
-  <button type="submit" class="submit" name="submit" style="min-width:146px; 
min-height:40px; border-radius: 4px;border-style: none;background-color: 
#0f3b21;" alt="Pay with BtcPay, Self-Hosted Bitcoin Payment Processor"><span 
style="color:#fff">.onion</span>
-  </button></form><script>if(!window.btcpay){    var head = 
document.getElementsByTagName('head')[0];   var script = 
document.createElement('script');   
script.src='http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/modal/btcpay.js';
   script.type = 'text/javascript';   head.append(script);}function 
onBTCPayFormSubmit(event){    var xhttp = new XMLHttpRequest();    
xhttp.onreadystatechange = function() {        if (this.readyState == 4 && 
this.status == 200) {            if(this.status == 200 && this.responseText){   
             var response = JSON.parse(this.responseText);                
window.btcpay.showInvoice(response.invoiceId);            }        }    };    
xhttp.open("POST", event.target.getAttribute('action'), true);    
xhttp.send(new FormData( event.target ));}</script><style type="text/css"> 
.btcpay-form { display: inline-flex; align-items: center; justify-content: 
center; } .btcpay-form--inline { flex-direction: row; } .btcpay-form--block { 
flex-dire
 ction: column; } .btcpay-form--inline .submit { margin-left: 15px; } 
.btcpay-form--block select { margin-bottom: 10px; } .btcpay-form 
.btcpay-custom-container{ text-align: center; }.btcpay-custom { display: flex; 
align-items: center; justify-content: center; } .btcpay-form .plus-minus { 
cursor:pointer; font-size:25px; line-height: 25px; background: #DFE0E1; height: 
30px; width: 45px; border:none; border-radius: 60px; margin: auto 5px; display: 
inline-flex; justify-content: center; } .btcpay-form select { -moz-appearance: 
none; -webkit-appearance: none; appearance: none; color: currentColor; 
background: transparent; border:1px solid transparent; display: block; padding: 
1px; margin-left: auto; margin-right: auto; font-size: 11px; cursor: pointer; } 
.btcpay-form select:hover { border-color: #ccc; } #btcpay-input-price { 
-moz-appearance: none; -webkit-appearance: none; border: none; box-shadow: 
none; text-align: center; font-size: 25px; margin: auto; border-radius: 5px; 
line-height: 35
 px; background: #fff; } #btcpay-input-price::-webkit-outer-spin-button, 
#btcpay-input-price::-webkit-inner-spin-button { -webkit-appearance: none; 
margin: 0; } </style>
+  <div class="btc-form">
+  <script>if(!window.btcpay){    var head = 
document.getElementsByTagName('head')[0];   var script = 
document.createElement('script');   
script.src='http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/modal/btcpay.js';
   script.type = 'text/javascript';   head.append(script);}function 
onBTCPayFormSubmit(event){    var xhttp = new XMLHttpRequest();    
xhttp.onreadystatechange = function() {        if (this.readyState == 4 && 
this.status == 200) {            if(this.status == 200 && this.responseText){   
             var response = JSON.parse(this.responseText);                
window.btcpay.showInvoice(response.invoiceId);            }        }    };    
xhttp.open("POST", event.target.getAttribute('action'), true);    
xhttp.send(new FormData( event.target ));}</script><style type="text/css"> 
.btcpay-form { display: inline-flex; align-items: center; justify-content: 
center; } .btcpay-form--inline { flex-direction: row; } .btcpay-form--block { 
flex-direction: column; }
  .btcpay-form--inline .submit { margin-left: 15px; } .btcpay-form--block 
select { margin-bottom: 10px; } .btcpay-form .btcpay-custom-container{ 
text-align: center; }.btcpay-custom { display: flex; align-items: center; 
justify-content: center; } .btcpay-form .plus-minus { cursor:pointer; 
font-size:25px; line-height: 25px; background: #DFE0E1; height: 30px; width: 
45px; border:none; border-radius: 60px; margin: auto 5px; display: inline-flex; 
justify-content: center; } .btcpay-form select { -moz-appearance: none; 
-webkit-appearance: none; appearance: none; color: currentColor; background: 
transparent; border:1px solid transparent; display: block; padding: 1px; 
margin-left: auto; margin-right: auto; font-size: 11px; cursor: pointer; } 
.btcpay-form select:hover { border-color: #ccc; } #btcpay-input-price { 
-moz-appearance: none; -webkit-appearance: none; border: none; box-shadow: 
none; text-align: center; font-size: 25px; margin: auto; border-radius: 5px; 
line-height: 35px; background: 
 #fff; } #btcpay-input-price::-webkit-outer-spin-button, 
#btcpay-input-price::-webkit-inner-spin-button { -webkit-appearance: none; 
margin: 0; } </style>
   <form method="POST"  onsubmit="onBTCPayFormSubmit(event);return false"  
action="http://3rk3juzfjgs6tpn57betff4yrnuprd72xdzn6tmgf4rbdwnjy3dapoqd.onion/api/v1/invoices";
 class="btcpay-form btcpay-form--inline">
   <input type="hidden" name="storeId" 
value="95bAXzi9xpnvu6BqUm5Uyc8C1c1rPLYsQnsgdvMGp4sh" />
   <input type="hidden" name="jsonResponse" value="true" />
@@ -187,6 +67,8 @@ body:
   </div>
   <button type="submit" class="submit" name="submit" style="min-width:146px; 
min-height:40px; border-radius: 4px;border-style: none;background-color: 
#0f3b21;" alt="Pay with BtcPay, Self-Hosted Bitcoin Payment Processor"><span 
style="color:#fff">.onion</span>
   </button></form>
+
+  </div>
   <div class="preamble">
     <p>
       Donate using wallet addresses

_______________________________________________
tor-commits mailing list
tor-commits@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-commits