I2P_Developers/i2p.www
3
0
Fork 5
Code Issues 27 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

textareas clipboard-on-click

Browse Source
This commit is contained in:
hankhill19580
2019-08-07 01:32:46 +00:00
parent 586ac2e37a
commit c87815e59a
2 changed files with 88 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
i2p2www/pages/site/get-involved/donate.html
View File

@ -26,18 +26,21 @@ the "Donate" edition. I2P funding is handled by meeh.{% endtrans %}<br>
<br>
{% trans %}The following addresses are valid as of June 10th, 2019. Please note
that any other addresses not listed here are no longer valid. Please note that
addresses may update and more coins may be added.{% endtrans %}
addresses may update and more coins may be added. {% endtrans %}
<br><br>
{% trans %} Double-Clicking on the cryptocurrency address will copy it onto your
clipboard.{% endtrans %}
<br></p>
<b>{% trans %}BTC Address{% endtrans %}:</b> <textarea class="coinaddr" rows="1" readonly>3AtDiRUiyDHTSALRxsEZ7yqmB7piwaowaY</textarea><br>
<img width="250px" src="{{ url_for('static', filename='images/donate/cur-btc-addr.png') }}" /><br>
<b>{% trans %}LTC Address{% endtrans %}:</b> <textarea class="coinaddr" rows="1" readonly>MN55tu4y7UtdPXUk9WvCSfy4nGUW79DZpN</textarea><br>
<img width="250px" src="{{ url_for('static', filename='images/donate/cur-ltc-addr.png') }}" /><br>
<b>{% trans %}ETH Address{% endtrans %}:</b> <textarea class="coinaddr" rows="1" readonly>0xfC35D2225bA2739eCC5a1e50676a8DbC03569C27</textarea><br>
<img width="250px" src="{{ url_for('static', filename='images/donate/cur-eth-addr.png') }}" /><br>
<b>{% trans %}ANC Address{% endtrans %}:</b> <textarea class="coinaddr" rows="1" readonly>ANi2pB8RTeuWFf9wki6Ffiv9RJqioQydrH</textarea><br>
<img width="250px" src="{{ url_for('static', filename='images/donate/cur-anc-addr.png') }}" /><br>
<b>{% trans %}XMR Address{% endtrans %}:</b> <textarea class="coinaddr" rows="1" readonly>447kucUDzM21jDxdmx7h2jFT4UT4PprD8EMjDk4Bc471gRGkbeZSfSPHcB7JtiumR7gNRJgKqf1dHa2T49nQ7jsfSZSfoLA</textarea><br>
<img width="250px" src="{{ url_for('static', filename='images/donate/cur-xmr-addr.png') }}" /><br>
<img class="qrcode" width="250px" src="{{ url_for('static', filename='images/donate/cur-btc-addr.png') }}" />
<b class="address">{% trans %}BTC Address{% endtrans %}:</b> <textarea ondblclick="copy(this)" class="coinaddr" rows="1" readonly>3AtDiRUiyDHTSALRxsEZ7yqmB7piwaowaY</textarea><br>
<img class="qrcode" width="250px" src="{{ url_for('static', filename='images/donate/cur-ltc-addr.png') }}" />
<b class="address">{% trans %}LTC Address{% endtrans %}:</b> <textarea ondblclick="copy(this)" class="coinaddr" rows="1" readonly>MN55tu4y7UtdPXUk9WvCSfy4nGUW79DZpN</textarea><br>
<img class="qrcode" width="250px" src="{{ url_for('static', filename='images/donate/cur-eth-addr.png') }}" />
<b class="address">{% trans %}ETH Address{% endtrans %}:</b> <textarea ondblclick="copy(this)" class="coinaddr" rows="1" readonly>0xfC35D2225bA2739eCC5a1e50676a8DbC03569C27</textarea><br>
<img class="qrcode" width="250px" src="{{ url_for('static', filename='images/donate/cur-anc-addr.png') }}" />
<b class="address">{% trans %}ANC Address{% endtrans %}:</b> <textarea ondblclick="copy(this)" class="coinaddr" rows="1" readonly>ANi2pB8RTeuWFf9wki6Ffiv9RJqioQydrH</textarea><br>
<img class="qrcode" width="250px" src="{{ url_for('static', filename='images/donate/cur-xmr-addr.png') }}" />
<b class="address">{% trans %}XMR Address{% endtrans %}:</b> <textarea ondblclick="copy(this)" class="coinaddr" rows="1" readonly>447kucUDzM21jDxdmx7h2jFT4UT4PprD8EMjDk4Bc471gRGkbeZSfSPHcB7JtiumR7gNRJgKqf1dHa2T49nQ7jsfSZSfoLA</textarea><br>
<p><b>{% trans %}We now also accept paypal donations!{% endtrans %}</b></p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
@ -47,6 +50,30 @@ addresses may update and more coins may be added.{% endtrans %}
<img alt="" border="0" src="https://www.paypal.com/en_NO/i/scr/pixel.gif" width="1" height="1" />
</form>
<div class="emailforms">
<h2>{% trans %}Let us know about your donation{% endtrans %}</h2>
<p>{% trans %}If you wish, you can inform us of your donation using the form just below.
This is not a required step for your donation to succeed, but if you want to
make sure we know you're out there, get ahold of us here.{% endtrans %}
</p>
<script type="text/javascript">
function copy(that){
var inp = document.createElement('textarea');
document.body.appendChild(inp)
inp.value = that.textContent
inp.select();
document.execCommand('copy', false);
inp.remove();
}
</script>
<form action="mailto:someone@example.com" method="post" enctype="text/plain">
<span class="emaillabel">{% trans %}Preferred Name: {% endtrans %}</span><input class="emailform" type="text" name="firstname"><br>
<span class="emaillabel">{% trans %}E-mail: {% endtrans %}</span><input class="emailform" type="text" name="mail"><br>
<span class="emaillabel">{% trans %}Message: {% endtrans %}</span><input class="emailform messagebox" type="text" name="comment"><br><br>
<input class="emailbutton" type="submit" value="Send">
<input class="emailbutton" type="reset" value="Reset">
</form>
</div>
<h2>{% trans %}Tax Status{% endtrans %}</h2>
<p>{% trans -%}

52
i2p2www/static/styles/duck/default.css
View File

@ -772,11 +772,59 @@ div#content td {
div#content .coinaddr {
margin-top: .1rem;
font-size: 1rem;
font-style: bold;
font-weight: bold;
white-space: nowrap;
width: 68%;
height: 1.12rem;
overflow-x: hidden;
float: right;
resize: horizontal;
margin-top: 2rem;
border: none;
}
div#content .qrcode {
transition: transform .3s;
width: 50px;
height: 50px;
}
div#content .qrcode:hover {
transform: scale(5);
}
div#content .emaillabel {
width: 25%;
display: inline-block;
font-weight: bold;
margin-top: .2rem;
margin-bottom: .2rem;
}
/*delete this section when we have an e-mail address to use on the donations page*/
div#content .emailforms {
display: none;
}
div#content .emailform {
width: 70%;
display: inline-block;
}
div#content .emailbutton {
font-size: 1.s1rem;
margin: 1px;
padding: 1px;
font-weight: bold;
height: 70px;
width: 47%;
background-color: #60ab60;
border: none;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
}
div#content .messagebox {
height: 100px;
}