From b8c9fe8c4b8c72740602b1e1570404cad9398644 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=88=9A=28noham=29=C2=B2?=
<100566912+NohamR@users.noreply.github.com>
Date: Sat, 17 Jan 2026 13:47:09 +0100
Subject: [PATCH] Add Reader.html template and update DEV.md docs
---
DEV.md | 11 +
html/Reader.html | 1368 ++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 1379 insertions(+)
create mode 100644 html/Reader.html
diff --git a/DEV.md b/DEV.md
index 910bbd6..a7fe466 100644
--- a/DEV.md
+++ b/DEV.md
@@ -41,6 +41,17 @@ Creates stable references to DOM elements:
## Reader Mode System
+### **[Reader.html](html/Reader.html)**
+The HTML template that powers Safari's Reader Mode interface:
+- **Complete CSS styling**: 1300+ lines of carefully crafted styles for article display
+- **AI Summary UI**: Collapsible summary sections with smooth animations and expand/collapse controls
+- **Table of Contents**: Sidebar navigation with styled list items and separators
+- **Theme support**: CSS variables for White, Sepia, Gray, and Night themes
+- **Responsive typography**: Styles for headings, paragraphs, blockquotes, figures, and captions
+- **Watch support**: Specialized styles for Apple Watch display
+- **Rich content styling**: Tables, code blocks, pull quotes, and floating images
+- **Accessibility**: Proper focus states and interactive button styling
+
### **[Reader.js](js/reader/Reader.js)**
Powers Safari's Reader Mode core functionality:
- Manages visibility transitions for Reader view
diff --git a/html/Reader.html b/html/Reader.html
new file mode 100644
index 0000000..743cf91
--- /dev/null
+++ b/html/Reader.html
@@ -0,0 +1,1368 @@
+
+
+
+
+
+
+
+ Reader
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+