guide/static/donate.html

<h1>Donate</h1>

<p>Okay, the rules: if you donate <i>anything</i>, I'll spend some time working on the site this day (adding content, implementing new features, etc). Of course, I'm planning to be working on the site anyway, donations or not! However, I jump from project to project way too often (and rarely manage to finish anything), so donating money is a good way to make sure that I'd feel obligated to keep working on this one. If I find out that it doesn't work as a motivation, I'll stop accepting donations.</p>

<p>Just in case, 1000 rub. is 14$ (or 12.5€), and you can choose any amount below 15000 rub. I'd put a Paypal button, but Paypal doesn't allow receiving money in Belarus.</p>

<div id="wrapper">
  <iframe id="donate-form" frameborder="0" allowtransparency="true" scrolling="no" width="450" height="197" style="display:block;margin:auto;" src="https://money.yandex.ru/embed/shop.xml?account=410011616040682&quickpay=shop&payment-type-choice=on&mobile-payment-type-choice=on&writer=seller&targets=Haskell+guide&targets-hint=&default-sum=1000&button-text=04&successURL="></iframe>
  <div id="spinner">
    <div class="loader"></div>
  </div>
</div>

<style>
#wrapper {
  position: relative;
  margin: auto;
  margin-top: 3em;
  width: 450px;
  height: 197px; }

#donate-form {
  position: relative;
  z-index: 100; }

#spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: -100; }

#spinner > .loader {
  width: 60px;
  height: 60px; }
</style>