Change donation QR to use proper donation button. Remove also special thanks part as the contributors dramtically changed.

This commit is contained in:
nicolas.dorier 2019-06-23 14:29:43 +09:00
parent d1f1bc93b3
commit 81ccfa1e6c
No known key found for this signature in database
GPG Key ID: 6618763EF09186FE
5 changed files with 150 additions and 73 deletions

View File

@ -69,93 +69,170 @@
</div>
</div>
</div>
<section>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<h2 class="section-heading">Special thanks</h2>
<h2 class="section-heading">Donate!</h2>
<hr class="primary">
<p>Thanks to those who gave me some time to work on this project, or helped me.</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 mr-auto text-center">
<a href="https://www.dglab.com/en/">
<img src="~/img/dglab.gif" height="100" />
</a>
<p>
<a href="https://www.dglab.com/en/">DG Lab</a>
</p>
</div>
<div class="col-lg-4 mr-auto text-center"></div>
<div class="col-lg-4 ml-auto text-center">
<a href="https://metaco.com/">
<img src="~/img/metaco.jpg" height="100" />
</a>
<p><a href="https://metaco.com/">Metaco</a></p>
</div>
<div class="col-lg-4 mr-auto text-center">
<a href="https://ibukingdom.themedia.jp/">
<img src="~/img/ibuki.png" height="100" />
</a>
<p>
<a href="https://ibukingdom.themedia.jp/">Designer</a>
</p>
<form method="POST" action="https://mainnet.demo.btcpayserver.org/api/v1/invoices">
<input type="hidden" name="storeId" value="9jT32zwtZ9m6DPNVYTLNQZiKQSEM5r4wTej6t3NDb4VR" />
<div style="text-align:center;width:209px;display:inline;">
<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: 209px; 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" onchange="document.querySelector('#btcpay-input-range').value = document.querySelector('#btcpay-input-price').value" /><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><input class="btcpay-input-range" id="btcpay-input-range" value="10" type="range" min="1" max="20" step="1" style="width:209px ;margin-bottom:15px;" oninput="document.querySelector('#btcpay-input-price').value = document.querySelector('#btcpay-input-range').value" />
<style type="text/css">
input[type=range].btcpay-input-range {
-webkit-appearance: none;
width: 100%;
margin: 9.45px 0
}
input[type=range].btcpay-input-range:focus {
outline: 0
}
input[type=range].btcpay-input-range::-webkit-slider-runnable-track {
width: 100%;
height: 3.1px;
cursor: pointer;
box-shadow: 0 0 1.7px #020,0 0 0 #003c00;
background: #f3f3f3;
border-radius: 1px;
border: 0 solid rgba(24,213,1,0)
}
input[type=range].btcpay-input-range::-webkit-slider-thumb {
box-shadow: 0 0 3.7px rgba(0,170,0,0),0 0 0 rgba(0,195,0,0);
border: 2.5px solid #cedc21;
height: 22px;
width: 23px;
border-radius: 12px;
background: #0f3723;
cursor: pointer;
-webkit-appearance: none;
margin-top: -9.45px
}
input[type=range].btcpay-input-range:focus::-webkit-slider-runnable-track {
background: #fff
}
input[type=range].btcpay-input-range::-moz-range-track {
width: 100%;
height: 3.1px;
cursor: pointer;
box-shadow: 0 0 1.7px #020,0 0 0 #003c00;
background: #f3f3f3;
border-radius: 1px;
border: 0 solid rgba(24,213,1,0)
}
input[type=range].btcpay-input-range::-moz-range-thumb {
box-shadow: 0 0 3.7px rgba(0,170,0,0),0 0 0 rgba(0,195,0,0);
border: 2.5px solid #cedc21;
height: 22px;
width: 23px;
border-radius: 12px;
background: #0f3723;
cursor: pointer
}
input[type=range].btcpay-input-range::-ms-track {
width: 100%;
height: 3.1px;
cursor: pointer;
background: 0 0;
border-color: transparent;
color: transparent
}
input[type=range].btcpay-input-range::-ms-fill-lower {
background: #e6e6e6;
border: 0 solid rgba(24,213,1,0);
border-radius: 2px;
box-shadow: 0 0 1.7px #020,0 0 0 #003c00
}
input[type=range].btcpay-input-range::-ms-fill-upper {
background: #f3f3f3;
border: 0 solid rgba(24,213,1,0);
border-radius: 2px;
box-shadow: 0 0 1.7px #020,0 0 0 #003c00
}
input[type=range].btcpay-input-range::-ms-thumb {
box-shadow: 0 0 3.7px rgba(0,170,0,0),0 0 0 rgba(0,195,0,0);
border: 2.5px solid #cedc21;
height: 22px;
width: 23px;
border-radius: 12px;
background: #0f3723;
cursor: pointer;
height: 3.1px
}
input[type=range].btcpay-input-range:focus::-ms-fill-lower {
background: #f3f3f3
}
input[type=range].btcpay-input-range:focus::-ms-fill-upper {
background: #fff
}
</style>
</div>
<input type="hidden" name="currency" value="USD" />
<input type="image" src="~/img/paybutton/pay.png" 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>
<div class="call-to-action bg-dark text-white">
<div class="container text-center">
<h2>Donate</h2>
<p>Donation to this address will be reinvested into the development of this tool</p>
<p><img src="~/img/donation.jpg"></p>
<p>3BpfdkF93GwFRWdrAN3SNsRAsi6d158YQi</p>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<h2 class="section-heading">Let's Get In Touch!</h2>
<hr class="primary">
<p>
An open source project is nothing without its community<br />
Come and get in touch with us!
</p>
</div>
</div>
<div class="row">
<div class="col-lg-3 ml-auto text-center">
<a href="https://chat.btcpayserver.org/" target="_blank">
<img src="~/img/mattermost.png" height="100" />
</a>
<p><a href="https://chat.btcpayserver.org/" target="_blank">On Mattermost</a></p>
</div>
<div class="col-lg-3 ml-auto text-center">
<a href="https://slack.btcpayserver.org/" target="_blank">
<img src="~/img/slack.png" height="100" />
</a>
<p><a href="http://slack.forkbitpay.ninja/" target="_blank">On Slack</a></p>
</div>
<div class="col-lg-3 mr-auto text-center">
<a href="https://twitter.com/BtcpayServer" target="_blank">
<img src="~/img/twitter.png" height="100" />
</a>
<p>
<a href="https://twitter.com/BtcpayServer" target="_blank">On Twitter</a>
</p>
</div>
<div class="col-lg-3 mr-auto text-center">
<a href="https://github.com/btcpayserver/btcpayserver" target="_blank">
<img src="~/img/github.png" height="100" />
</a>
<p>
<a href="https://github.com/btcpayserver/btcpayserver" target="_blank">On Github</a>
</p>
</div>
</div>
</div>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<h2 class="section-heading">Let's Get In Touch!</h2>
<hr class="primary">
<p>
An open source project is nothing without its community<br />
Come and get in touch with us!
</p>
</div>
</div>
<div class="row">
<div class="col-lg-3 ml-auto text-center">
<a href="https://chat.btcpayserver.org/" target="_blank">
<img src="~/img/mattermost.png" height="100" />
</a>
<p><a href="https://chat.btcpayserver.org/" target="_blank">On Mattermost</a></p>
</div>
<div class="col-lg-3 ml-auto text-center">
<a href="https://slack.btcpayserver.org/" target="_blank">
<img src="~/img/slack.png" height="100" />
</a>
<p><a href="http://slack.forkbitpay.ninja/" target="_blank">On Slack</a></p>
</div>
<div class="col-lg-3 mr-auto text-center">
<a href="https://twitter.com/BtcpayServer" target="_blank">
<img src="~/img/twitter.png" height="100" />
</a>
<p>
<a href="https://twitter.com/BtcpayServer" target="_blank">On Twitter</a>
</p>
</div>
<div class="col-lg-3 mr-auto text-center">
<a href="https://github.com/btcpayserver/btcpayserver" target="_blank">
<img src="~/img/github.png" height="100" />
</a>
<p>
<a href="https://github.com/btcpayserver/btcpayserver" target="_blank">On Github</a>
</p>
</div>
</div>
</div>
</section>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB