diff --git a/_config.yml b/_config.yml
index 7da519af..a1355719 100644
--- a/_config.yml
+++ b/_config.yml
@@ -582,6 +582,14 @@ collections:
   platforms:
     output: false
 
+donation_banner:
+  address: 1GwV7fPX97hmavc6iNrUZUogmjpLPrPFoE
+  display: true
+  amounts_in_usd:
+    - 5
+    - 25
+    - 50
+
 defaults:
   - scope:
       path: ""
diff --git a/_includes/layout/base/html-head.html b/_includes/layout/base/html-head.html
index 7ed7c7bd..f8da1592 100644
--- a/_includes/layout/base/html-head.html
+++ b/_includes/layout/base/html-head.html
@@ -16,6 +16,10 @@ http://opensource.org/licenses/MIT.
 {% if page.lang == 'bg' or page.lang == 'el' or page.lang == 'ko' or page.lang == 'hi' or page.lang == 'pl' or page.lang == 'sl' or page.lang == 'ro' or page.lang == 'ru' or page.lang == 'tr' or page.lang == 'uk' or page.lang == 'zh_CN' or page.lang == 'zh_TW' %}<link rel="stylesheet" href="/css/sans.css">{% endif %}
 <script type="text/javascript" src="/js/base.js"></script>
 {% if page.id != 'download' %}<script type="text/javascript" src="/js/main.js"></script>{% endif %}
+{% if site.donation_banner.display %}
+  <script src="/js/jquery/jquery-1.11.2.min.js"></script>
+  <script src="/js/jquery/jquery.qrcode.min.js"></script>
+{% endif %}
 <link rel="shortcut icon" href="/favicon.png">
 <link rel="apple-touch-icon-precomposed" href="/img/icons/logo_ios.png"/>
 <script>
diff --git a/_includes/layout/base/pagetop-donation.html b/_includes/layout/base/pagetop-donation.html
new file mode 100644
index 00000000..eb0b4e21
--- /dev/null
+++ b/_includes/layout/base/pagetop-donation.html
@@ -0,0 +1,71 @@
+{% comment %}
+This file is licensed under the MIT License (MIT) available on
+http://opensource.org/licenses/MIT.
+{% endcomment %}
+
+<div class="donation-container">
+  <div class="donation-text">
+    <p>
+      {% translate donation-banner-text layout %}
+    </p>
+    <button type="button" class="donation-btn" onclick="openDonationModal()">
+      {% translate donation-banner-donate-button layout %}
+    </button>
+  </div>
+  <button type="button" class="donation-visibility-toggle" onclick="toggleDonationBanner()">
+    {% translate donation-banner-toggle-button layout %}
+  </button>
+</div>
+
+<div
+  id="donation-modal"
+  style="display: none"
+  class="donation-modal hidden">
+  <div class="modal-dialog">
+    <div class="modal-header">
+      <div class="modal-close-btn" onclick="closeDonationModal()">×</div>
+      <p class="modal-header-text">{% translate donation-modal-header layout %}</p>
+    </div>
+    <p class="modal-subheader">{% translate donation-modal-subheader layout %}</p>
+    <div style="text-align: center;">
+      <div id="donation-qr-code" data-address="{{ site.donation_banner.address }}"></div>
+    </div>
+    <div>
+      <a
+        class="donation-btc-address"
+        href="bitcoin:{{ site.donation_banner.address }}"
+        target="_blank">
+        {{ site.donation_banner.address }}
+      </a>
+    </div>
+    <div class="modal-body bg-white" style="overflow-y:hidden;text-align: center;">
+      <div>
+        {% for amount in site.donation_banner.amounts_in_usd %}
+        <button type="button" class="donation-amount-btn" data-amount-usd="{{ amount }}">
+          ${{ amount }}.00
+          <div class="donation-amount-usd-in-btc">(... BTC)</div>
+        </button>
+        {% endfor %}
+      </div>
+
+      <div>
+        <input
+          style="margin-right: 15px"
+          type="text"
+          placeholder="{% translate donation-modal-input-custom-amount layout %} (BTC)"
+          id="donation-input-amount-btc" class="donation-amount-input">
+        <input
+          type="text"
+          placeholder="{% translate donation-modal-input-custom-amount layout %} (USD)"
+          id="donation-input-amount-usd" class="donation-amount-input">
+      </div>
+
+      <div>
+        <textarea
+          class="donation-amount-input"
+          id="donation-input-message"
+          placeholder="{% translate donation-modal-optional-message layout %}"></textarea>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/_layouts/base.html b/_layouts/base.html
index 8fda7d4b..4c1951c3 100644
--- a/_layouts/base.html
+++ b/_layouts/base.html
@@ -10,6 +10,9 @@
 </head>
 
 <body>
