Add related links

This commit is contained in:
kwaroran
2024-09-05 16:31:36 +09:00
parent 7ba6a81ff0
commit 5948aa8966

View File

@@ -3,7 +3,7 @@
import Hub from "./Realm/RealmMain.svelte"; import Hub from "./Realm/RealmMain.svelte";
import { OpenRealmStore } from "src/ts/stores"; import { OpenRealmStore } from "src/ts/stores";
import { ArrowLeft } from "lucide-svelte"; 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 { language } from "src/lang";
import { getRisuHub, hubAdditionalHTML } from "src/ts/characterCards"; import { getRisuHub, hubAdditionalHTML } from "src/ts/characterCards";
import RisuHubIcon from "./Realm/RealmHubIcon.svelte"; import RisuHubIcon from "./Realm/RealmHubIcon.svelte";
@@ -46,6 +46,47 @@
{:else} {:else}
<div class="text-textcolor2">{language.hideRealm}</div> <div class="text-textcolor2">{language.hideRealm}</div>
{/if} {/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} {:else}
<div class="flex items-center mt-4"> <div class="flex items-center mt-4">
<button class="mr-2 text-textcolor2 hover:text-green-500" on:click={() => ($OpenRealmStore = false)}> <button class="mr-2 text-textcolor2 hover:text-green-500" on:click={() => ($OpenRealmStore = false)}>