commit 48b4c2b3924b3536b3a5c2aa636d150789575fb0
Author: root <root@hub.scroll.pub> Date: 2024-12-28 16:29:50 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..b93f5ac --- /dev/null +++ b/body.html @@ -0,0 +1,13 @@ +<header> + <h1>Emoji Search 🔍</h1> + <p>Find and copy your favorite emojis with ease!</p> +</header> +<main> + <div class="search-container"> + <input type="text" id="searchInput" placeholder="Search for an emoji..." aria-label="Search for an emoji"> + </div> + <div id="emojiGrid" class="emoji-grid"></div> +</main> +<footer> + <p>Made with ❤️ for emoji lovers everywhere.</p> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..ed4bd2a --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://emojiscroll.scroll.pub +metaTags +editButton /edit.html +title Emoji Search & Copy +style.css +body.html +script.js \ No newline at end of file diff --git a/prompt.json b/prompt.json new file mode 100644 index 0000000..44948c0 --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "9ecdcae0-8228-435b-aae6-d0b5195afad8", + "object": "chat.completion", + "created": 1735403334, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nemojiscroll.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://emojiscroll.scroll.pub\nmetaTags\neditButton /edit.html\ntitle Emoji Search & Copy\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <h1>Emoji Search 🔍</h1>\n <p>Find and copy your favorite emojis with ease!</p>\n</header>\n<main>\n <div class=\"search-container\">\n <input type=\"text\" id=\"searchInput\" placeholder=\"Search for an emoji...\" aria-label=\"Search for an emoji\">\n </div>\n <div id=\"emojiGrid\" class=\"emoji-grid\"></div>\n</main>\n<footer>\n <p>Made with ❤️ for emoji lovers everywhere.</p>\n</footer>\n---style.css---\n:root {\n --primary-color: #4a90e2;\n --secondary-color: #333;\n --background-color: #f5f5f5;\n --emoji-size: 2rem;\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n margin: 0;\n padding: 0;\n background-color: var(--background-color);\n color: var(--secondary-color);\n line-height: 1.6;\n}\n\nheader {\n text-align: center;\n padding: 2rem;\n background-color: var(--primary-color);\n color: white;\n}\n\nheader h1 {\n margin: 0;\n font-size: 2.5rem;\n}\n\nheader p {\n margin: 0.5rem 0 0;\n font-size: 1.2rem;\n}\n\n.search-container {\n padding: 1rem;\n text-align: center;\n}\n\n#searchInput {\n width: 80%;\n max-width: 400px;\n padding: 0.8rem;\n font-size: 1rem;\n border: 2px solid var(--primary-color);\n border-radius: 25px;\n outline: none;\n}\n\n.emoji-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n gap: 1rem;\n padding: 1rem;\n}\n\n.emoji-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n background-color: white;\n border-radius: 10px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n cursor: pointer;\n transition: transform 0.2s ease;\n}\n\n.emoji-item:hover {\n transform: translateY(-5px);\n}\n\n.emoji-item span {\n font-size: var(--emoji-size);\n margin-bottom: 0.5rem;\n}\n\n.emoji-item p {\n margin: 0;\n font-size: 0.9rem;\n color: var(--secondary-color);\n}\n\nfooter {\n text-align: center;\n padding: 1rem;\n background-color: var(--primary-color);\n color: white;\n margin-top: 2rem;\n}\n\n@media (max-width: 600px) {\n header h1 {\n font-size: 2rem;\n }\n\n header p {\n font-size: 1rem;\n }\n\n .emoji-grid {\n grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));\n }\n}\n---script.js---\nconst emojiData = [\n { emoji: \"😀\", name: \"Grinning Face\" },\n { emoji: \"😃\", name: \"Grinning Face with Big Eyes\" },\n { emoji: \"😄\", name: \"Grinning Face with Smiling Eyes\" },\n { emoji: \"😁\", name: \"Beaming Face with Smiling Eyes\" },\n { emoji: \"😆\", name: \"Grinning Squinting Face\" },\n { emoji: \"😅\", name: \"Grinning Face with Sweat\" },\n { emoji: \"🤣\", name: \"Rolling on the Floor Laughing\" },\n { emoji: \"😂\", name: \"Face with Tears of Joy\" },\n { emoji: \"🙂\", name: \"Slightly Smiling Face\" },\n { emoji: \"🙃\", name: \"Upside-Down Face\" },\n { emoji: \"😉\", name: \"Winking Face\" },\n { emoji: \"😊\", name: \"Smiling Face with Smiling Eyes\" },\n { emoji: \"😇\", name: \"Smiling Face with Halo\" },\n { emoji: \"🥰\", name: \"Smiling Face with Hearts\" },\n { emoji: \"😍\", name: \"Smiling Face with Heart-Eyes\" },\n { emoji: \"🤩\", name: \"Star-Struck\" },\n { emoji: \"😘\", name: \"Face Blowing a Kiss\" },\n { emoji: \"😗\", name: \"Kissing Face\" },\n { emoji: \"😚\", name: \"Kissing Face with Closed Eyes\" },\n { emoji: \"😙\", name: \"Kissing Face with Smiling Eyes\" },\n { emoji: \"🥲\", name: \"Smiling Face with Tear\" },\n { emoji: \"😋\", name: \"Face Savoring Food\" },\n { emoji: \"😛\", name: \"Face with Tongue\" },\n { emoji: \"😜\", name: \"Winking Face with Tongue\" },\n { emoji: \"🤪\", name: \"Zany Face\" },\n { emoji: \"😝\", name: \"Squinting Face with Tongue\" },\n { emoji: \"🤑\", name: \"Money-Mouth Face\" },\n { emoji: \"🤗\", name: \"Hugging Face\" },\n { emoji: \"🤭\", name: \"Face with Hand Over Mouth\" },\n { emoji: \"🤫\", name: \"Shushing Face\" },\n { emoji: \"🤔\", name: \"Thinking Face\" },\n { emoji: \"🤐\", name: \"Zipper-Mouth Face\" },\n { emoji: \"🤨\", name: \"Face with Raised Eyebrow\" },\n { emoji: \"😐\", name: \"Neutral Face\" },\n { emoji: \"😑\", name: \"Expressionless Face\" },\n { emoji: \"😶\", name: \"Face Without Mouth\" },\n { emoji: \"😏\", name: \"Smirking Face\" },\n { emoji: \"😒\", name: \"Unamused Face\" },\n { emoji: \"🙄\", name: \"Face with Rolling Eyes\" },\n { emoji: \"😬\", name: \"Grimacing Face\" },\n { emoji: \"🤥\", name: \"Lying Face\" },\n { emoji: \"😌\", name: \"Relieved Face\" },\n { emoji: \"😔\", name: \"Pensive Face\" },\n { emoji: \"😪\", name: \"Sleepy Face\" },\n { emoji: \"🤤\", name: \"Drooling Face\" },\n { emoji: \"😴\", name: \"Sleeping Face\" },\n { emoji: \"😷\", name: \"Face with Medical Mask\" },\n { emoji: \"🤒\", name: \"Face with Thermometer\" },\n { emoji: \"🤕\", name: \"Face with Head-Bandage\" },\n { emoji: \"🤢\", name: \"Nauseated Face\" },\n { emoji: \"🤮\", name: \"Face Vomiting\" },\n { emoji: \"🤧\", name: \"Sneezing Face\" },\n { emoji: \"🥵\", name: \"Hot Face\" },\n { emoji: \"🥶\", name: \"Cold Face\" },\n { emoji: \"🥴\", name: \"Woozy Face\" },\n { emoji: \"😵\", name: \"Dizzy Face\" },\n { emoji: \"🤯\", name: \"Exploding Head\" },\n { emoji: \"🤠\", name: \"Cowboy Hat Face\" },\n { emoji: \"🥳\", name: \"Partying Face\" },\n { emoji: \"😎\", name: \"Smiling Face with Sunglasses\" },\n { emoji: \"🤓\", name: \"Nerd Face\" },\n { emoji: \"🧐\", name: \"Face with Monocle\" },\n { emoji: \"😕\", name: \"Confused Face\" },\n { emoji: \"😟\", name: \"Worried Face\" },\n { emoji: \"🙁\", name: \"Slightly Frowning Face\" },\n { emoji: \"😮\", name: \"Face with Open Mouth\" },\n { emoji: \"😯\", name: \"Hushed Face\" },\n { emoji: \"😲\", name: \"Astonished Face\" },\n { emoji: \"😳\", name: \"Flushed Face\" },\n { emoji: \"🥺\", name: \"Pleading Face\" },\n { emoji: \"😦\", name: \"Frowning Face with Open Mouth\" },\n { emoji: \"😧\", name: \"Anguished Face\" },\n { emoji: \"😨\", name: \"Fearful Face\" },\n { emoji: \"😰\", name: \"Anxious Face with Sweat\" },\n { emoji: \"😥\", name: \"Sad but Relieved Face\" },\n { emoji: \"😢\", name: \"Crying Face\" },\n { emoji: \"😭\", name: \"Loudly Crying Face\" },\n { emoji: \"😱\", name: \"Face Screaming in Fear\" },\n { emoji: \"😖\", name: \"Confounded Face\" },\n { emoji: \"😣\", name: \"Persevering Face\" },\n { emoji: \"😞\", name: \"Disappointed Face\" },\n { emoji: \"😓\", name: \"Downcast Face with Sweat\" },\n { emoji: \"😩\", name: \"Weary Face\" },\n { emoji: \"😫\", name: \"Tired Face\" },\n { emoji: \"🥱\", name: \"Yawning Face\" },\n { emoji: \"😤\", name: \"Face with Steam From Nose\" },\n { emoji: \"😡\", name: \"Pouting Face\" },\n { emoji: \"😠\", name: \"Angry Face\" },\n { emoji: \"🤬\", name: \"Face with Symbols on Mouth\" },\n { emoji: \"😈\", name: \"Smiling Face with Horns\" },\n { emoji: \"👿\", name: \"Angry Face with Horns\" },\n { emoji: \"💀\", name: \"Skull\" },\n { emoji: \"☠️\", name: \"Skull and Crossbones\" },\n { emoji: \"💩\", name: \"Pile of Poo\" },\n { emoji: \"🤡\", name: \"Clown Face\" },\n { emoji: \"👹\", name: \"Ogre\" },\n { emoji: \"👺\", name: \"Goblin\" },\n { emoji: \"👻\", name: \"Ghost\" },\n { emoji: \"👽\", name: \"Alien\" },\n { emoji: \"👾\", name: \"Alien Monster\" },\n { emoji: \"🤖\", name: \"Robot Face\" },\n { emoji: \"😺\", name: \"Grinning Cat Face\" },\n { emoji: \"😸\", name: \"Grinning Cat Face with Smiling Eyes\" },\n { emoji: \"😹\", name: \"Cat Face with Tears of Joy\" },\n { emoji: \"😻\", name: \"Smiling Cat Face with Heart-Eyes\" },\n { emoji: \"😼\", name: \"Cat Face with Wry Smile\" },\n { emoji: \"😽\", name: \"Kissing Cat Face\" },\n { emoji: \"🙀\", name: \"Weary Cat Face\" },\n { emoji: \"😿\", name: \"Crying Cat Face\" },\n { emoji: \"😾\", name: \"Pouting Cat Face\" },\n { emoji: \"🙈\", name: \"See-No-Evil Monkey\" },\n { emoji: \"🙉\", name: \"Hear-No-Evil Monkey\" },\n { emoji: \"🙊\", name: \"Speak-No-Evil Monkey\" },\n { emoji: \"💋\", name: \"Kiss Mark\" },\n { emoji: \"💌\", name: \"Love Letter\" },\n { emoji: \"💘\", name: \"Heart with Arrow\" },\n { emoji: \"💝\", name: \"Heart with Ribbon\" },\n { emoji: \"💖\", name: \"Sparkling Heart\" },\n { emoji: \"💗\", name: \"Growing Heart\" },\n { emoji: \"💓\", name: \"Beating Heart\" },\n { emoji: \"💞\", name: \"Revolving Hearts\" },\n { emoji: \"💕\", name: \"Two Hearts\" },\n { emoji: \"💟\", name: \"Heart Decoration\" },\n { emoji: \"❣️\", name: \"Heavy Heart Exclamation\" },\n { emoji: \"💔\", name: \"Broken Heart\" },\n { emoji: \"❤️\", name: \"Red Heart\" },\n { emoji: \"🧡\", name: \"Orange Heart\" },\n { emoji: \"💛\", name: \"Yellow Heart\" },\n { emoji: \"💚\", name: \"Green Heart\" },\n { emoji: \"💙\", name: \"Blue Heart\" },\n { emoji: \"💜\", name: \"Purple Heart\" },\n { emoji: \"🤎\", name: \"Brown Heart\" },\n { emoji: \"🖤\", name: \"Black Heart\" },\n { emoji: \"🤍\", name: \"White Heart\" },\n { emoji: \"💯\", name: \"Hundred Points\" },\n { emoji: \"💢\", name: \"Anger Symbol\" },\n { emoji: \"💥\", name: \"Collision\" },\n { emoji: \"💫\", name: \"Dizzy\" },\n { emoji: \"💦\", name: \"Sweat Droplets\" },\n { emoji: \"💨\", name: \"Dashing Away\" },\n { emoji: \"🕳️\", name: \"Hole\" },\n { emoji: \"💣\", name: \"Bomb\" },\n { emoji: \"💬\", name: \"Speech Balloon\" },\n { emoji: \"👁️‍🗨️\", name: \"Eye in Speech Bubble\" },\n { emoji: \"🗨️\", name: \"Left Speech Bubble\" },\n { emoji: \"🗯️\", name: \"Right Anger Bubble\" },\n { emoji: \"💭\", name: \"Thought Balloon\" },\n { emoji: \"💤\", name: \"Zzz\" },\n { emoji: \"👋\", name: \"Waving Hand\" },\n { emoji: \"🤚\", name: \"Raised Back of Hand\" },\n { emoji: \"🖐️\", name: \"Hand with Fingers Splayed\" },\n { emoji: \"✋\", name: \"Raised Hand\" },\n { emoji: \"🖖\", name: \"Vulcan Salute\" },\n { emoji: \"👌\", name: \"OK Hand\" },\n { emoji: \"🤏\", name: \"Pinching Hand\" },\n { emoji: \"✌️\", name: \"Victory Hand\" },\n { emoji: \"🤞\", name: \"Crossed Fingers\" },\n { emoji: \"🤟\", name: \"Love-You Gesture\" },\n { emoji: \"🤘\", name: \"Sign of the Horns\" },\n { emoji: \"🤙\", name: \"Call Me Hand\" },\n { emoji: \"👈\", name: \"Backhand Index Pointing Left\" },\n { emoji: \"👉\", name: \"Backhand Index Pointing Right\" },\n { emoji: \"👆\", name: \"Backhand Index Pointing Up\" },\n { emoji: \"🖕\", name: \"Middle Finger\" },\n { emoji: \"👇\", name: \"Backhand Index Pointing Down\" },\n { emoji: \"☝️\", name: \"Index Pointing Up\" },\n { emoji: \"👍\", name: \"Thumbs Up\" },\n { emoji: \"👎\", name: \"Thumbs Down\" },\n { emoji: \"✊\", name: \"Raised Fist\" },\n { emoji: \"👊\", name: \"Oncoming Fist\" },\n { emoji: \"🤛\", name: \"Left-Facing Fist\" },\n { emoji: \"🤜\", name: \"Right-Facing Fist\" },\n { emoji: \"👏\", name: \"Clapping Hands\" },\n { emoji: \"🙌\", name: \"Raising Hands\" },\n { emoji: \"👐\", name: \"Open Hands\" },\n { emoji: \"🤲\", name: \"Palms Up Together\" },\n { emoji: \"🤝\", name: \"Handshake\" },\n { emoji: \"🙏\", name: \"Folded Hands\" },\n { emoji: \"✍️\", name: \"Writing Hand\" },\n { emoji: \"💅\", name: \"Nail Polish\" },\n { emoji: \"🤳\", name: \"Selfie\" },\n { emoji: \"💪\", name: \"Flexed Biceps\" },\n { emoji: \"🦾\", name: \"Mechanical Arm\" },\n {" + }, + "logprobs": null, + "finish_reason": "length" + } + ], + "usage": { + "prompt_tokens": 245, + "completion_tokens": 4096, + "total_tokens": 4341, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 245 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..3296f55 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# emojiscroll.scroll.pub +Website generated by DeepSeek from prompt: an emoji search website with big copy functionlity \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..48df845 --- /dev/null +++ b/style.css @@ -0,0 +1,104 @@ +:root { + --primary-color: #4a90e2; + --secondary-color: #333; + --background-color: #f5f5f5; + --emoji-size: 2rem; +} + +body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + margin: 0; + padding: 0; + background-color: var(--background-color); + color: var(--secondary-color); + line-height: 1.6; +} + +header { + text-align: center; + padding: 2rem; + background-color: var(--primary-color); + color: white; +} + +header h1 { + margin: 0; + font-size: 2.5rem; +} + +header p { + margin: 0.5rem 0 0; + font-size: 1.2rem; +} + +.search-container { + padding: 1rem; + text-align: center; +} + +#searchInput { + width: 80%; + max-width: 400px; + padding: 0.8rem; + font-size: 1rem; + border: 2px solid var(--primary-color); + border-radius: 25px; + outline: none; +} + +.emoji-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); + gap: 1rem; + padding: 1rem; +} + +.emoji-item { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 1rem; + background-color: white; + border-radius: 10px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + cursor: pointer; + transition: transform 0.2s ease; +} + +.emoji-item:hover { + transform: translateY(-5px); +} + +.emoji-item span { + font-size: var(--emoji-size); + margin-bottom: 0.5rem; +} + +.emoji-item p { + margin: 0; + font-size: 0.9rem; + color: var(--secondary-color); +} + +footer { + text-align: center; + padding: 1rem; + background-color: var(--primary-color); + color: white; + margin-top: 2rem; +} + +@media (max-width: 600px) { + header h1 { + font-size: 2rem; + } + + header p { + font-size: 1rem; + } + + .emoji-grid { + grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); + } +} \ No newline at end of file