+{% if site.donation_banner.display %}
+  {% include layout/base/pagetop-donation.html %}
+{% endif %}
 {% include layout/base/pagetop-detect-mobile.html %}
 
 {% include layout/base/pagetop-alert.html %}
diff --git a/_sass/_donation-banner.scss b/_sass/_donation-banner.scss
new file mode 100644
index 00000000..8507772e
--- /dev/null
+++ b/_sass/_donation-banner.scss
@@ -0,0 +1,174 @@
+$orange: #ef9e5b;
+$dark-orange: #de8236;
+$green: #4cad2c;
+$dark-green: #318f20;
+
+@mixin gradient($color1, $color2) {
+    background-image: -o-linear-gradient(top, $color1 14%, $color2 70%);
+    background-image: -moz-linear-gradient(top, $color1 14%, $color2 70%);
+    background-image: -webkit-linear-gradient(top, $color1 14%, $color2 70%);
+    background-image: -ms-linear-gradient(top, $color1 14%, $color2 70%);
+    background-image: linear-gradient(top, $color1 14%, $color2 70%);
+}
+
+.donation-btn {
+    background-color: #4CAF50;
+    @include gradient($green, $dark-green);
+    border: none;
+    border-radius: 10px;
+    padding: 10px 20px;
+    color: white;
+    font-weight: bold;
+}
+
+.donation-container {
+    text-align: center;
+
+    .donation-text {
+        background-color: #ef9e5b;
+        color: #ffffff;
+        font-weight: bold;
+        transition: margin-top .2s ease-in;
+        height: 90px;
+        margin-top: -110px;
+        padding: 10px;
+
+        &.expanded {
+            margin-top: 0;
+            border-bottom: 4px solid #ef9e5b;
+            box-shadow: 0 7px 10px rgba(0, 0, 0, 0.22);
+        }
+    }
+
+    .donation-visibility-toggle {
+        cursor: pointer;
+        display: inline-block;
+        background-color: #ef9e5b;
+        color: #fefefe;
+        font-weight: bold;
+        border: 4px solid #ef9e5b;
+        border-top: 0;
+        padding: 10px 50px;
+        border-bottom-left-radius: 10px;
+        border-bottom-right-radius: 10px;
+        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.22);
+
+        &.active {
+            margin-top: -4px;
+        }
+    }
+}
+
+.donation-modal {
+    background: white;
+    padding: 0 20px;
+    padding-bottom: 20px;
+    position: absolute;
+    top: 70px;
+    right: 0;
+    left: 0;
+    z-index: 1000;
+    max-width: 600px;
+    margin: 0 auto;
+    border-radius: 10px;
+    transition: transform .2s ease-in, opacity .12s ease-in;
+    transform-origin: top;
+
+    &.hidden {
+        transform: scale(0.7);
+        opacity: 0;
+    }
+
+    &.open {
+        transform: scale(1);
+        opacity: 1;
+    }
+
+    .modal-close-btn {
+        float: right;
+        cursor: pointer;
+        font-size: 200%;
+        line-height: 16px;
+
+        &:hover {
+            color: #2c6fad;
+        }
+    }
+
+    .modal-header-text {
+        color: #383838;
+        font-size: 110%;
+        text-align: left;
+        font-weight: bold;
+        margin: 1em 0;
+    }
+
+    .modal-subheader {
+        text-align: center;
+        font-size: 16px;
+        font-weight: bold;
+        margin: 1.33em 0;
+    }
+
+    .donation-btc-address {
+        text-align: center;
+        font-size: 16px;
+        font-weight: bold;
+        margin: 1.33em 0;
+        display: block;
+        text-align: center;
+    }
+
+    .modal-body {
+        .donation-amount-btn {
+            cursor: pointer;
+            background-color: #ef9e5b;
+            @include gradient($orange, $dark-orange);
+            border: none;
+            border-radius: 10px;
+            padding: 10px 20px;
+            color: white;
+            margin-right: 10px;
+            font-weight: bold;
+
+            &:hover {
+                @include gradient($dark-orange, $orange);
+            }
+
+            .donation-amount-usd-in-btc {
+                font-size: 75%;
+            }
+        }
+
+        .donation-amount-input {
+            width: 203px;
+            margin-top: 15px;
+            padding: 10px 15px;
+            border: 2px solid #dadada;
+            border-radius: 10px;
+        }
+
+        textarea.donation-amount-input {
+            width: 460px;
+            margin: 15px 0;
+        }
+    }
+}
+
+.modal-drop {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 101;
+    background-color: rgba(0, 0, 0, 0.38);
+    opacity: 0;
+    transition: opacity .2s ease-in;
+}
+
+@media handheld, only screen and ( max-width: 60em ), only screen and ( max-device-width: 60em ){
+    .donation-container {
+        display: none;
+    }
+}
diff --git a/_sass/screen.scss b/_sass/screen.scss
index cc104cef..4887b9fb 100644
--- a/_sass/screen.scss
+++ b/_sass/screen.scss
@@ -2320,3 +2320,4 @@ h2 .rssicon{
 
 @import 'wallets';
 @import 'wallets-menu';
+@import 'donation-banner';
diff --git a/_translations/en.yml b/_translations/en.yml
index c3c5d42e..3c0acd08 100644
--- a/_translations/en.yml
+++ b/_translations/en.yml
@@ -887,6 +887,13 @@
     sponsor: "A community website sponsored by"
     getstarted: "Get started with Bitcoin"
     bitcoin-core: "Bitcoin Core"
+    donation-banner-text: "Bitcoin.org is a community funded project, donations are appreciated and used to improve the website."
+    donation-banner-toggle-button: "Bitcoin.org needs your support!"
+    donation-banner-donate-button: "Make a donation"
+    donation-modal-header: "Donate to Bitcoin.org"
+    donation-modal-subheader: "Use this QR code or address below"
+    donation-modal-input-custom-amount: "Or custom amount?"
+    donation-modal-optional-message: "Optional description (for your wallet)"
   url:
     about-us: about-us
     bitcoin-for-developers: bitcoin-for-developers
diff --git a/_translations/ru.yml b/_translations/ru.yml
index ef1b3107..2339f38e 100644
--- a/_translations/ru.yml
+++ b/_translations/ru.yml
@@ -852,6 +852,13 @@ ru:
     sponsor: "Веб-сайт сообщества спонсируется"
     getstarted: "Начало работы с Биткойном"
     bitcoin-core: "Bitcoin Core"
+    donation-banner-text: "Bitcoin.org спонсируется сообществом. Пожертвования приветствуются и используются для улучшения работы сайта."
+    donation-banner-toggle-button: "Bitcoin.org нужна Ваша поддержка!"
+    donation-banner-donate-button: "Сделать пожертвование"
+    donation-modal-header: "Пожертвование для Bitcoin.org"
+    donation-modal-subheader: "Используйте QR-код или адрес внизу"
+    donation-modal-input-custom-amount: "Другая сумма?"
+    donation-modal-optional-message: "Необязательное описание транзакции (для Вашего кошелька)"
   url:
     about-us: about-us
     bitcoin-for-developers: bitcoin-for-developers
diff --git a/_translations/uk.yml b/_translations/uk.yml
index 5dc665e4..8753faaa 100644
--- a/_translations/uk.yml
+++ b/_translations/uk.yml
@@ -853,6 +853,13 @@ uk:
     sponsor: "Спонсор веб-сайту спільноти "
     getstarted: "Початок роботи з Біткойн"
     bitcoin-core: "Bitcoin Core"
+    donation-banner-text: "Bitcoin.org фінансується спільнотою. Пожертвування дуже цінуються та використовуються для покращення роботи сайту."
+    donation-banner-toggle-button: "Bitcoin.org потрібна Ваша підтримка!"
+    donation-banner-donate-button: "Пожертвувати"
+    donation-modal-header: "Пожертвування для Bitcoin.org"
+    donation-modal-subheader: "Скористайтеся QR-кодом або адресою знизу"
+    donation-modal-input-custom-amount: "Інша сума?"
+    donation-modal-optional-message: "Необов'язковий опис транзакції (для Вашого гаманця)"
   url:
     about-us: about-us
     bitcoin-for-developers: bitcoin-for-developers
diff --git a/js/jquery/jquery.qrcode.min.js b/js/jquery/jquery.qrcode.min.js
new file mode 100644
index 00000000..fe9680e6
--- /dev/null
+++ b/js/jquery/jquery.qrcode.min.js
@@ -0,0 +1,28 @@
+(function(r){r.fn.qrcode=function(h){var s;function u(a){this.mode=s;this.data=a}function o(a,c){this.typeNumber=a;this.errorCorrectLevel=c;this.modules=null;this.moduleCount=0;this.dataCache=null;this.dataList=[]}function q(a,c){if(void 0==a.length)throw Error(a.length+"/"+c);for(var d=0;d<a.length&&0==a[d];)d++;this.num=Array(a.length-d+c);for(var b=0;b<a.length-d;b++)this.num[b]=a[b+d]}function p(a,c){this.totalCount=a;this.dataCount=c}function t(){this.buffer=[];this.length=0}u.prototype={getLength:function(){return this.data.length},
+write:function(a){for(var c=0;c<this.data.length;c++)a.put(this.data.charCodeAt(c),8)}};o.prototype={addData:function(a){this.dataList.push(new u(a));this.dataCache=null},isDark:function(a,c){if(0>a||this.moduleCount<=a||0>c||this.moduleCount<=c)throw Error(a+","+c);return this.modules[a][c]},getModuleCount:function(){return this.moduleCount},make:function(){if(1>this.typeNumber){for(var a=1,a=1;40>a;a++){for(var c=p.getRSBlocks(a,this.errorCorrectLevel),d=new t,b=0,e=0;e<c.length;e++)b+=c[e].dataCount;
+for(e=0;e<this.dataList.length;e++)c=this.dataList[e],d.put(c.mode,4),d.put(c.getLength(),j.getLengthInBits(c.mode,a)),c.write(d);if(d.getLengthInBits()<=8*b)break}this.typeNumber=a}this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(a,c){this.moduleCount=4*this.typeNumber+17;this.modules=Array(this.moduleCount);for(var d=0;d<this.moduleCount;d++){this.modules[d]=Array(this.moduleCount);for(var b=0;b<this.moduleCount;b++)this.modules[d][b]=null}this.setupPositionProbePattern(0,0);this.setupPositionProbePattern(this.moduleCount-
+7,0);this.setupPositionProbePattern(0,this.moduleCount-7);this.setupPositionAdjustPattern();this.setupTimingPattern();this.setupTypeInfo(a,c);7<=this.typeNumber&&this.setupTypeNumber(a);null==this.dataCache&&(this.dataCache=o.createData(this.typeNumber,this.errorCorrectLevel,this.dataList));this.mapData(this.dataCache,c)},setupPositionProbePattern:function(a,c){for(var d=-1;7>=d;d++)if(!(-1>=a+d||this.moduleCount<=a+d))for(var b=-1;7>=b;b++)-1>=c+b||this.moduleCount<=c+b||(this.modules[a+d][c+b]=
+0<=d&&6>=d&&(0==b||6==b)||0<=b&&6>=b&&(0==d||6==d)||2<=d&&4>=d&&2<=b&&4>=b?!0:!1)},getBestMaskPattern:function(){for(var a=0,c=0,d=0;8>d;d++){this.makeImpl(!0,d);var b=j.getLostPoint(this);if(0==d||a>b)a=b,c=d}return c},createMovieClip:function(a,c,d){a=a.createEmptyMovieClip(c,d);this.make();for(c=0;c<this.modules.length;c++)for(var d=1*c,b=0;b<this.modules[c].length;b++){var e=1*b;this.modules[c][b]&&(a.beginFill(0,100),a.moveTo(e,d),a.lineTo(e+1,d),a.lineTo(e+1,d+1),a.lineTo(e,d+1),a.endFill())}return a},
+setupTimingPattern:function(){for(var a=8;a<this.moduleCount-8;a++)null==this.modules[a][6]&&(this.modules[a][6]=0==a%2);for(a=8;a<this.moduleCount-8;a++)null==this.modules[6][a]&&(this.modules[6][a]=0==a%2)},setupPositionAdjustPattern:function(){for(var a=j.getPatternPosition(this.typeNumber),c=0;c<a.length;c++)for(var d=0;d<a.length;d++){var b=a[c],e=a[d];if(null==this.modules[b][e])for(var f=-2;2>=f;f++)for(var i=-2;2>=i;i++)this.modules[b+f][e+i]=-2==f||2==f||-2==i||2==i||0==f&&0==i?!0:!1}},setupTypeNumber:function(a){for(var c=
+j.getBCHTypeNumber(this.typeNumber),d=0;18>d;d++){var b=!a&&1==(c>>d&1);this.modules[Math.floor(d/3)][d%3+this.moduleCount-8-3]=b}for(d=0;18>d;d++)b=!a&&1==(c>>d&1),this.modules[d%3+this.moduleCount-8-3][Math.floor(d/3)]=b},setupTypeInfo:function(a,c){for(var d=j.getBCHTypeInfo(this.errorCorrectLevel<<3|c),b=0;15>b;b++){var e=!a&&1==(d>>b&1);6>b?this.modules[b][8]=e:8>b?this.modules[b+1][8]=e:this.modules[this.moduleCount-15+b][8]=e}for(b=0;15>b;b++)e=!a&&1==(d>>b&1),8>b?this.modules[8][this.moduleCount-
+b-1]=e:9>b?this.modules[8][15-b-1+1]=e:this.modules[8][15-b-1]=e;this.modules[this.moduleCount-8][8]=!a},mapData:function(a,c){for(var d=-1,b=this.moduleCount-1,e=7,f=0,i=this.moduleCount-1;0<i;i-=2)for(6==i&&i--;;){for(var g=0;2>g;g++)if(null==this.modules[b][i-g]){var n=!1;f<a.length&&(n=1==(a[f]>>>e&1));j.getMask(c,b,i-g)&&(n=!n);this.modules[b][i-g]=n;e--; -1==e&&(f++,e=7)}b+=d;if(0>b||this.moduleCount<=b){b-=d;d=-d;break}}}};o.PAD0=236;o.PAD1=17;o.createData=function(a,c,d){for(var c=p.getRSBlocks(a,
+c),b=new t,e=0;e<d.length;e++){var f=d[e];b.put(f.mode,4);b.put(f.getLength(),j.getLengthInBits(f.mode,a));f.write(b)}for(e=a=0;e<c.length;e++)a+=c[e].dataCount;if(b.getLengthInBits()>8*a)throw Error("code length overflow. ("+b.getLengthInBits()+">"+8*a+")");for(b.getLengthInBits()+4<=8*a&&b.put(0,4);0!=b.getLengthInBits()%8;)b.putBit(!1);for(;!(b.getLengthInBits()>=8*a);){b.put(o.PAD0,8);if(b.getLengthInBits()>=8*a)break;b.put(o.PAD1,8)}return o.createBytes(b,c)};o.createBytes=function(a,c){for(var d=
+0,b=0,e=0,f=Array(c.length),i=Array(c.length),g=0;g<c.length;g++){var n=c[g].dataCount,h=c[g].totalCount-n,b=Math.max(b,n),e=Math.max(e,h);f[g]=Array(n);for(var k=0;k<f[g].length;k++)f[g][k]=255&a.buffer[k+d];d+=n;k=j.getErrorCorrectPolynomial(h);n=(new q(f[g],k.getLength()-1)).mod(k);i[g]=Array(k.getLength()-1);for(k=0;k<i[g].length;k++)h=k+n.getLength()-i[g].length,i[g][k]=0<=h?n.get(h):0}for(k=g=0;k<c.length;k++)g+=c[k].totalCount;d=Array(g);for(k=n=0;k<b;k++)for(g=0;g<c.length;g++)k<f[g].length&&
+(d[n++]=f[g][k]);for(k=0;k<e;k++)for(g=0;g<c.length;g++)k<i[g].length&&(d[n++]=i[g][k]);return d};s=4;for(var j={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,
+78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(a){for(var c=a<<10;0<=j.getBCHDigit(c)-j.getBCHDigit(j.G15);)c^=j.G15<<j.getBCHDigit(c)-j.getBCHDigit(j.G15);return(a<<10|c)^j.G15_MASK},getBCHTypeNumber:function(a){for(var c=a<<12;0<=j.getBCHDigit(c)-
+j.getBCHDigit(j.G18);)c^=j.G18<<j.getBCHDigit(c)-j.getBCHDigit(j.G18);return a<<12|c},getBCHDigit:function(a){for(var c=0;0!=a;)c++,a>>>=1;return c},getPatternPosition:function(a){return j.PATTERN_POSITION_TABLE[a-1]},getMask:function(a,c,d){switch(a){case 0:return 0==(c+d)%2;case 1:return 0==c%2;case 2:return 0==d%3;case 3:return 0==(c+d)%3;case 4:return 0==(Math.floor(c/2)+Math.floor(d/3))%2;case 5:return 0==c*d%2+c*d%3;case 6:return 0==(c*d%2+c*d%3)%2;case 7:return 0==(c*d%3+(c+d)%2)%2;default:throw Error("bad maskPattern:"+
+a);}},getErrorCorrectPolynomial:function(a){for(var c=new q([1],0),d=0;d<a;d++)c=c.multiply(new q([1,l.gexp(d)],0));return c},getLengthInBits:function(a,c){if(1<=c&&10>c)switch(a){case 1:return 10;case 2:return 9;case s:return 8;case 8:return 8;default:throw Error("mode:"+a);}else if(27>c)switch(a){case 1:return 12;case 2:return 11;case s:return 16;case 8:return 10;default:throw Error("mode:"+a);}else if(41>c)switch(a){case 1:return 14;case 2:return 13;case s:return 16;case 8:return 12;default:throw Error("mode:"+
+a);}else throw Error("type:"+c);},getLostPoint:function(a){for(var c=a.getModuleCount(),d=0,b=0;b<c;b++)for(var e=0;e<c;e++){for(var f=0,i=a.isDark(b,e),g=-1;1>=g;g++)if(!(0>b+g||c<=b+g))for(var h=-1;1>=h;h++)0>e+h||c<=e+h||0==g&&0==h||i==a.isDark(b+g,e+h)&&f++;5<f&&(d+=3+f-5)}for(b=0;b<c-1;b++)for(e=0;e<c-1;e++)if(f=0,a.isDark(b,e)&&f++,a.isDark(b+1,e)&&f++,a.isDark(b,e+1)&&f++,a.isDark(b+1,e+1)&&f++,0==f||4==f)d+=3;for(b=0;b<c;b++)for(e=0;e<c-6;e++)a.isDark(b,e)&&!a.isDark(b,e+1)&&a.isDark(b,e+
+2)&&a.isDark(b,e+3)&&a.isDark(b,e+4)&&!a.isDark(b,e+5)&&a.isDark(b,e+6)&&(d+=40);for(e=0;e<c;e++)for(b=0;b<c-6;b++)a.isDark(b,e)&&!a.isDark(b+1,e)&&a.isDark(b+2,e)&&a.isDark(b+3,e)&&a.isDark(b+4,e)&&!a.isDark(b+5,e)&&a.isDark(b+6,e)&&(d+=40);for(e=f=0;e<c;e++)for(b=0;b<c;b++)a.isDark(b,e)&&f++;a=Math.abs(100*f/c/c-50)/5;return d+10*a}},l={glog:function(a){if(1>a)throw Error("glog("+a+")");return l.LOG_TABLE[a]},gexp:function(a){for(;0>a;)a+=255;for(;256<=a;)a-=255;return l.EXP_TABLE[a]},EXP_TABLE:Array(256),
+LOG_TABLE:Array(256)},m=0;8>m;m++)l.EXP_TABLE[m]=1<<m;for(m=8;256>m;m++)l.EXP_TABLE[m]=l.EXP_TABLE[m-4]^l.EXP_TABLE[m-5]^l.EXP_TABLE[m-6]^l.EXP_TABLE[m-8];for(m=0;255>m;m++)l.LOG_TABLE[l.EXP_TABLE[m]]=m;q.prototype={get:function(a){return this.num[a]},getLength:function(){return this.num.length},multiply:function(a){for(var c=Array(this.getLength()+a.getLength()-1),d=0;d<this.getLength();d++)for(var b=0;b<a.getLength();b++)c[d+b]^=l.gexp(l.glog(this.get(d))+l.glog(a.get(b)));return new q(c,0)},mod:function(a){if(0>
+this.getLength()-a.getLength())return this;for(var c=l.glog(this.get(0))-l.glog(a.get(0)),d=Array(this.getLength()),b=0;b<this.getLength();b++)d[b]=this.get(b);for(b=0;b<a.getLength();b++)d[b]^=l.gexp(l.glog(a.get(b))+c);return(new q(d,0)).mod(a)}};p.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],
+[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,
+116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,
+43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,
+3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,
+55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,
+45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]];p.getRSBlocks=function(a,c){var d=p.getRsBlockTable(a,c);if(void 0==d)throw Error("bad rs block @ typeNumber:"+a+"/errorCorrectLevel:"+c);for(var b=d.length/3,e=[],f=0;f<b;f++)for(var h=d[3*f+0],g=d[3*f+1],j=d[3*f+2],l=0;l<h;l++)e.push(new p(g,j));return e};p.getRsBlockTable=function(a,c){switch(c){case 1:return p.RS_BLOCK_TABLE[4*(a-1)+0];case 0:return p.RS_BLOCK_TABLE[4*(a-1)+1];case 3:return p.RS_BLOCK_TABLE[4*
+(a-1)+2];case 2:return p.RS_BLOCK_TABLE[4*(a-1)+3]}};t.prototype={get:function(a){return 1==(this.buffer[Math.floor(a/8)]>>>7-a%8&1)},put:function(a,c){for(var d=0;d<c;d++)this.putBit(1==(a>>>c-d-1&1))},getLengthInBits:function(){return this.length},putBit:function(a){var c=Math.floor(this.length/8);this.buffer.length<=c&&this.buffer.push(0);a&&(this.buffer[c]|=128>>>this.length%8);this.length++}};"string"===typeof h&&(h={text:h});h=r.extend({},{render:"canvas",width:256,height:256,typeNumber:-1,
+correctLevel:2,background:"#ffffff",foreground:"#000000"},h);return this.each(function(){var a;if("canvas"==h.render){a=new o(h.typeNumber,h.correctLevel);a.addData(h.text);a.make();var c=document.createElement("canvas");c.width=h.width;c.height=h.height;for(var d=c.getContext("2d"),b=h.width/a.getModuleCount(),e=h.height/a.getModuleCount(),f=0;f<a.getModuleCount();f++)for(var i=0;i<a.getModuleCount();i++){d.fillStyle=a.isDark(f,i)?h.foreground:h.background;var g=Math.ceil((i+1)*b)-Math.floor(i*b),
+j=Math.ceil((f+1)*b)-Math.floor(f*b);d.fillRect(Math.round(i*b),Math.round(f*e),g,j)}}else{a=new o(h.typeNumber,h.correctLevel);a.addData(h.text);a.make();c=r("<table></table>").css("width",h.width+"px").css("height",h.height+"px").css("border","0px").css("border-collapse","collapse").css("background-color",h.background);d=h.width/a.getModuleCount();b=h.height/a.getModuleCount();for(e=0;e<a.getModuleCount();e++){f=r("<tr></tr>").css("height",b+"px").appendTo(c);for(i=0;i<a.getModuleCount();i++)r("<td></td>").css("width",
+d+"px").css("background-color",a.isDark(e,i)?h.foreground:h.background).appendTo(f)}}a=c;jQuery(a).appendTo(this)})}})(jQuery);
diff --git a/js/main.js b/js/main.js
index 3d479d1f..df8385c7 100644
--- a/js/main.js
+++ b/js/main.js
@@ -527,3 +527,139 @@ var xint = setInterval(function() {
   addEvent(document.body, 'mousedown', makeEditable);
   clearInterval(xint);
 }, 200);
