Hugging Face's logo

Spaces:
heboya8
/
html-space
Running

App Files Community
heboya8 commited on
Commit
1f9a1fc
·
verified ·
1 Parent(s): 34e7244

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +105 -17
index.html CHANGED
@@ -1,19 +1,107 @@
1
- <!doctype html>
2
  <html>
3
- <head>
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>
 
 
1
  <html>
2
+ <head>
3
+ <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="" />
4
+ <link
5
+ rel="stylesheet"
6
+ as="style"
7
+ onload="this.rel='stylesheet'"
8
+ href="https://fonts.googleapis.com/css2?display=swap&amp;family=Manrope%3Awght%40400%3B500%3B700%3B800&amp;family=Noto+Sans%3Awght%40400%3B500%3B700%3B900"
9
+ />
10
+
11
+ <title>Galileo Design</title>
12
+ <link rel="icon" type="image/x-icon" href="data:image/x-icon;base64," />
13
+
14
+ <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
15
+ </head>
16
+ <body>
17
+ <div class="relative flex size-full min-h-screen flex-col bg-slate-50 group/design-root overflow-x-hidden" style='font-family: Manrope, "Noto Sans", sans-serif;'>
18
+ <div class="layout-container flex h-full grow flex-col">
19
+ <header class="flex items-center justify-between whitespace-nowrap border-b border-solid border-b-[#e7edf3] px-10 py-3">
20
+ <div class="flex items-center gap-4 text-[#0e141b]">
21
+ <div class="size-4">
22
+ <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
23
+ <path
24
+ d="M4 42.4379C4 42.4379 14.0962 36.0744 24 41.1692C35.0664 46.8624 44 42.2078 44 42.2078L44 7.01134C44 7.01134 35.068 11.6577 24.0031 5.96913C14.0971 0.876274 4 7.27094 4 7.27094L4 42.4379Z"
25
+ fill="currentColor"
26
+ ></path>
27
+ </svg>
28
+ </div>
29
+ <h2 class="text-[#0e141b] text-lg font-bold leading-tight tracking-[-0.015em]">TalkAI</h2>
30
+ </div>
31
+ <div class="flex flex-1 justify-end gap-8">
32
+ <div class="flex items-center gap-9">
33
+ <a class="text-[#0e141b] text-sm font-medium leading-normal" href="#">Home</a>
34
+ <a class="text-[#0e141b] text-sm font-medium leading-normal" href="#">Help</a>
35
+ <a class="text-[#0e141b] text-sm font-medium leading-normal" href="#">Pricing</a>
36
+ <a class="text-[#0e141b] text-sm font-medium leading-normal" href="#">Docs</a>
37
+ </div>
38
+ <div class="flex gap-2">
39
+ <button
40
+ class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-xl h-10 px-4 bg-[#1980e6] text-slate-50 text-sm font-bold leading-normal tracking-[0.015em]"
41
+ >
42
+ <span class="truncate">Sign in</span>
43
+ </button>
44
+ <button
45
+ class="flex min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-xl h-10 px-4 bg-[#e7edf3] text-[#0e141b] text-sm font-bold leading-normal tracking-[0.015em]"
46
+ >
47
+ <span class="truncate">Join beta</span>
48
+ </button>
49
+ </div>
50
+ </div>
51
+ </header>
52
+ <div class="px-40 flex flex-1 justify-center py-5">
53
+ <div class="layout-content-container flex flex-col w-[512px] max-w-[512px] py-5 max-w-[960px] flex-1">
54
+ <h3 class="text-[#0e141b] tracking-light text-2xl font-bold leading-tight px-4 text-left pb-2 pt-5">Welcome to TalkAI</h3>
55
+ <p class="text-[#0e141b] text-base font-normal leading-normal pb-3 pt-1 px-4">
56
+ We're here to help you get started with TalkAI. If you have any questions, feel free to ask.
57
+ </p>
58
+ <div class="flex items-end gap-3 p-4">
59
+ <div
60
+ class="bg-center bg-no-repeat aspect-square bg-cover rounded-full w-10 shrink-0"
61
+ style='background-image: url("https://cdn.usegalileo.ai/sdxl10/4ac9fb50-6ae0-44b6-994d-caf00c3bdb32.png");'
62
+ ></div>
63
+ <div class="flex flex-1 flex-col gap-1 items-start">
64
+ <p class="text-[#4e7397] text-[13px] font-normal leading-normal max-w-[360px]">TalkAI</p>
65
+ <p class="text-base font-normal leading-normal flex max-w-[360px] rounded-xl px-4 py-3 bg-[#e7edf3] text-[#0e141b]">
66
+ Hi there! I'm TalkAI. I'm a language model trained by OpenAI. I can help you with a wide range of tasks, from writing emails to summarizing documents. Feel free
67
+ to ask me anything!
68
+ </p>
69
+ </div>
70
+ </div>
71
+ <div class="flex items-center px-4 py-3 gap-3 @container">
72
+ <label class="flex flex-col min-w-40 h-12 flex-1">
73
+ <div class="flex w-full flex-1 items-stretch rounded-xl h-full">
74
+ <input
75
+ placeholder="Type your message..."
76
+ class="form-input flex w-full min-w-0 flex-1 resize-none overflow-hidden rounded-xl text-[#0e141b] focus:outline-0 focus:ring-0 border-none bg-[#e7edf3] focus:border-none h-full placeholder:text-[#4e7397] px-4 rounded-r-none border-r-0 pr-2 text-base font-normal leading-normal"
77
+ value=""
78
+ />
79
+ <div class="flex border-none bg-[#e7edf3] items-center justify-center pr-4 rounded-r-xl border-l-0 !pr-2">
80
+ <div class="flex items-center gap-4 justify-end">
81
+ <div class="flex items-center gap-1">
82
+ <button class="flex items-center justify-center p-1.5">
83
+ <div class="text-[#4e7397]" data-icon="Paperclip" data-size="20px" data-weight="regular">
84
+ <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" fill="currentColor" viewBox="0 0 256 256">
85
+ <path
86
+ d="M209.66,122.34a8,8,0,0,1,0,11.32l-82.05,82a56,56,0,0,1-79.2-79.21L147.67,35.73a40,40,0,1,1,56.61,56.55L105,193A24,24,0,1,1,71,159L154.3,74.38A8,8,0,1,1,165.7,85.6L82.39,170.31a8,8,0,1,0,11.27,11.36L192.93,81A24,24,0,1,0,159,47L59.76,147.68a40,40,0,1,0,56.53,56.62l82.06-82A8,8,0,0,1,209.66,122.34Z"
87
+ ></path>
88
+ </svg>
89
+ </div>
90
+ </button>
91
+ </div>
92
+ <button
93
+ class="min-w-[84px] max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-xl h-8 px-4 bg-[#1980e6] text-slate-50 text-sm font-medium leading-normal hidden @[480px]:block"
94
+ >
95
+ <span class="truncate">Send</span>
96
+ </button>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ </label>
101
+ </div>
102
+ </div>
103
+ </div>
104
+ </div>
105
+ </div>
106
+ </body>
107
  </html>