{% extends 'base.html' %}

{% block content %}

  <nav class="level" style="margin: 3em 0">
    <div class="level-item has-text-centered">
      <div>
        <p class="heading">Memes</p>
        <p class="title">{{ meme_count }}</p>
      </div>
    </div>
    <div class="level-item has-text-centered">
      <div>
        <p class="heading">Tips</p>
        <p class="title">{{ wow_received }} WOW</p>
      </div>
    </div>
    <div class="level-item has-text-centered">
      <div>
        <p class="heading">Memers</p>
        <p class="title">{{ memer_count }}</p>
      </div>
    </div>
  </nav>

<div class="container" style="text-align:center;">
  <div class="about content">
    <h1>About</h1>
    <p>Post memes! Have fun! Comment and talk shit! Earn WOW!</p>
    <p>Quit your day job and become a full-time shitposter and memer!</p>
    <p>Commiserate with the gang in IRC, get high, and let your responsibilities fall to the wayside.</p>
    <p>Join the revolution!</p>
    <br />
    <br />
    <p>If you've made WOW from memes, please consider donating to our mod team - we work hard to ensure only the finest quality memes are shown for your viewing pleasure:</p>
    {% for mod in mods %}
    <p><strong>{{ mod.username }}</strong> - {{ mod.address or '? (update your profile, bub!)' }}</p>
    {% endfor %}
    <br />
    <br />
    <br />
  </div>
</div>

{% endblock %}