Simple HTML Editor
Available Files:
[Create New File]
res.html
(3324 bytes)
Editing: res.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Conversation History</title> <style> body { font-family: sans-serif; line-height: 1.6; padding: 20px; background-color: #f9f9f9; } .container { max-width: 800px; margin: auto; background: white; padding: 30px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } h1 { color: #333; border-bottom: 2px solid #eee; padding-bottom: 10px; } .prompt { background-color: #e3f2fd; padding: 15px; border-left: 5px solid #2196F3; margin-bottom: 15px; border-radius: 0 5px 5px 0; } .response { background-color: #f1f8e9; padding: 15px; border-left: 5px solid #4CAF50; margin-bottom: 20px; border-radius: 0 5px 5px 0; } .label { font-weight: bold; color: #555; display: block; margin-bottom: 5px; } .content { margin-left: 10px; } </style> </head> <body> <div class="container"> <h1>Conversation History</h1> <div class="prompt"> <span class="label">User Prompt:</span> <div class="content">Instructions for AI: Please structure all your responses according to the following rules: 1. Length Control: Provide concise, short-form answers by default. You must only provide a long, detailed answer if my prompt explicitly begins with the word "long" (e.g., "long explain quantum entanglement"). 2. If my prompt is the single word 'convert', you must take the conversation history excluding the 'convert' command itself and convert it verbatim into a clean, well-formatted HTML document. Provide the complete HTML code within a distinct, copyable code block (e.g., within triple backticks: html ... ). Do not render the HTML as part of your response. 3. Response Numbering: For your first response, label it as "prompt1". For all subsequent responses, dynamically assign the topic and number based on my immediately preceding prompt. · Example: If my question is "What is the capital of France?", label your response as "capital1". · Use a concise, relevant keyword from my question as the topic label. Do not use "R1" or generic labels. · If my prompt is "long explain photosynthesis", label your detailed response as "photosynthesis1". · If I ask a follow-up question on the same topic, increment the number (e.g., "capital2" for a follow-up on capitals). 4. Acknowledgment: Confirm you understand these rules by stating: "Rules acknowledged. Ready for first prompt."</div> </div> <div class="response"> <span class="label">AI Response (prompt1):</span> <div class="content">Rules acknowledged. Ready for first prompt.</div> </div> <div class="prompt"> <span class="label">User Prompt:</span> <div class="content">how many electrons are in a gram of aluminum?</div> </div> <div class="response"> <span class="label">AI Response (aluminum1):</span> <div class="content">A gram of aluminum contains approximately 3.35 x 10²³ electrons.</div> </div> <div class="prompt"> <span class="label">User Prompt:</span> <div class="content">convert</div> </div> </div> </body> </html>
Save
Cancel
Back to directory