75 lines
3.6 KiB
Handlebars
75 lines
3.6 KiB
Handlebars
<div class="page-home">
|
|
<div class="container circles">
|
|
<div class="top-ad-container" style="display: flex; align-items: center; justify-content: center;">
|
|
<div id='div-gpt-ad-1559171339966-0'>
|
|
<script>
|
|
googletag.cmd.push(function() { googletag.display('div-gpt-ad-1559171339966-0'); });
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<div class="home-description">
|
|
<img alt="White diamond shaped Dyno logo" class="home-logo" src="https://s.dyno.gg/web-assets/landing/logo.png" />
|
|
<div class="description-title is-size-1">
|
|
The Discord Bot that does it all. Automatically
|
|
</div>
|
|
<div class="description-text is-size-5">
|
|
A fully customizable server moderation Discord bot for your Discord server that features a simple and intuitive web dashboard. Server management just got a whole lot easier.
|
|
</div>
|
|
<div class="description-buttons">
|
|
<a class="button is-light is-medium" href="https://discord.gg/dyno">Join us on Discord</a>
|
|
<a class="button is-info is-medium" href="/auth">Login with Discord</a>
|
|
</div>
|
|
<div class="columns is-centered">
|
|
<div class="is-4 description-popularity-text is-size-6">
|
|
Dyno is used on <span class="has-text-primary">1,307,244</span> servers, we invite you to try it out and hope you enjoy!
|
|
</div>
|
|
<div class="is-4">
|
|
{{!-- {{>carbon}} --}}
|
|
</div>
|
|
</div>
|
|
<div class="description-mockup">
|
|
<img alt="Laptop frame with the Dyno dashboard rendered on it" class="product-mockup" src="https://s.dyno.gg/web-assets/landing/product-mockup.png" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container features-section">
|
|
<p class="is-size-3 has-text-centered">Features</p>
|
|
<h5 class="has-text-grey has-text-centered">What Dyno has to offer</h5>
|
|
<div class="features">
|
|
<div class="feature">
|
|
<img class="feature-card-icon" alt="Red icon ressembling a website window" src="https://s.dyno.gg/web-assets/landing/card1.png"/>
|
|
<h4 class="is-size-5">Dashboard</h4>
|
|
<div class="feature-body">
|
|
<p class="is-size-7">A feature-rich, configurable web dashboard. You can easily enable, disable, and configure everything.</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature">
|
|
<img class="feature-card-icon" alt="Red music note icon" src="https://s.dyno.gg/web-assets/landing/card2.png"/>
|
|
<h4 class="is-size-5">Music Player</h4>
|
|
<div class="feature-body">
|
|
<p class="is-size-7">Dyno is also a Discord music bot with playlists, DJ roles, playlists, and more.</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature">
|
|
<img class="feature-card-icon" alt="Chat balloons" src="https://s.dyno.gg/web-assets/landing/card3.png"/>
|
|
<h4 class="is-size-5">Moderation</h4>
|
|
<div class="feature-body">
|
|
<p class="is-size-7">Moderation with mod logs, timed mutes and bans. Auto-moderation/anti-spam, fully configurable.</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature">
|
|
<img class="feature-card-icon" alt="Plus icon" src="https://s.dyno.gg/web-assets/landing/card4.png"/>
|
|
<h4 class="is-size-5">Much More</h4>
|
|
<div class="feature-body">
|
|
<p class="is-size-7">Autoroles, Custom Commands, Announcements, Joinable Ranks, AFK Status, Reminders, and much more.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h3 class="is-size-3 has-text-secondary">Getting Started</h3>
|
|
<div class="getting-started">
|
|
<p class="has-text-grey">To get started with Dyno,{{#unless user}} login with discord and{{/unless}} select the server that you would like to setup.</p>
|
|
{{#if user}}<a class="button is-info" href="/account" title="Manage a Server">Manage a Server</a>{{/if}}
|
|
{{#unless user}}<a class="button is-info" href="/auth" title="Login with Discord">Login with Discord</a>{{/unless}}
|
|
</div>
|
|
</div>
|
|
</div> |