{% filter remove_whitespace %}
<!DOCTYPE html>
<html>
  <head>
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<script type='text/javascript'>
		var active_page = "donate";
	</script>
    <title>{{ settings.title }}</title>
	{% include 'header.html' %}
    <link rel="stylesheet" media="screen" href="/stylesheets/progressbar.css"/>
  </head>
  <body>
    <div class="bar top">{{ boardlist.top }}</div>

    <header>
      <h1 class="glitch" data-text="{{ settings.title }}"> {{ settings.title }}</h1>
      <div class="subtitle">{{ settings.subtitle }}</div>
    </header>
<center>
    <img alt="mascot" src="/static/lain_is_cute_datass_small.png"/>
</center>
   <div class="ban">
      <h2>Thanks for donating</h2>
      <p>The server costs {{ settings.monthlyamount }} per month. If you buy stickers we get about 45-55% of whatever you spend. Historical donation records to the former owner are ForeverN2Dust is the top donator, giving about $3000. FOOFDOOF is #2 with $1000 and lots of cheap Chinese shit. Please specify what you'd like your money to go towards. If you don't want to buy stickers, but want to donate something else please either ask in /q/ or contact the Lainchan administration on IRC at #lainchan on Laincan IRC at irc.lainchan.org or Freenode.
        </p>
  <p><a href="https://www.stickermule.com/marketplace/tags/lainchan"> Buy stickers here</a>
</p>

<p>Bitcoin donations can be made to {{ settings.bitcoinreceivingaddress }} </p>

<img src="/static/{{ settings.bitcoinreceivingqrcode }}"> </img>

<p>Monthly Funding Progress Bar</p>

<p>Cost per month {{ settings.monthlyamount }}</p>

<p>Funds from stickers {{ settings.stickeramount }} </p>

<p>Funds from other donations {{ settings.otheramount }} </p>

<p>Funds from Bitcoin {{ settings.bitcoinamount }} </p>

<div class="container">
    <div class="{{ settings.progressbarcssclass }}">
        <span style="width:{{ settings.progressbarcsswidth }};position:relative;left:{{ settings.progressbarcssleft }}%; 
  "> </span>
</div>
<div id="value" style="position:relative;left:{{ settings.progressbartextcssleft }}px;top:-45px;color:#0000ff;">{{ settings.currentprogress }}</div>
</div>

    </div>
	<div class="pages"></div>
	<script type="text/javascript">{% raw %}
		ready();
	{% endraw %}</script>

  </body>
</html>
{% endfilter %}
