reminder-bot/web/templates/index.html.tera

96 lines
4.7 KiB
Plaintext
Raw Normal View History

2022-02-11 17:44:08 +00:00
{% extends "base" %}
{% block init %}
{% set title = "Home" %}
{% set page_title = "Reminder Bot" %}
{% set page_subtitle = "Powerful Discord Reminders" %}
{% set page_emoji = "fa-hourglass-half" %}
{% set show_invite = true %}
{% endblock %}
{% block content %}
<div class="inset-content" >
<div class="tile is-ancestor">
<div class="tile is-parent">
<article class="tile is-child notification">
<p class="title">Slash-command Ready <svg aria-hidden="false" width="28" height="28" viewBox="0 0 24 24"><path fill="#777" fill-rule="evenodd" clip-rule="evenodd" d="M5 3C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H5ZM16.8995 8.41419L15.4853 6.99998L7 15.4853L8.41421 16.8995L16.8995 8.41419Z"></path></svg></p>
2023-05-27 15:40:41 +00:00
<p class="subtitle">Set reminders easily and quickly from anywhere.</p>
2022-02-11 17:44:08 +00:00
<figure class="image">
<img class="rounded-corners" src="/static/img/slash-commands.png" alt="Discord slash commands demonstration">
</figure>
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child notification">
<p class="title">Advanced Options <span class="icon"><i class="fad fa-palette"></i></span></p>
2023-05-27 15:40:41 +00:00
<p class="subtitle">Decorate your announcements with our web dashboard.</p>
2022-02-11 17:44:08 +00:00
<figure class="image">
2022-03-20 21:04:24 +00:00
<img class="rounded-corners" src="/static/img/tournament-demo.png" alt="Advanced options demonstration">
2022-02-11 17:44:08 +00:00
</figure>
</article>
</div>
<div class="tile is-parent is-vertical">
<article class="tile is-child notification">
<p class="title">Unlimited Reminders <span class="icon"><i class="far fa-infinity"></i></span></p>
2023-05-27 15:40:41 +00:00
<p class="subtitle">Never forget a thing.</p>
2022-02-11 17:44:08 +00:00
</article>
<article class="tile is-child notification">
<p class="title">Repeating Reminders <span class="icon"><i class="fas fa-repeat"></i></span></p>
2023-05-27 15:40:41 +00:00
<p class="subtitle">Available to <a href="https://patreon.com/jellywx"><span class="patreon-color">Patreon <span class="icon"><i class="fab fa-patreon"></i></span></span></a> subscribers at <strong>$2/month</strong>.</p>
2022-02-11 17:44:08 +00:00
</article>
</div>
</div>
</div>
2023-05-27 15:12:09 +00:00
<section class="hero is-medium">
2022-02-11 17:44:08 +00:00
<div class="hero-body">
2023-05-27 15:12:09 +00:00
<div class="columns">
<div class="column">
<div class="container has-text-centered">
<p class="title">Technically-minded?</p>
<p class="content">
Install the bot on your own computer
2023-05-27 15:12:09 +00:00
</p>
<a class="button is-size-6 is-rounded is-link" href="https://gitea.jellypro.xyz/jude/reminder-bot">
<p class="is-size-6">
<span>Install</span> <span class="icon"><i class="fas fa-chevron-right"></i></span>
</p>
</a>
</div>
</div>
<div class="column">
<div class="container has-text-centered">
<p class="title">Ready to go?</p>
<p class="content">
2023-05-27 15:40:41 +00:00
Add the bot to get started
2023-05-27 15:12:09 +00:00
</p>
<a class="button is-size-6 is-rounded is-success" href="https://invite.reminder-bot.com">
<p class="is-size-6">
<span>Add Now</span> <span class="icon"><i class="fas fa-chevron-right"></i></span>
</p>
</a>
</div>
</div>
<div class="column">
<div class="container has-text-centered">
<p class="title">Need support?</p>
<p class="content">
Check out our guides, or join our Discord
</p>
<a class="button is-size-6 is-rounded is-primary" href="/help">
<p class="is-size-6">
<span>Guides</span> <span class="icon"><i class="fas fa-chevron-right"></i></span>
</p>
</a>
</div>
</div>
2022-02-11 17:44:08 +00:00
</div>
</div>
</section>
{% endblock %}