| html_content = """ | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <style> | |
| body { | |
| font-family: Arial, sans-serif; | |
| background-color: #f5f5f5; | |
| margin: 0; | |
| padding: 0; | |
| color: #333; | |
| } | |
| .container { | |
| max-width: 800px; | |
| margin: 20px auto; | |
| background: #ffffff; | |
| box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); | |
| padding: 20px; | |
| border-radius: 10px; | |
| } | |
| h1 { | |
| color: #0078D4; | |
| text-align: center; | |
| } | |
| h2 { | |
| color: #333; | |
| border-bottom: 2px solid #0078D4; | |
| padding-bottom: 5px; | |
| } | |
| p, ul { | |
| line-height: 1.6; | |
| } | |
| ul { | |
| list-style-type: square; | |
| padding-left: 20px; | |
| } | |
| .example { | |
| background: #f9f9f9; | |
| border-left: 4px solid #0078D4; | |
| padding: 10px; | |
| margin: 10px 0; | |
| font-family: monospace; | |
| color: #444; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <h1>Chelsea Voice Assistant</h1> | |
| <p>Welcome! I'm <strong>Chelsea</strong>, your AI voice assistant. My mission is to help you handle routine tasks, analyze and generate images, and assess libertarian ideology. Let's make life simpler and smarter together!</p> | |
| <h2>List of Commands</h2> | |
| # <h3>Libertarian Ideology Assessment</h3> | |
| # <p><strong>Command:</strong> <code>Long live liberty. <Your statement></code></p> | |
| # <p>Evaluate how closely a statement aligns with libertarian principles.</p> | |
| # <div class="example">Example: Long live liberty. Taxes are theft.</div> | |
| <h3>Image Analysis and Generation</h3> | |
| <p><strong>Command:</strong> <code>Show me your image. <Task or description></code></p> | |
| <p>Analyze an image or generate a new one based on a description.</p> | |
| <div class="example">Example: Show me your image. Where was this photo taken?</div> | |
| <div class="example">Example: Show me your image. Generate an illustration of a futuristic city.</div> | |
| <h3>Project Support</h3> | |
| <p><strong>Command:</strong> <code>Pay the Ghost</code></p> | |
| <p>Support the Chelsea project with Dogecoin contributions.</p> | |
| <div class="example">Example: Pay the Ghost</div> | |
| # <h3>Image Creation Using the Flux Model</h3> | |
| # <p><strong>Command:</strong> <code>All we need is Flux. <Prompt for generating image></code></p> | |
| # <p>Generate creative images with prompts using the Flux model.</p> | |
| # <div class="example">Example: All we need is Flux. Create a vibrant sunset over a futuristic cityscape.</div> | |
| </div> | |
| </body> | |
| </html> | |
| """ |