diff options
Diffstat (limited to 'public/index.php')
| -rw-r--r-- | public/index.php | 88 |
1 files changed, 87 insertions, 1 deletions
diff --git a/public/index.php b/public/index.php index 1e3c04b..149aa57 100644 --- a/public/index.php +++ b/public/index.php @@ -14,7 +14,7 @@ include_once $_SERVER['DOCUMENT_ROOT'] . '/../lib/partials.php'; <main> <?php html_navigation_bar() ?> - <content> + <content class="gap-64"> <!-- PROMO --> <section class="row justify-between align-center background-colorful border" style="border-radius:4px"> <div class="row justify-center align-center img-gradient"> @@ -32,6 +32,92 @@ include_once $_SERVER['DOCUMENT_ROOT'] . '/../lib/partials.php'; </a> </div> </section> + + <!-- BIG FEATURES --> + <section class="features-box column gap-8"> + <div class="tab row justify-center align-center"> + <h1>Features</h1> + </div> + <div class="content column gap-8"> + <!-- STREAM NOTIFICATIONS --> + <section> + <div class="description"> + <h1>Stream notifications</h1> + <p>A convenient way to keep track of streams on Twitch. Simply use the !event command to + create a notification in chat about an upcoming stream. To always be in the know, sign + up for notifications using the !notify command. Never miss a moment and enjoy your + streams on time! </p> + </div> + <div class="icon"> + <img src="/static/img/features/live.gif" alt=""> + </div> + </section> + <!-- EMOTE UPDATES --> + <section> + <div class="description"> + <h1>Emote Updates</h1> + <p> + Instant updates on new changes to the emote set. The bot automatically notifies the chat + about new emotes, deletion of existing emotes, and changes in their names.<br> + For now only for 7TV. + </p> + </div> + <div class="icon"> + <img src="/static/img/features/7tv.gif" alt=""> + </div> + </section> + <!-- LUA CODING --> + <section> + <div class="description"> + <h1>Lua coding</h1> + <p> + With !lua and !luaimport you can create your own logic for custom commands! It can be + another utility, a mini-game, or even a bot within a bot - only your imagination* limits + you. The coding awaits you today! + </p> + </div> + <div class="icon"> + <img src="/static/img/features/lua.gif" alt=""> + </div> + </section> + </div> + </section> + + <!-- SMALL FEATURES --> + <section class="small-features grid-2 gap-32"> + <section> + <div class="icon"> + <img src="/static/img/icons/bell.png" alt=""> + </div> + <h2>@everyone in your chat</h2> + <p>With the "!massping" command, moderators can quickly notify all participants by mentioning them + with an important message. </p> + </section> + <section> + <div class="icon"> + <img src="/static/img/icons/keyboard.png" alt=""> + </div> + <h2>No Ctrl+Enter anymore</h2> + <p>In addition, the "!spam" command provides the ability to repeat a message the desired number of + times, which is useful for repetitive reminders or clarifications.</p> + </section> + <section> + <div class="icon"> + <img src="/static/img/icons/clock.png" alt=""> + </div> + <h2>Timers</h2> + <p>With the !timer command, you can set messages to be sent each interval. moderators can quickly + notify all participants by mentioning them with an important message. </p> + </section> + <section> + <div class="icon"> + <img src="/static/img/icons/terminal.png" alt=""> + </div> + <h2>Create your own commands</h2> + <p>The !cmd command allow the creation of personalized commands, which adds interactivity and + flexibility to communication by allowing channel owners to create their own commands. </p> + </section> + </section> </content> </main> |