Replacing donation widget with link new donate page

Resolves #1073

Co-authored-by: vswee <vswee@users.noreply.github.com>

BTCPayServer/Views/Home/Home.cshtml

@@ -73,22 +73,19 @@
     <div class="container">
         <div class="row">
             <div class="col-lg-8 mx-auto text-center">
-                <h2 class="section-heading">Donate!</h2>
+                <h2 class="section-heading">Donate</h2>
                 <hr class="primary">
+                <p>
+                    BTCPay Server is proudly free and open-source, built and maintained<br /> by a world-wide community of passionate contributors.<br />
+                    Support us by donating through BTCPay Server Foundation<br /> or by directly sending donation to a specific contributor.
+                </p>
+                <p>
+                    <a href="https://btcpayserver.org/donate/">
+                        <input type="image" src="~/img/paybutton/donateto.svg" name="submit" style="width:209px" alt="Donate to BtcPayServer">
+                    </a>
+                </p>
             </div>
         </div>
-        <div class="row">
-            <div class="col-lg-4 mr-auto text-center"></div>
-            <div class="col-lg-4 ml-auto text-center">
-                <form method="POST" action="https://donate.btcpayserver.org/api/v1/invoices">
-                    <input type="hidden" name="storeId" value="EErYwCthBNfJUpuU1etH1uhg3x1YVH1q1F2zez7u1AAX" />
-                    <div style="text-align:center;display:inline;width:209px"><div><button style="cursor:pointer; font-size:25px; line-height: 25px; background: rgba(0,0,0,.1); height: 30px; width: 45px; border:none; border-radius: 60px; margin: auto;" 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 type="text" id="btcpay-input-price" name="price" value="10" style="border: none; background-image: none; background-color: transparent; -webkit-box-shadow: none ; -moz-box-shadow: none ; -webkit-appearance: none ; width: 3em; text-align: center; font-size: 25px; margin: auto; border-radius: 5px; line-height: 35px; background: #fff;" oninput="event.preventDefault();isNaN(event.target.value) || event.target.value <= 0 ? document.querySelector('#btcpay-input-price').value = 10 : event.target.value" /><button style="cursor:pointer; font-size:25px; line-height: 25px; background: rgba(0,0,0,.1); height: 30px; width: 45px; border:none; border-radius: 60px; margin: auto;" 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 onchange="document.querySelector('input[type = hidden][name = currency]').value = event.target.value" style="-webkit-appearance: none; border: 0; display: block; padding: 0 3em; margin: auto auto 5px auto; font-size: 11px; background: 0 0; cursor: pointer;"><option value="USD">USD</option><option value="GBP">GBP</option><option value="EUR">EUR</option><option value="BTC">BTC</option></select></div>
-                    <input type="hidden" name="currency" value="USD" />
-                    <input type="image" src="~/img/paybutton/pay.svg" name="submit" style="width:209px" alt="Pay with BtcPay, Self-Hosted Bitcoin Payment Processor">
-                </form>
-            </div>
-            <div class="col-lg-4 mr-auto text-center"></div>
-        </div>
     </div>
 </section>