+
+function generateDonationUrl(address, amountBtc, message) {
+    var result = [
+        address
+    ];
+
+    amountBtc = parseFloat(amountBtc);
+
+    if (!isNaN(amountBtc)) {
+        result.push('?amount=' + amountBtc);
+    }
+
+    if (message !== '') {
+        message = encodeURIComponent(message);
+        result.push(result.length === 1 ? '?' : '&');
+        result.push('message=' + message);
+    }
+
+    return result.join('');
+}
+
+function generateDonationQrCode() {
+    var qrcodeContainer = $('#donation-qr-code');
+    qrcodeContainer.empty();
+
+    var address = qrcodeContainer.data('address');
+    var amount = $('#donation-input-amount-btc').val();
+    var message = $('#donation-input-message').val();
+
+    var text = 'bitcoin:' + generateDonationUrl(address, amount, message);
+
+    $('#donation-qr-code').qrcode({
+        width: 150,
+        height: 150,
+        text: text
+    });
+
+}
+
+function loadTickerPrices() {
+    $.ajax('https://blockchain.info/ticker').then(function(data) {
+        var rate = data.USD.last;
+
+        function usdToBtc(amount) {
+            var amountUsd = parseFloat(amount);
+            if (isNaN(amountUsd)) {
+                return 0;
+            }
+            var amountBtc = amountUsd / rate;
+            return amountBtc.toFixed(8);
+        }
+
+        function btcToUsd(amount) {
+            var amountBtc = parseFloat(amount);
+            if (isNaN(amountBtc)) {
+                return 0;
+            }
+            var amountUsd = amountBtc * rate;
+            return amountUsd.toFixed(2);
+        }
+
+        $('#donation-input-amount-usd').on('input', function() {
+            var amount = $(this).val();
+            $('#donation-input-amount-btc').val(usdToBtc(amount));
+            generateDonationQrCode();
+        });
+
+        $('#donation-input-amount-btc').on('input', function() {
+            var amount = $(this).val();
+            $('#donation-input-amount-usd').val(btcToUsd(amount));
+            generateDonationQrCode();
+        });
+
+        $('#donation-input-message').on('input', function() {
+            generateDonationQrCode();
+        });
+
+        $('[data-amount-usd]').each(function() {
+            var amountUsd = $(this).data('amount-usd');
+            var amountBtc = usdToBtc(amountUsd);
+            $('div', this).text('(' + amountBtc + ' BTC)');
+
+            $(this).on('click', function() {
+                $('#donation-input-amount-btc').val(amountBtc);
+                $('#donation-input-amount-usd').val(amountUsd);
+
+                generateDonationQrCode();
+            });
+        });
+    });
+}
+
+function openDonationModal() {
+    var drop = $('<div class="modal-drop" />');
+    var body = $('body');
+    var modal = $('#donation-modal');
+    body.append(drop);
+    body.css('overflow', 'hidden');
+    modal.css('display', 'block');
+
+    drop.on('click', closeDonationModal);
+
+    // postpone opacity update
+    setTimeout(function() {
+        drop.css('opacity', 1);
+        modal.removeClass('hidden');
+        modal.addClass('open');
+    }, 0);
+
+    loadTickerPrices();
+    generateDonationQrCode();
+}
+
+function closeDonationModal() {
+    var drop = $('.modal-drop');
+    var body = $('body');
+    var modal = $('#donation-modal');
+
+    drop.css('opacity', 0);
+    body.css('overflow', 'auto');
+
+    setTimeout(function() {
+        drop.remove();
+        modal.addClass('hidden');
+        modal.removeClass('open');
+        modal.css('display', 'none');
+    }, 120);
+}
+
+function toggleDonationBanner() {
+    var banner = $('.donation-text');
+    var toggle = $('.donation-visibility-toggle');
+
+    toggle.toggleClass('active');
+    banner.toggleClass('expanded');
+}