Hugging Face's logo

Spaces:
Lockthewi
/
chat-ui
Paused

App Files Community
julien-c HF Staff commited on
Commit
cb6af22
·
verified ·
1 Parent(s): 663005a

make some ui elements configurable from env variables

Browse files
Files changed (1) hide show
  1. src/lib/chat/ChatIntroduction.svelte +30 -20
src/lib/chat/ChatIntroduction.svelte CHANGED
@@ -1,28 +1,38 @@
1
  <script lang="ts">
 
 
2
  export let title: string = '';
3
  </script>
4
 
5
  <div class="grid grid-cols-3 gap-3 my-auto">
6
  <div class="col-span-3 text-center mb-10">
7
- <h1 class="text-3xl font-bold mb-1.5">{title}</h1>
8
- <p class="text-lg text-gray-500">Lorem ipsum dolor sit.</p>
9
- </div>
10
- <div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
11
- Create
12
- </div>
13
- <div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
14
- Discover
15
- </div>
16
- <div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
17
- Overcome
18
- </div>
19
- <div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
20
- Create
21
- </div>
22
- <div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
23
- Discover
24
- </div>
25
- <div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
26
- Overcome
27
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
28
  </div>
 
1
  <script lang="ts">
2
+ import { PUBLIC_DISABLE_INTRO_TILES, PUBLIC_MODEL_NAME, PUBLIC_MODEL_TAGLINE } from '$env/static/public';
3
+
4
  export let title: string = '';
5
  </script>
6
 
7
  <div class="grid grid-cols-3 gap-3 my-auto">
8
  <div class="col-span-3 text-center mb-10">
9
+ <h1 class="text-3xl font-bold mb-1.5">{PUBLIC_MODEL_NAME || title}</h1>
10
+ <p class="text-lg text-gray-500">
11
+ {#if PUBLIC_MODEL_TAGLINE}
12
+ {@html PUBLIC_MODEL_TAGLINE}
13
+ {:else}
14
+ Lorem ipsum dolor sit.
15
+ {/if}
16
+ </p>
 
 
 
 
 
 
 
 
 
 
 
 
17
  </div>
18
+ {#if PUBLIC_DISABLE_INTRO_TILES !== "true"}
19
+ <div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
20
+ Create
21
+ </div>
22
+ <div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
23
+ Discover
24
+ </div>
25
+ <div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
26
+ Overcome
27
+ </div>
28
+ <div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
29
+ Create
30
+ </div>
31
+ <div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
32
+ Discover
33
+ </div>
34
+ <div class="bg-gray-50 dark:bg-gray-700 rounded-xl text-gray-500 dark:text-gray-400 p-4">
35
+ Overcome
36
+ </div>
37
+ {/if}
38
  </div>