OTR SITE QA DASHBOARD

Launch Readiness Suite v2.0 — Manuscript Formatting + CSS Audit

Configuration

Base URL:

Passed

Failed

0/0

Manual

—

Score

Manuscript

CSS Audit

Themes

Modes

Responsive

Interactive

Links

Manuscript Formatting

Element Counts (Baseline)

Element	Pattern	Expected
Scene Breaks	`class="scene-break"`	~45
Datelines	`class="dateline"`	~60
Media Emojis	`class="media-emoji"`	150
Email Lines	`class="email-line"`	~20
Flashback Headers	`class="flashback-header"`	~15
Italics	`<em>`	500+
Chapter Headers	`class="chapter-header"`	29
Raw *** (BAD)	Unclassed asterisks	0

Chapter Headers

Red-dot O: O shows red dot in center

Courier New Bold: Correct font

Centered: Headers centered

Scene Breaks

Class not raw: Uses class="scene-break", no raw ***

Centered: *** centered with spacing

Flanking ¶: Empty paragraphs before/after

First-Line Indents

After chapter start: NO indent (flush left)

After scene break: NO indent (flush left)

Continuing ¶: HAS text-indent

JUNK MAIL / AIRPLANE MODE

email-line class: All lines use class

No indent: Flush left

Tight spacing: Grouped, reduced line-height

Author's Note

Date format: Dateline styling (CITY, Date—)

Byline spacing: Author name spaced from body

Italics / Thoughts

<em> preserved: Not stripped in migration

Thoughts render: Internal monologue italicized

Publications: Newspaper names in italics

CSS Audit

Paste CSS for Analysis

Audit Results

Paste CSS and click RUN AUDIT

Before/After Diff

BEFORE

AFTER

Manual CSS Checks

No !important abuse: Minimal usage

CSS vars consistent: Dark/light use same vars

No orphaned rules: All selectors match HTML

No duplicates: No repeated declarations

Media queries work: Breakpoints apply

Theme Toggle

Light/Dark Mode

Initial (light): Loads in light mode

System pref: Respects OS dark mode

Toggle at top: No flash

Toggle mid-chapter: Position preserved

Toggle at bottom: No jump

Persistence: Saved across sessions

All pages: Applies everywhere

Red dot: Visible in both themes

Reading Modes

Scroll Mode

Continuous: Single scrollable page

Position saved: Returns to spot

Chapter links: Scroll correctly

Page Mode

Discrete pages: Content paginated

PREV/NEXT: Buttons work

Page indicator: Accurate

Keyboard: Arrows navigate

Mode Switching

Scroll→Page (top): Correct page

Scroll→Page (mid): Position preserved

Page→Scroll: Mapped correctly

Persistence: Mode saved

Responsive Layout

Mobile (375–428px)

Sidebar hidden: Hamburger works

Touch targets: ≥44px

Readable: No zoom needed

Footer nav: Visible

No h-scroll: Fits width

Tablet (768px)

Sidebar: Visible/collapsible

Max-width: Constrained

Images: Scale properly

Desktop (1024px+)

Full layout: Sidebar+content

Line length: 60–80 chars

Ultra-wide: Doesn't stretch

Interactive Features

Credentials Carousel

Auto-rotation: Cycles

Manual: Click/swipe

Animation: Smooth

Guestbook

Form: Fields display

Validation: Required enforced

Submit: Posts to Sheets

Display: Entries show

Share Buttons

Twitter: Correct text+URL

Facebook: Dialog opens

Copy: Clipboard+feedback

Email: Client opens

Media Mode

Toggle on: Emojis visible

Toggle off: Emojis hidden

Click emoji: Overlay opens

Close: X or outside

Persistence: State saved

Bookmarks

Add: Saves position

List: Shows in sidebar

Navigate: Goes to spot

Delete: Removes

Persistence: Survives reload

PDF/ePub

PDF download: Initiates

PDF valid: Opens OK

ePub download: Initiates

ePub valid: Opens in reader

Link Validation

Pages

index.html: Loads

downloadpage.html: Loads

guestbook.html: Loads

admin.html: Loads

Data Files

chapters.js: No error

media.js: No error

styles.css: No error

sw.js: Loads

Navigation

29 chapters: All links work

Sidebar links: All navigate