Implement purchasing option for custom css

This commit is contained in:
Jeremy Zhang
2017-09-11 09:00:42 +00:00
parent 10b5deffe4
commit 247133229c
3 changed files with 82 additions and 4 deletions

View File

@ -9,8 +9,7 @@
<div class="col s12">
<div class="card-panel indigo lighten-5 z-depth-3 hoverable black-text">
<h4>The Name-Your-Price Tool</h4>
<p class="flow-text">Currently if you donate, we cannot give much back in return, yet. However, we do have some donatator features up our sleeves and will be implemented.</p>
<p class="flow-text">For now, you will receive <strong>Titan Tokens&trade;</strong> (to be spent on donator features) and a <strong>supporter role</strong> on our support server.</p>
<p class="flow-text">Donate to receive <strong>Titan Tokens&trade;</strong> (to be spent on donator features below) and a <strong>supporter role</strong> on our support server.</p>
<p class="range-field">
<input type="range" id="token-slider" min="1" max="100" value="5" />
</p>
@ -19,6 +18,29 @@
</div>
</div>
</div>
<hr>
<div class="row">
<div class="col s12">
<div class="card-panel indigo lighten-5 z-depth-3 hoverable black-text">
<p class="flow-text"><strong>Current token amount: {{ session["tokens"] }}</strong></p>
</div>
</div>
</div>
<hr>
<h2>Donators' Shoppe</h2>
<p class="flow-text">Your personal pit-stop before your next conquest mission to embed all yer servers!</p>
<div class="row">
<div class="col s12">
<div class="card-panel indigo lighten-5 z-depth-3 hoverable black-text">
<h4>Custom CSS Slots <strong>[100 tokens]</strong></h4>
<p class="flow-text">Pick an amount of custom css slots you would like to stock up.</p>
<div class="input-field inline">
<input placeholder="Custom CSS Slots Amount" type="number" id="custom-css-slots-amount">
<a class="waves-effect waves-light btn" id="buy-custom-css-slots-btn">Buy</a>
</div>
</div>
</div>
</div>
{% endblock %}
{% block script %}
<script type="text/javascript" src="{{ url_for('static', filename='js/donate.js') }}"></script>