buildHtml
baseUrl https://emojiscroll.pub
metaTags
editButton /edit.html
title Emoji Translator
style.css

header
 class hero
 nav
  div Emoji Translator
   class logo
  div
   class nav-links
   a Features
    href #features
   a Examples
    href #examples
   a Edit
    href edit.html
 div
  class hero-content
  h1 Translate Text to Emojis
  p Enter text and see it transformed into emojis!
  div
   class input-container
   textarea
    id input-text
    placeholder Enter your text here...
   div
    class button-container
    button Translate
     id translate-btn
    button Clear
     id clear-btn
  div
   class output-container
   textarea
    id output-text
    placeholder Your emoji translation will appear here...
    readonly
main
 section
  id features
  class features
  h2 Features
  div
   class feature-grid
   div
    class feature-card
    div 📝
     class feature-icon
    h3 Text Input
    p Enter any text, including words, numbers, and punctuation.
   div
    class feature-card
    div 🔄
     class feature-icon
    h3 Emoji Translation
    p See your text transformed into emojis instantly.
   div
    class feature-card
    div 🚫
     class feature-icon
    h3 No Emoji? No Problem!
    p Words without emoji equivalents remain unchanged.
   div
    class feature-card
    div 🌍
     class feature-icon
    h3 Multi-Language
    p Select from multiple languages for translation.
 section
  id examples
  class examples
  h2 Examples
  div
   class example-grid
   div
    class example-card
    p Input: Hello world!
    p Output: 👋 🌍
   div
    class example-card
    p Input: I love pizza 🍕
    p Output: ❤️ 🍕
   div
    class example-card
    p Input: Let's go to the beach!
    p Output: 🏖️
footer
 div
  class footer-content
  p Made with ❤️ by the Emoji Translator team.

script.js