Skip to content

Instantly share code, notes, and snippets.

@jalehman
Created January 31, 2026 23:43
Show Gist options
  • Select an option

  • Save jalehman/13d2b926dac4f95864e9faa78684497a to your computer and use it in GitHub Desktop.

Select an option

Save jalehman/13d2b926dac4f95864e9faa78684497a to your computer and use it in GitHub Desktop.
Annotation Test v2 - Mobile Support
<!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