From 5948aa89660acef878647612eea9d5a4c46387ff Mon Sep 17 00:00:00 2001
From: kwaroran <amasio1234@proton.me>
Date: Thu, 5 Sep 2024 16:31:36 +0900
Subject: [PATCH] Add related links

---
 src/lib/UI/MainMenu.svelte | 43 +++++++++++++++++++++++++++++++++++++-
 1 file changed, 42 insertions(+), 1 deletion(-)

diff --git a/src/lib/UI/MainMenu.svelte b/src/lib/UI/MainMenu.svelte
index b4a26674..33f425bf 100644
--- a/src/lib/UI/MainMenu.svelte
+++ b/src/lib/UI/MainMenu.svelte
@@ -3,7 +3,7 @@
     import Hub from "./Realm/RealmMain.svelte";
     import { OpenRealmStore } from "src/ts/stores";
     import { ArrowLeft } from "lucide-svelte";
-    import { isNodeServer, isTauri } from "src/ts/storage/globalApi";
+    import { isNodeServer, isTauri, openURL } from "src/ts/storage/globalApi";
     import { language } from "src/lang";
     import { getRisuHub, hubAdditionalHTML } from "src/ts/characterCards";
     import RisuHubIcon from "./Realm/RealmHubIcon.svelte";
@@ -46,6 +46,47 @@
         {:else}
           <div class="text-textcolor2">{language.hideRealm}</div>
         {/if}
+      <div class="mt-4 mb-4 w-full border-t border-t-selected"></div>
+      <h1 class="text-2xl font-bold mb-4">
+        Related Links
+      </h1>
+        <div class="w-full flex gap-4 p-2 flex-wrap justify-center">
+        <button class="bg-darkbg rounded-lg p-4 flex flex-col hover:bg-selected transition-colors relative lg:w-96 w-full items-start text-start" on:click={() => {
+          openURL("https://discord.gg/Exy3NrqkGm")
+        }}>
+          <h2 class="text-xl">Discord</h2>
+          <span class="text-textcolor2">
+            Join our Discord server to chat with other users and the developer.
+          </span>
+        </button>
+        <button class="bg-darkbg rounded-lg p-4 flex flex-col hover:bg-selected transition-colors relative lg:w-96 w-full items-start text-start" on:click={() => {
+          openURL("https://risuai.net")
+        }}>
+          <h2 class="text-xl">
+            Website
+          </h2>
+          <span class="text-textcolor2">
+            See the official website for the project.
+          </span>
+        </button>
+        <button class="bg-darkbg rounded-lg p-4 flex flex-col hover:bg-selected transition-colors relative lg:w-96 w-full items-start text-start" on:click={() => {
+          openURL("https://github.com/kwaroran/RisuAI")
+        }}>
+          <h2 class="text-xl">Github</h2>
+          <span class="text-textcolor2">
+            View the source code and contribute to the project.
+          </span>
+        </button>
+        <button class="bg-darkbg rounded-lg p-4 flex flex-col hover:bg-selected transition-colors relative lg:w-96 w-full items-start text-start" on:click={() => {
+          openURL("mailto:support@risuai.net")
+        }}>
+          <h2 class="text-xl">Email</h2>
+          <span class="text-textcolor2">
+            Contact the developer directly.
+          </span>
+        </button>
+      </div>
+
       {:else}
         <div class="flex items-center mt-4">
           <button class="mr-2 text-textcolor2 hover:text-green-500" on:click={() => ($OpenRealmStore = false)}>