Add webhook message instructions card panel

This commit is contained in:
Jeremy Zhang 2017-08-05 18:01:20 +00:00
parent 38533c22a9
commit 5210de6884
5 changed files with 27 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

View File

@ -44,6 +44,8 @@ etc.</p>
{% include 'card_queryparams.html.j2' %}
{% include 'card_webhookmsgs.html.j2' %}
<h3>Chat with us!</h3>
<div class="video-container">
<iframe src="https://titanembeds.tk/embed/295085744249110529" frameborder="0"></iframe>

View File

@ -178,6 +178,8 @@
{% include 'card_queryparams.html.j2' %}
{% include 'card_webhookmsgs.html.j2' %}
{% endblock %}
{% block script %}
<script type="text/javascript" src="{{ url_for('static', filename='js/administrate_guild.js') }}"></script>

View File

@ -0,0 +1,23 @@
<h3><strong>NEW!</strong> Webhook Messages</h3>
<div class="row">
<div class="col s12">
<div class="card-panel indigo lighten-5 z-depth-1">
<div class="row">
<div class="col s12 black-text">
<p class="flow-text">Reading messages in Discord can be 20% more cooler!</p>
<p>A quick comparison between having webhook messages <em>enabled vs disabled</em> for a text channel.</p>
<ul class="collection">
<li class="collection-item">
<img src="{{ url_for('static', filename='img/webhook_comparison.png') }}" alt="Old vs new comparison of having webhook messages enabled/disabled for the channel">
</li>
</ul>
<hr>
<p>If you want your messages to look more real, just add a webhook to the channel <strong>starting</strong> with a name of <code>Titan</code> or <code>[Titan]</code> (case insensitive).</p>
<img src="{{ url_for('static', filename='img/webhook_inuse.png') }}" alt="Webhook configuration" class="responsive-img">
<p><em>(Webhook Messages enabled for the #general channel)</em></p>
<p>The new message format should automatically take effect for the channel the webhook is set to send from.</p>
</div>
</div>
</div>
</div>
</div>