Hugging Face's logo

Spaces:
yumiko-kibitsugi
/
sf-107
Running

App Files Community
yumiko-kibitsugi commited on
Commit
d82c250
•
1 Parent(s): 55cc03d

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +17 -19
  2. readme.md +8 -0
index.html CHANGED
@@ -1,19 +1,17 @@
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><head><link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.css" rel="stylesheet" type="text/css" /><script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script><script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script><script defer src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.156.1/three.min.js"></script><script type="module" src="main.js"></script><title>Anime Chat</title></head><body><main class="prose lg:px-0 max-w-8xl mx-auto my-10 w-2/3"><div class="flex justify-center">
2
+
3
+ <div class="lg:p-6 p-3 relative w-full my-5">
4
+ <h1 class="text-2xl font-bold mb-4 flex justify-items-center items-center">
5
+ <img class="inline-block h-12 w-12" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Image_created_with_a_mobile_phone.png/1200px-Image_created_with_a_mobile_phone.png" alt="Smiling face with smiling eyes">
6
+ <span class="ml-2 uppercase">Anime Chat</span>
7
+ </h1>
8
+ <div class="relative">
9
+ <div class="border-gray-300 border-2 p-4 rounded w-full my-10">
10
+ <div class="mb-5 mt-2"><input class="bg-gray-100 border-0 focus:ring-2 focus:ring-gray-400 focus:outline-none p-2 rounded w-full" type="text" placeholder="Ask me anything..."></div>
11
+ <div class="text-gray-500 text-sm mb-2">Press 'Enter' to send message</div>
12
+ </div>
13
+ <div class="absolute bottom-0 right-2 w-full"><button class="bg-green-500 font-weight-bold hover:bg-green-700 p-2 rounded text-white transition w-full">Get Started</button></div>
14
+ </div>
15
+ </div>
16
+
17
+ </div></main></body></html>
 
 
readme.md ADDED
@@ -0,0 +1,8 @@
 
 
 
 
 
 
 
 
 
1
+ ---
2
+ license: apache-2.0
3
+ title: Anime Chat
4
+ sdk: static
5
+ emoji: 👨‍💻
6
+ colorFrom: yellow
7
+ colorTo: green
8
+ ---