Why Scroll?
Simple Syntax
Like Markdown, but more powerful. No parentheses needed.
Extendible
Build your own custom parsers.
Beautiful Output
Create stunning documents with minimal effort.
Fast & Light
Built on the efficient PPS Stack.
Prompt: website
Agent: claude
Model: claude-3-5-sonnet-20241022
The objective of the Emoji Translator app is to translate text entered by the user into an equivalent string of emojis, translated from one or more words in the original text, and words for which there is no corresponding emoji. User Stories User can enter a string of words, numbers, and punctuation into a text box User can click a 'Translate' button to translate words in the entered text into their corresponding emojis. User can see a warning message if 'Translate' was clicked, but the input text box was empty or unchanged from the last translation. User can see text elements in the entered text translated to their equivalent emojis in an output text box. Text elements for which there is no emoji will be left unchanged. User can click a 'Clear' button to clear the input and output text boxes. Bonus features Developer will implement an emoji synonym feature to allow the app to translate a wider variety of words to emoji. User can select the language the input text is entered from a dropdown list of languages.
You are an expert web developer. Create a website based on this request: "The objective of the Emoji Translator app is to translate text entered by the user into an equivalent string of emojis, translated from one or more words in the original text, and words for which there is no corresponding emoji. User Stories User can enter a string of words, numbers, and punctuation into a text box User can click a 'Translate' button to translate words in the entered text into their corresponding emojis. User can see a warning message if 'Translate' was clicked, but the input text box was empty or unchanged from the last translation. User can see text elements in the entered text translated to their equivalent emojis in an output text box. Text elements for which there is no emoji will be left unchanged. User can click a 'Clear' button to clear the input and output text boxes. Bonus features Developer will implement an emoji synonym feature to allow the app to translate a wider variety of words to emoji. User can select the language the input text is entered from a dropdown list of languages."
Requirements:
As a refresher, for doing the html body, Scroll is a whitespace based language that uses a single indented space to mark a line (aka particle) as a subparticle of a parent line.
For example:
The extendible markup language that makes source beautiful and compiles to anything
Get StartedLike Markdown, but more powerful. No parentheses needed.
Build your own custom parsers.
Create stunning documents with minimal effort.
Built on the efficient PPS Stack.
First suggest a short, memorable domain name ending in scroll.pub that represents this website. Then provide the website files. Use this exact format:
---domain---
(domainscroll.pub here)
---index.scroll---
(body content here. no blank lines please.)
---style.css---
(CSS content here)
---script.js---
(JavaScript content here)
---end---