Spaces:
Running
Running
| <html><head><base href="https://websim.ai/alliterationalchemist" /><title>Alliteration Alchemist - Crafting Clever Consonance</title><style> | |
| body { | |
| font-family: 'Courier New', monospace; | |
| line-height: 1.6; | |
| color: #333; | |
| max-width: 800px; | |
| margin: 0 auto; | |
| padding: 20px; | |
| background-color: #f0f0f0; | |
| background-image: url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><text x="50%" y="50%" font-size="80" text-anchor="middle" dy=".35em" opacity="0.1">A</text></svg>'); | |
| } | |
| h1, h2 { | |
| color: #4a4a4a; | |
| } | |
| h1 { | |
| text-align: center; | |
| font-size: 2.5em; | |
| margin-bottom: 20px; | |
| text-shadow: 2px 2px 4px rgba(0,0,0,0.1); | |
| } | |
| .container { | |
| background-color: #ffffff; | |
| border-radius: 15px; | |
| padding: 30px; | |
| box-shadow: 0 10px 20px rgba(0,0,0,0.1); | |
| } | |
| input[type="text"] { | |
| width: 100%; | |
| padding: 10px; | |
| margin-bottom: 20px; | |
| border: 2px solid #4a4a4a; | |
| border-radius: 5px; | |
| font-size: 16px; | |
| font-family: 'Courier New', monospace; | |
| } | |
| button { | |
| background-color: #4a4a4a; | |
| color: white; | |
| border: none; | |
| padding: 10px 20px; | |
| text-align: center; | |
| text-decoration: none; | |
| display: inline-block; | |
| font-size: 16px; | |
| margin: 4px 2px; | |
| cursor: pointer; | |
| border-radius: 5px; | |
| transition: background-color 0.3s, transform 0.1s; | |
| font-family: 'Courier New', monospace; | |
| } | |
| button:hover { | |
| background-color: #5a5a5a; | |
| transform: scale(1.05); | |
| } | |
| #output { | |
| margin-top: 20px; | |
| padding: 20px; | |
| background-color: #f9f9f9; | |
| border-left: 5px solid #4a4a4a; | |
| border-radius: 5px; | |
| font-style: italic; | |
| font-size: 18px; | |
| line-height: 1.8; | |
| } | |
| .footer { | |
| margin-top: 30px; | |
| text-align: center; | |
| font-size: 0.9em; | |
| color: #7f8c8d; | |
| } | |
| #subjectInput { | |
| margin-bottom: 10px; | |
| } | |
| .highlight { | |
| background-color: #ffff99; | |
| padding: 2px 4px; | |
| border-radius: 3px; | |
| } | |
| </style></head><body> | |
| <div class="container"> | |
| <h1>Alliteration Alchemist</h1> | |
| <p>Welcome to the Alliteration Alchemist, where we weave wonderful words with whimsical wit! Enter a subject, and watch as we conjure cleverly crafted consonance. Let's liberate language and learn literary magic!</p> | |
| <h2>Enter Your Subject:</h2> | |
| <input type="text" id="subjectInput" placeholder="Type your subject here..."> | |
| <button onclick="generateAlliteration()">Create Clever Consonance!</button> | |
| <div id="output"></div> | |
| <h2>Alliteration Examples:</h2> | |
| <ul> | |
| <li><span class="highlight">P</span>eter <span class="highlight">P</span>iper <span class="highlight">p</span>icked a <span class="highlight">p</span>eck of <span class="highlight">p</span>ickled <span class="highlight">p</span>eppers.</li> | |
| <li><span class="highlight">S</span>ally <span class="highlight">s</span>ells <span class="highlight">s</span>ea <span class="highlight">s</span>hells by the <span class="highlight">s</span>ea <span class="highlight">s</span>hore.</li> | |
| <li><span class="highlight">B</span>ig <span class="highlight">b</span>lack <span class="highlight">b</span>ears <span class="highlight">b</span>ounce on <span class="highlight">b</span>lue <span class="highlight">b</span>alloons.</li> | |
| </ul> | |
| <h2>Why Alliteration Amazes:</h2> | |
| <ul> | |
| <li>Enhances memorability of phrases</li> | |
| <li>Adds rhythm and flow to writing</li> | |
| <li>Creates pleasing sounds when read aloud</li> | |
| <li>Emphasizes key words or ideas</li> | |
| <li>Frequently found in poetry, prose, and marketing</li> | |
| </ul> | |
| </div> | |
| <div class="footer"> | |
| <p>© 2023 Alliteration Alchemist | <a href="https://websim.ai/alliterationalchemist/about">About</a> | <a href="https://websim.ai/alliterationalchemist/contact">Contact</a></p> | |
| </div> | |
| <script> | |
| function generateAlliteration() { | |
| const subject = document.getElementById('subjectInput').value.toLowerCase(); | |
| const outputDiv = document.getElementById('output'); | |
| if (!subject) { | |
| outputDiv.innerHTML = "Please enter a subject to generate alliteration."; | |
| return; | |
| } | |
| const firstLetter = subject.charAt(0); | |
| let alliteration = ""; | |
| switch(firstLetter) { | |
| case 'a': | |
| alliteration = "Ambitious artists always aspire and achieve astonishing artworks."; | |
| break; | |
| case 'b': | |
| alliteration = "Brave bears boldly bound beyond bustling brooks."; | |
| break; | |
| case 'c': | |
| alliteration = "Curious cats cautiously creep, capturing countless critters."; | |
| break; | |
| case 'd': | |
| alliteration = "Daring dreamers delve deeply, discovering delightful dimensions."; | |
| break; | |
| case 'e': | |
| alliteration = "Eager eagles effortlessly evade earthbound enemies."; | |
| break; | |
| case 'f': | |
| alliteration = "Fearless firefighters frequently face fierce flames."; | |
| break; | |
| case 'g': | |
| alliteration = "Giggling girls gracefully glide, generating genuine glee."; | |
| break; | |
| case 'h': | |
| alliteration = "Hungry hippos happily hunt hearty helpings hastily."; | |
| break; | |
| case 'i': | |
| alliteration = "Intelligent inventors incessantly innovate, inspiring industries."; | |
| break; | |
| case 'j': | |
| alliteration = "Jovial jesters juggle jauntily, jabbing joyously."; | |
| break; | |
| case 'k': | |
| alliteration = "Kind kings keenly keep kingdoms kicking."; | |
| break; | |
| case 'l': | |
| alliteration = "Lively lions leisurely lounge, licking luscious lollipops."; | |
| break; | |
| case 'm': | |
| alliteration = "Merry musicians make melodious music masterfully."; | |
| break; | |
| case 'n': | |
| alliteration = "Nimble ninjas navigate noiseless nights nimbly."; | |
| break; | |
| case 'o': | |
| alliteration = "Optimistic octopi often offer odd observations."; | |
| break; | |
| case 'p': | |
| alliteration = "Playful puppies persistently pursue purple partridges."; | |
| break; | |
| case 'q': | |
| alliteration = "Quirky queens quickly quell quaking quarrels."; | |
| break; | |
| case 'r': | |
| alliteration = "Rambunctious rabbits rapidly race 'round rugged rocks."; | |
| break; | |
| case 's': | |
| alliteration = "Slippery snakes silently slither, seeking sunny spots."; | |
| break; | |
| case 't': | |
| alliteration = "Tiny tadpoles tentatively test turbulent tides."; | |
| break; | |
| case 'u': | |
| alliteration = "Unique unicorns unhesitatingly unite, uttering unusual utterances."; | |
| break; | |
| case 'v': | |
| alliteration = "Vivacious violinists vigorously voice vibrant vibrations."; | |
| break; | |
| case 'w': | |
| alliteration = "Wise wizards wield wondrous wands willfully."; | |
| break; | |
| case 'x': | |
| alliteration = "Xany xylophonists x-ray xylophones, xenially."; | |
| break; | |
| case 'y': | |
| alliteration = "Youthful yaks yodel yearly, yielding yummy yogurt."; | |
| break; | |
| case 'z': | |
| alliteration = "Zealous zebras zigzag, zestfully zooming."; | |
| break; | |
| default: | |
| alliteration = "Oops! Our alliteration alchemist is stumped. Try another subject!"; | |
| } | |
| outputDiv.innerHTML = alliteration; | |
| } | |
| </script> | |
| </body></html> |