organicai commited on
Commit
e656d8b
·
verified ·
1 Parent(s): aff31e5

Create a page for me that accepts a word input and it will give me in return an emoji - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +385 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Test
3
- emoji:
4
- colorFrom: red
5
- colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: test
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,385 @@
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
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Word to Emoji Converter</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
10
+ <style>
11
+ body {
12
+ font-family: 'Poppins', sans-serif;
13
+ background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
14
+ min-height: 100vh;
15
+ }
16
+ .glow {
17
+ box-shadow: 0 0 20px rgba(255, 215, 0, 0.6);
18
+ }
19
+ .emoji-display {
20
+ transition: all 0.3s ease;
21
+ }
22
+ </style>
23
+ </head>
24
+ <body class="flex items-center justify-center p-4">
25
+ <div class="max-w-md w-full bg-white rounded-xl shadow-2xl overflow-hidden">
26
+ <div class="bg-gradient-to-r from-blue-500 to-purple-600 p-6 text-white">
27
+ <h1 class="text-2xl font-bold flex items-center">
28
+ <i data-feather="smile" class="mr-2"></i> Word to Emoji
29
+ </h1>
30
+ <p class="text-blue-100 mt-1">Enter a word and get a matching emoji!</p>
31
+ </div>
32
+
33
+ <div class="p-6">
34
+ <div class="relative">
35
+ <input
36
+ type="text"
37
+ id="wordInput"
38
+ placeholder="Type a word (e.g. happy, cat, pizza)"
39
+ class="w-full p-4 pr-12 rounded-lg border-2 border-gray-200 focus:border-blue-500 focus:outline-none transition"
40
+ >
41
+ <button
42
+ id="searchBtn"
43
+ class="absolute right-2 top-1/2 transform -translate-y-1/2 bg-blue-500 hover:bg-blue-600 text-white p-2 rounded-lg transition"
44
+ >
45
+ <i data-feather="search"></i>
46
+ </button>
47
+ </div>
48
+
49
+ <div class="mt-8 text-center">
50
+ <div id="emojiResult" class="emoji-display text-8xl my-6 min-h-[100px] flex items-center justify-center">
51
+ <span class="text-gray-300">?</span>
52
+ </div>
53
+
54
+ <div id="wordMeaning" class="text-gray-600 italic">
55
+ Type a word above to see its emoji match
56
+ </div>
57
+ </div>
58
+ </div>
59
+
60
+ <div class="bg-gray-50 px-6 py-4 text-center text-sm text-gray-500">
61
+ <p>Powered by emoji associations</p>
62
+ </div>
63
+ </div>
64
+
65
+ <script>
66
+ feather.replace();
67
+
68
+ // Emoji mapping dictionary
69
+ const emojiMap = {
70
+ 'happy': '😊',
71
+ 'sad': '😢',
72
+ 'angry': '😠',
73
+ 'love': '❤️',
74
+ 'cat': '🐱',
75
+ 'dog': '🐶',
76
+ 'pizza': '🍕',
77
+ 'coffee': '☕',
78
+ 'music': '🎵',
79
+ 'book': '📖',
80
+ 'sun': '☀️',
81
+ 'rain': '🌧️',
82
+ 'fire': '🔥',
83
+ 'water': '💧',
84
+ 'tree': '🌳',
85
+ 'flower': '🌸',
86
+ 'car': '🚗',
87
+ 'plane': '✈️',
88
+ 'money': '💰',
89
+ 'time': '⏰',
90
+ 'phone': '📱',
91
+ 'computer': '💻',
92
+ 'game': '🎮',
93
+ 'movie': '🎬',
94
+ 'sleep': '😴',
95
+ 'food': '🍴',
96
+ 'drink': '🥤',
97
+ 'work': '💼',
98
+ 'school': '🏫',
99
+ 'home': '🏠',
100
+ 'beach': '🏖️',
101
+ 'mountain': '⛰️',
102
+ 'star': '⭐',
103
+ 'moon': '🌙',
104
+ 'heart': '💖',
105
+ 'laugh': '😂',
106
+ 'cool': '😎',
107
+ 'surprise': '😲',
108
+ 'idea': '💡',
109
+ 'gift': '🎁',
110
+ 'party': '🎉',
111
+ 'sport': '⚽',
112
+ 'run': '🏃',
113
+ 'swim': '🏊',
114
+ 'dance': '💃',
115
+ 'sing': '🎤',
116
+ 'art': '🎨',
117
+ 'photo': '📷',
118
+ 'travel': '🧳',
119
+ 'weather': '🌤️',
120
+ 'cloud': '☁️',
121
+ 'snow': '❄️',
122
+ 'lightning': '⚡',
123
+ 'wind': '🌬️',
124
+ 'leaf': '🍃',
125
+ 'animal': '🐾',
126
+ 'bird': '🐦',
127
+ 'fish': '🐠',
128
+ 'bug': '���',
129
+ 'robot': '🤖',
130
+ 'alien': '👽',
131
+ 'ghost': '👻',
132
+ 'unicorn': '🦄',
133
+ 'dragon': '🐉',
134
+ 'king': '👑',
135
+ 'queen': '👸',
136
+ 'hero': '🦸',
137
+ 'villain': '🦹',
138
+ 'wizard': '🧙',
139
+ 'fairy': '🧚',
140
+ 'vampire': '🧛',
141
+ 'zombie': '🧟',
142
+ 'pirate': '🏴‍☠️',
143
+ 'ninja': '🥷',
144
+ 'spy': '🕵️',
145
+ 'detective': '🔍',
146
+ 'police': '👮',
147
+ 'doctor': '👨‍⚕️',
148
+ 'nurse': '👩‍⚕️',
149
+ 'teacher': '👩‍🏫',
150
+ 'student': '🧑‍🎓',
151
+ 'baby': '👶',
152
+ 'child': '🧒',
153
+ 'adult': '🧑',
154
+ 'old': '🧓',
155
+ 'family': '👪',
156
+ 'friend': '👫',
157
+ 'couple': '💑',
158
+ 'wedding': '💒',
159
+ 'christmas': '🎄',
160
+ 'halloween': '🎃',
161
+ 'easter': '🐇',
162
+ 'birthday': '🎂',
163
+ 'new year': '🎆',
164
+ 'valentine': '💘',
165
+ 'flag': '🏳️',
166
+ 'rainbow': '🌈',
167
+ 'clover': '🍀',
168
+ 'horseshoe': '🧲',
169
+ 'dice': '🎲',
170
+ 'card': '🃏',
171
+ 'chess': '♟️',
172
+ 'domino': '🀄',
173
+ 'ball': '⚾',
174
+ 'goal': '🥅',
175
+ 'medal': '🏅',
176
+ 'trophy': '🏆',
177
+ 'winner': '🎖️',
178
+ 'loser': '😞',
179
+ 'first': '🥇',
180
+ 'second': '🥈',
181
+ 'third': '🥉',
182
+ 'gold': '💰',
183
+ 'silver': '🥈',
184
+ 'bronze': '🥉',
185
+ 'diamond': '💎',
186
+ 'gem': '💠',
187
+ 'ring': '💍',
188
+ 'necklace': '📿',
189
+ 'crown': '👑',
190
+ 'tiara': '👑',
191
+ 'shoe': '👟',
192
+ 'hat': '🧢',
193
+ 'glasses': '👓',
194
+ 'bag': '👜',
195
+ 'wallet': '👛',
196
+ 'key': '🔑',
197
+ 'lock': '🔒',
198
+ 'clock': '⏰',
199
+ 'watch': '⌚',
200
+ 'calendar': '📅',
201
+ 'note': '📝',
202
+ 'pen': '🖊️',
203
+ 'pencil': '✏️',
204
+ 'paper': '📄',
205
+ 'bookmark': '🔖',
206
+ 'label': '🏷️',
207
+ 'mail': '✉️',
208
+ 'email': '📧',
209
+ 'letter': '💌',
210
+ 'package': '📦',
211
+ 'box': '📦',
212
+ 'garbage': '🗑️',
213
+ 'recycle': '♻️',
214
+ 'trash': '🗑️',
215
+ 'clean': '🧼',
216
+ 'soap': '🧼',
217
+ 'sponge': '🧽',
218
+ 'broom': '🧹',
219
+ 'vacuum': '🧹',
220
+ 'shower': '🚿',
221
+ 'bath': '🛁',
222
+ 'toilet': '🚽',
223
+ 'sink': '🚰',
224
+ 'mirror': '🪞',
225
+ 'window': '🪟',
226
+ 'door': '🚪',
227
+ 'bed': '🛏️',
228
+ 'couch': '🛋️',
229
+ 'chair': '🪑',
230
+ 'table': '🪑',
231
+ 'desk': '🪑',
232
+ 'lamp': '💡',
233
+ 'light': '💡',
234
+ 'candle': '🕯️',
235
+ 'fireplace': '🔥',
236
+ 'plant': '🪴',
237
+ 'vase': '🏺',
238
+ 'picture': '🖼️',
239
+ 'painting': '🎨',
240
+ 'sculpture': '🗿',
241
+ 'statue': '🗿',
242
+ 'building': '🏢',
243
+ 'house': '🏠',
244
+ 'apartment': '🏢',
245
+ 'hotel': '🏨',
246
+ 'hospital': '🏥',
247
+ 'bank': '🏦',
248
+ 'store': '🏪',
249
+ 'shop': '🛍️',
250
+ 'market': '🛒',
251
+ 'mall': '🏬',
252
+ 'restaurant': '🍽️',
253
+ 'cafe': '☕',
254
+ 'bar': '🍸',
255
+ 'pub': '🍻',
256
+ 'club': '🎪',
257
+ 'theater': '🎭',
258
+ 'cinema': '🎬',
259
+ 'museum': '🏛️',
260
+ 'library': '📚',
261
+ 'school': '🏫',
262
+ 'university': '🎓',
263
+ 'office': '🏢',
264
+ 'factory': '🏭',
265
+ 'construction': '🏗️',
266
+ 'farm': '🚜',
267
+ 'barn': '🏚️',
268
+ 'church': '⛪',
269
+ 'temple': '🛕',
270
+ 'mosque': '🕌',
271
+ 'synagogue': '🕍',
272
+ 'castle': '🏰',
273
+ 'palace': '🏯',
274
+ 'tent': '⛺',
275
+ 'igloo': '❄️',
276
+ 'caravan': '🚐',
277
+ 'ship': '🚢',
278
+ 'boat': '⛵',
279
+ 'sailboat': '⛵',
280
+ 'yacht': '🛥️',
281
+ 'submarine': '🛳️',
282
+ 'anchor': '⚓',
283
+ 'lighthouse': '🗼',
284
+ 'airport': '✈️',
285
+ 'helicopter': '🚁',
286
+ 'rocket': '🚀',
287
+ 'satellite': '🛰️',
288
+ 'ufo': '🛸',
289
+ 'parachute': '🪂',
290
+ 'train': '🚂',
291
+ 'metro': '🚇',
292
+ 'tram': '🚊',
293
+ 'bus': '🚌',
294
+ 'taxi': '🚕',
295
+ 'truck': '🚚',
296
+ 'bike': '🚲',
297
+ 'scooter': '🛴',
298
+ 'motorcycle': '🏍️',
299
+ 'skateboard': '🛹',
300
+ 'roller': '🛼',
301
+ 'skate': '⛸️',
302
+ 'ski': '🎿',
303
+ 'snowboard': '🏂',
304
+ 'sled': '🛷',
305
+ 'golf': '🏌️',
306
+ 'tennis': '🎾',
307
+ 'basketball': '🏀',
308
+ 'soccer': '⚽',
309
+ 'football': '🏈',
310
+ 'baseball': '⚾',
311
+ 'softball': '🥎',
312
+ 'volleyball': '🏐',
313
+ 'rugby': '🏉',
314
+ 'hockey': '🏒',
315
+ 'cricket': '🏏',
316
+ 'badminton': '🏸',
317
+ 'pingpong': '🏓',
318
+ 'bowling': '🎳',
319
+ 'pool': '🎱',
320
+ 'darts': '🎯',
321
+ 'fishing': '🎣',
322
+ 'hunting': '🏹',
323
+ 'archery': '🏹',
324
+ 'boxing': '🥊',
325
+ 'karate': '🥋',
326
+ 'judo': '🥋',
327
+ 'taekwondo': '🥋',
328
+ 'wrestling': '🤼',
329
+ 'fencing': '🤺',
330
+ 'gymnastics': '🤸',
331
+ 'weightlifting': '🏋️',
332
+ 'yoga': '🧘',
333
+ 'meditation': '🧘',
334
+ 'running': '🏃',
335
+ 'walking': '🚶',
336
+ 'hiking': '🧗',
337
+ 'climbing': '🧗',
338
+ 'swimming': '🏊',
339
+ 'diving': '🤿',
340
+ 'surfing': '🏄',
341
+ 'rowing': '🚣',
342
+ 'canoeing': '🛶',
343
+ 'kayaking': '🛶',
344
+ 'sailing': '⛵',
345
+ 'windsurfing': '🏄',
346
+ 'kitesurfing': '🏄',
347
+ 'parasailing': '🪂',
348
+ 'skydiving': '🪂',
349
+ 'bungee': '🪂',
350
+ 'zip': '🪂',
351
+ 'park': '🏞️',
352
+ 'garden': '🌷',
353
+ 'forest': '🌲',
354
+ 'jungle': '🌴',
355
+ 'desert': '🏜️',
356
+ 'island': '🏝️',
357
+ 'volcano': '🌋',
358
+ 'canyon': '🏞️',
359
+ 'waterfall': '🌊',
360
+ 'river': '🌊',
361
+ 'lake': '🏞️',
362
+ 'ocean': '🌊',
363
+ 'sea': '🌊',
364
+ 'wave': '🌊',
365
+ 'tide': '🌊',
366
+ 'whale': '🐋',
367
+ 'dolphin': '🐬',
368
+ 'shark': '🦈',
369
+ 'octopus': '🐙',
370
+ 'jellyfish': '🎐',
371
+ 'crab': '🦀',
372
+ 'lobster': '🦞',
373
+ 'shrimp': '🦐',
374
+ 'squid': '🦑',
375
+ 'snail': '🐌',
376
+ 'butterfly': '🦋',
377
+ 'bee': '🐝',
378
+ 'ladybug': '🐞',
379
+ 'ant': '🐜',
380
+ 'spider': '🕷️',
381
+ 'scorpion': '🦂',
382
+ 'mosquito': '🦟',
383
+ 'fly': '🪰',
384
+ </body>
385
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Create a page for me that accepts a word input and it will give me in return an emoji