Hugging Face's logo

Spaces:
victor
/
ChatUI
Running

App Files Community
victor HF staff commited on
Commit
ecc1dba
•
1 Parent(s): 55e5cf7

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +36 -9
index.html CHANGED
@@ -4,16 +4,43 @@
4
  <meta charset="utf-8" />
5
  <meta name="viewport" content="width=device-width" />
6
  <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
  </head>
9
  <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
18
  </body>
19
  </html>
 
4
  <meta charset="utf-8" />
5
  <meta name="viewport" content="width=device-width" />
6
  <title>My static Space</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
  </head>
9
  <body>
10
+ <div class="h-screen w-screen bg-black/95 px-12 text-gray-300/90">
11
+ <div class="mx-auto flex h-screen max-h-screen max-w-4xl flex-col gap-8 overflow-x-auto pt-12">
12
+ <div class="flex items-start justify-start gap-4 leading-relaxed">
13
+ <img src="https://huggingface.co/avatars/2edb18bd0206c16b433841a47f53fa8e.svg" class="mt-5 h-4 w-4 flex-none rounded-full shadow-lg shadow-white/40" />
14
+ <div class="text-blue-00 group relative rounded-2xl bg-gradient-to-br from-gray-800/50 to-gray-800/20 px-5 pt-4 pb-5">Lorem ipsum, dolor sit amet consectetur adipisicing eLorem ipsum, dolor sit amet consectetur adipisicing eLorem ipsum, dolor sit amet consectetur adipisicing eLorem ipsum, dolor sit amet consectetur adipisicing eLorem ipsum, dolor sit amet consectetur adipisicing eLorem ipsum, dolor sit amet consectetur adipisicing eLorem ipsum, dolor sit amet consectetur adipisicing elit. Dolorum maiores quo officiis?</div>
15
+ </div>
16
+ <div class="mb-2 flex items-start justify-start gap-4 text-gray-300/70">
17
+ <div class="mt-4 h-4 w-4 flex-none rounded-full"></div>
18
+ <div class="rounded-2xl px-4 py-3.5">Lorem ipsum, dolor sit amet consectetur adipisicing eLorem ipsum, dolor sit amet consectetur adipisicing eLorem ipsum</div>
19
+ </div>
20
+ <div class="flex items-start justify-start gap-4 leading-relaxed">
21
+ <img src="https://huggingface.co/avatars/2edb18bd0206c16b433841a47f53fa8e.svg" class="mt-5 h-3 w-3 flex-none rounded-full bg-white" />
22
+ <div class="text-blue-00 rounded-2xl bg-gradient-to-br from-gray-800/50 to-gray-800/20 px-5 pt-4 pb-5">
23
+ <p>Lorem ipsum, dolor sit amet consectetur adipisicing eLorem ipsum, dolor sit amet consectetur adipisicing eLorem ipsum, dolor sit amet consectetur adipisicing eLorem ipsum, dolor sit</p>
24
+ <div class="mt-4 flex flex-wrap gap-4 first:mt-0">
25
+ <img src="https://lexica-serve-encoded-images2.sharif.workers.dev/full_jpg/7a6fcbc9-3440-49b4-9c33-eaadc59a462d" alt="" class="max-h-[360px] rounded-xl" />
26
+ <img src="https://lexica-serve-encoded-images2.sharif.workers.dev/full_jpg/11d91b58-4305-45de-b608-1142ddc118a7" alt="" class="max-h-[360px] rounded-xl" />
27
+ </div>
28
+ </div>
29
+ </div>
30
+ <div class="flex items-start justify-start gap-4 text-gray-300">
31
+ <div class="mt-4 h-4 w-4 flex-none rounded-full"></div>
32
+ <div class="rounded-2xl px-4 py-3.5">Lorem ipsum, dolor sit amet consectetur adipisicing eLorem ipsum, dolor sit amet consectetur adipisicing eLorem ipsum</div>
33
+ </div>
34
+ <div class="flex items-start justify-start gap-4 leading-relaxed">
35
+ <img src="https://huggingface.co/avatars/2edb18bd0206c16b433841a47f53fa8e.svg" class="mt-5 h-4 w-4 flex-none rounded-full shadow-lg shadow-white/40" />
36
+ <div class="group relative rounded-2xl bg-gradient-to-br from-gray-800/50 to-gray-800/20 px-5 pt-4 pb-5 text-blue-900"><div class="h-4 w-2 animate-pulse bg-white/20"></div></div>
37
+ </div>
38
+ </div>
39
+
40
+ <div class="fixed inset-x-0 bottom-12 mx-auto max-w-4xl">
41
+ <div class="w-full rounded-2xl border border-black bg-gradient-to-br from-gray-800/40 to-gray-800/50 px-4 py-3.5 shadow-2xl shadow-white/5 outline-none ring-gray-700 focus:ring-1" role="textbox" contenteditable>Ask anything...</div>
42
+ <!-- <textarea class="w-full rounded-2xl bg-slate-800/80 px-4 py-3.5 shadow-xl" rows="1" placeholder="Write anything..."></textarea> -->
43
+ </div>
44
+ </div>
45
  </body>
46
  </html>