List of all query params card and show the cards in guild administration page

This commit is contained in:
Jeremy Zhang 2017-07-22 22:09:35 +00:00
parent 1304ea6153
commit c7abae4b7a
4 changed files with 76 additions and 18 deletions

View File

@ -40,24 +40,9 @@ used to replace Discord itself</strong>. (that's what the mobile apps are for!)
It is used in conjunction for a quick and dirty Discord embed for websites. Some uses include forum shoutboxes,
etc.</p>
<h3>Commands</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">All commands start by <strong>mentioning</strong> the bot user, <em>@Titan</em>.</p>
<h4>Guest User Moderation</h4>
<p>All guest users are denoted by <strong>square brackets</strong> around their username in the Discord channel, when sending messages.</p>
<ul class="collection">
<li class="collection-item"><strong>ban &lt;username-query&gt;[#&lt;discriminator&gt;]</strong> <br> Bans the user by the username. The username does not need to be the full string. The discriminator is optional. <br> <em>Eg: ban Titan#0001</em></li>
<li class="collection-item"><strong>kick &lt;username-query&gt;[#&lt;discriminator&gt;]</strong> <br> Kicks the user by the username. The username does not need to be the full string. The discriminator is optional. <br> <em>Eg: kick Titan#0001</em></li>
</ul>
</div>
</div>
</div>
</div>
</div>
{% include 'card_commands.html.j2' %}
{% include 'card_queryparams.html.j2' %}
<h3>Chat with us!</h3>
<div class="video-container">

View File

@ -173,6 +173,11 @@
{% endif %}
</div>
<br><hr>
{% include 'card_commands.html.j2' %}
{% include 'card_queryparams.html.j2' %}
{% endblock %}
{% block script %}
<script type="text/javascript" src="{{ url_for('static', filename='js/administrate_guild.js') }}"></script>

View File

@ -0,0 +1,18 @@
<h3>Commands</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">All commands start by <strong>mentioning</strong> the bot user, <em>@Titan</em>.</p>
<h4>Guest User Moderation</h4>
<p>All guest users are denoted by <strong>square brackets</strong> around their username in the Discord channel, when sending messages.</p>
<ul class="collection">
<li class="collection-item"><strong>ban &lt;username-query&gt;[#&lt;discriminator&gt;]</strong> <br> Bans the user by the username. The username does not need to be the full string. The discriminator is optional. <br> <em>Eg: ban Titan#0001</em></li>
<li class="collection-item"><strong>kick &lt;username-query&gt;[#&lt;discriminator&gt;]</strong> <br> Kicks the user by the username. The username does not need to be the full string. The discriminator is optional. <br> <em>Eg: kick Titan#0001</em></li>
</ul>
</div>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,50 @@
<h3>Query Parameters</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">Use query parameters to customize your individual embeds out of this world!</p>
<p>Query parameters are in the format of key-value pairs. They are appended after your embed url such that it would look like so: <br><em>https://titanembeds.tk/embed/1234567890<strong>?css=1&theme=DiscordDark&forcefocus=1</strong></em></p>
<p>Below is the reference of all the avaliable query parameters that may be used.</p>
<ul class="collection">
<li class="collection-item">
<strong>css=&lt;integer&gt;</strong> <br>
Styles the embed's theme according to the unique custom CSS ID. Custom CSS may be managed from the user dashboard page. <br>
<em>Eg: css=1</em>
</li>
<li class="collection-item">
<strong>defaultchannel=&lt;snowflake&gt;</strong> <br>
Instead of having your #general channel as the first channel your users see, you may change it. Enable Discord's Developer mode in the Appearances tab of the User Settings and copy the channel ID. <br>
<em>Eg: defaultchannel=1234567890</em>
</li>
<li class="collection-item">
<strong>forcefocus=&lt;integer&gt;</strong> <br>
Embeds are activated once the frame is loaded. However, if you have more than one embeds on the page, the rate limits might bite your user's toes. Having this setting set means that the embed will not be loaded until the user mouseovers the frame. <br>
<hr>
<strong>Avaliable Options:</strong>
<ul class="browser-default">
<li><strong>0</strong> = disabled (default)</li>
<li><strong>1</strong> = enabled</li>
</ul>
<hr>
<em>Eg: forcefocus=1</em>
</li>
<li class="collection-item">
<strong>theme=&lt;string&gt;</strong> <br>
Want your embed to use one of our premade themes? Look no further! <br>
<hr>
<strong>Avaliable Options:</strong>
<ul class="browser-default">
<li><strong>BetterTitan</strong></li>
<li><strong>DiscordDark</strong></li>
</ul>
<hr>
<em>Eg: theme=DiscordDark</em>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>