Created
January 31, 2026 23:43
-
-
Save jalehman/13d2b926dac4f95864e9faa78684497a to your computer and use it in GitHub Desktop.
Annotation Test v2 - Mobile Support
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Annotation Test v2</title> | |
| <style> | |
| body { | |
| font-family: -apple-system, sans-serif; | |
| max-width: 600px; | |
| margin: 2rem auto; | |
| padding: 1rem; | |
| background: #0f0f0f; | |
| color: #e0e0e0; | |
| line-height: 1.8; | |
| } | |
| h1 { color: #fff; margin-bottom: 0.5rem; } | |
| h2 { color: #6366f1; margin-top: 2rem; } | |
| p { margin-bottom: 1.5rem; } | |
| .hint { color: #888; font-size: 0.9rem; } | |
| </style> | |
| </head> | |
| <body> | |
| <h1>π Annotation Test v2</h1> | |
| <p class="hint">Now with mobile support!</p> | |
| <h2>How to Use</h2> | |
| <p>Select any text on this page. After you select, an <strong>"βοΈ Annotate"</strong> button will appear at the bottom of the screen. Tap it to add your feedback.</p> | |
| <h2>Sample Content</h2> | |
| <p>This is some sample text you can annotate. Try selecting this sentence and adding a comment or reaction. The annotation system supports three reactions: π for approval, β for issues, and β for questions.</p> | |
| <p>Here's another paragraph with different content. You might want to highlight specific phrases and leave feedback about them. All annotations are saved locally and persist across page reloads.</p> | |
| <p>When you're done annotating, tap the "Send to OpenClaw" button to export your feedback as structured markdown that you can paste into chat.</p> | |
| <h2>Features</h2> | |
| <p>This annotation system supports: text selection on mobile (iOS Safari, Android Chrome), reaction buttons for quick feedback, freeform comments, local persistence, and structured export for AI consumption.</p> | |
| <script src="https://gist.githack.com/jalehman/5d36ae15a693380dc2b9bed97a8baac4/raw/annotate.js"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment