huggi / src /lib /chat /ChatIntroduction.svelte
julien-c's picture
julien-c HF staff
move type to its own file
bd8c7a0 verified
raw
history blame
1.24 kB
<script lang="ts">
import { PUBLIC_DISABLE_INTRO_TILES, PUBLIC_MODEL_NAME, PUBLIC_MODEL_TAGLINE } from '$env/static/public';
export let title: string = 'Joi 20B Instruct';
</script>
<div class="grid grid-cols-3 gap-3 my-auto">
<div class="col-span-3 text-center mb-10">
<h1 class="text-3xl font-bold mb-1.5">{PUBLIC_MODEL_NAME || title}</h1>
<p class="text-lg text-gray-500">
{#if PUBLIC_MODEL_TAGLINE}
{@html PUBLIC_MODEL_TAGLINE}
{:else}
Lorem ipsum dolor sit.
{/if}
</p>
</div>
{#if PUBLIC_DISABLE_INTRO_TILES !== "true"}
<div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
Create
</div>
<div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
Discover
</div>
<div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
Overcome
</div>
<div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
Create
</div>
<div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
Discover
</div>
<div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
Overcome
</div>
{/if}
</div>