From 115fbd44cbcf2239fe3f0cbdbf185f2934134433 Mon Sep 17 00:00:00 2001
From: jude <jude@jellywx.com>
Date: Sat, 27 May 2023 16:12:09 +0100
Subject: [PATCH] update some frontend

---
 web/templates/base.html.tera  |  6 ++--
 web/templates/help.html.tera  |  4 +--
 web/templates/index.html.tera | 56 +++++++++++++++++++++++++++--------
 3 files changed, 48 insertions(+), 18 deletions(-)

diff --git a/web/templates/base.html.tera b/web/templates/base.html.tera
index a033a67..40dcf94 100644
--- a/web/templates/base.html.tera
+++ b/web/templates/base.html.tera
@@ -51,8 +51,8 @@
                 <a class="navbar-item" href="https://invite.reminder-bot.com">
                     <i class="fas fa-plus"></i>
                 </a>
-                <a class="navbar-item" href="https://github.com/jellywx">
-                    <i class="fab fa-github"></i>
+                <a class="navbar-item" href="https://gitea.jellypro.xyz/jude">
+                    <i class="fab fa-git-square"></i>
                 </a>
                 <a class="navbar-item" href="https://discord.jellywx.com">
                     <i class="fab fa-discord"></i>
@@ -155,7 +155,7 @@
                 <br>
                 <a href="/cookies">Cookies</a> | <a href="/privacy">Privacy Policy</a> | <a href="/terms">Terms of Service</a>
                 <br>
-                <a href="https://patreon.com/jellywx"><strong>Patreon</strong></a> | <a href="https://discord.jellywx.com"><strong>Discord</strong></a> | <a href="https://github.com/JellyWX"><strong>GitHub</strong></a>
+                <a href="https://patreon.com/jellywx"><strong>Patreon</strong></a> | <a href="https://discord.jellywx.com"><strong>Discord</strong></a> | <a href="https://gitea.jellypro.xyz/jude"><strong>Gitea</strong></a>
                 <br>
                 or, <a href="mailto:jude@jellywx.com">Email me</a>
             </p>
diff --git a/web/templates/help.html.tera b/web/templates/help.html.tera
index 41f26a0..fc435e2 100644
--- a/web/templates/help.html.tera
+++ b/web/templates/help.html.tera
@@ -109,7 +109,7 @@
             </div>
             <div class="tile is-parent is-vertical">
                 <article class="tile is-child notification">
-                    <p class="title">Import/Export</p>
+                    <p class="title">Import/export</p>
                     <p class="subtitle">Learn how to import and export data from the dashboard</p>
                     <div class="content has-text-centered">
                         <a class="button is-size-4 is-rounded is-light" href="/help/iemanager">
@@ -148,7 +148,7 @@
         <div class="hero-foot has-text-centered">
             <a class="button is-size-6 is-rounded is-primary" href="https://discord.jellywx.com">
                 <p class="is-size-6">
-                    Join Discord <span class="icon"><i class="fas fa-chevron-right"></i></span>
+                    <span>Join Discord</span> <span class="icon"><i class="fas fa-chevron-right"></i></span>
                 </p>
             </a>
         </div>
diff --git a/web/templates/index.html.tera b/web/templates/index.html.tera
index 735d251..42dadb7 100644
--- a/web/templates/index.html.tera
+++ b/web/templates/index.html.tera
@@ -44,22 +44,52 @@
         </div>
     </div>
 
-    <section class="hero is-small">
+    <section class="hero is-medium">
         <div class="hero-body">
-            <div class="container has-text-centered">
-                <p class="title">Ready to go?</p>
-                <p class="content">
-                    Add the bot to get started!
-                </p>
+            <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 server!
+                        </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">
+                            Add the bot to get started!
+                        </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>
             </div>
         </div>
-        <div class="hero-foot has-text-centered">
-            <a class="button is-size-6 is-rounded is-success" href="https://invite.reminder-bot.com">
-                <p class="is-size-6">
-                    Add Now <span class="icon"><i class="fas fa-chevron-right"></i></span>
-                </p>
-            </a>
-        </div>
     </section>
 
 {% endblock %}