Skip to content

SEO schemas + mobile responsive overhaul#27

Merged
GalloDaSballo merged 18 commits intoRecon-Fuzz:mainfrom
Deivitto:main
Apr 15, 2026
Merged

SEO schemas + mobile responsive overhaul#27
GalloDaSballo merged 18 commits intoRecon-Fuzz:mainfrom
Deivitto:main

Conversation

@Deivitto
Copy link
Copy Markdown
Contributor

@Deivitto Deivitto commented Apr 1, 2026

Summary

  • SEO/GEO: JSON-LD sameAs + isPartOf schemas, OG/Twitter cards, llms.txt, robots.txt, breadcrumbs, FAQ structured data
  • Mobile responsive overhaul (15 iterations):
    • TOC toggle button on all screen sizes — hide/show right-hand "On this page" menu
    • Desktop: fade toggle with content margin reclaim; Mobile: slide-in panel with backdrop overlay
    • Responsive sidebar logo (100px mobile, 140px tablet, 180px desktop)
    • Code block + table overflow containment with touch scrolling
    • Nav arrows as fixed bottom bar on mobile
    • Menu bar 44px touch targets, iOS auto-zoom prevention
    • Global horizontal scroll prevention, word-wrap for long URLs
    • Smooth animations with prefers-reduced-motion support
    • Extra-small screen breakpoint (360px) + safe area insets for notched devices
    • Smart toggle visibility (hidden on pages with <2 headings)
    • Auto-close on page navigation, Escape key support

Test plan

  • Verify mdbook build succeeds
  • Desktop (>1200px): TOC visible, toggle hides/shows it, content margin adjusts
  • Medium PC (1080-1200px): TOC is slide-in panel, no content overlap
  • Tablet (620-1080px): responsive logo, constrained code/tables
  • Mobile (<620px): bottom nav bar, full-width content, slide-in TOC
  • Extra-small (<360px): tighter padding, smaller fonts
  • SEO: validate JSON-LD schemas with Google Rich Results Test

🤖 Generated with Claude Code

@Deivitto Deivitto changed the title SEO: add sameAs and isPartOf to book JSON-LD schemas SEO schemas + mobile responsive overhaul Apr 2, 2026
Deivitto and others added 18 commits April 15, 2026 03:29
Adds Twitter, GitHub, Substack, LinkedIn, dailywarden, and
onebugperday to both Organization blocks (author + publisher)
so Google connects book.getrecon.xyz to the full entity graph.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…echArticle

SoftwareApplication now declares sameAs with all properties including
book.getrecon.xyz. TechArticle declares isPartOf pointing to
getrecon.xyz so Google knows the book is a subdomain of the main site.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Adds a floating action button (bottom-right) that appears below 1200px
to toggle the right-hand TOC as a slide-in panel with backdrop overlay.
TOC auto-closes when a link is clicked for better mobile UX.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Reduces logo from 180x180 to 100x100 on mobile (≤620px) and 140x140
on tablet (621-1080px). Adjusts sidebar scrollbox top offset accordingly
to prevent wasted space.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Constrains pre blocks and table wrappers to viewport width minus padding
on mobile. Adds touch scrolling for horizontal overflow, reduces code
font size, and allows inline code to word-break.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Repositions prev/next chapter navigation from side overlays to a fixed
bottom bar on mobile (≤620px). Each arrow gets 50% width with a divider.
Content gets extra bottom padding so the bar doesn't cover text.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Ensures menu bar icons meet 44px minimum touch target on mobile.
Constrains search bar width and increases icon font size for
better usability on touch devices.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Adds overflow-x: hidden and max-width: 100vw to html/body to prevent
any element from causing horizontal scrollbar on mobile viewports.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Constrains code blocks and table wrappers to viewport minus sidebar
width on tablet (≤1080px) to prevent horizontal overflow when sidebar
is visible.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Replaces display:none toggle with transform/visibility for the TOC
panel (slide from right) and opacity/visibility for the overlay
(fade in/out). Both animate over 250ms for polished feel.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Tighter blockquote padding on mobile, ensures images respect max-width,
and adds word-wrap/overflow-wrap to prevent long URLs from causing
horizontal overflow.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Toggle button is hidden when a page has insufficient headings for a TOC,
and re-shown when navigating to a page that does have enough headings.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
When mdBook navigates to a new page via MutationObserver, the mobile
TOC panel, overlay, and toggle icon are all reset to closed state.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Adds keydown listener for Escape to close the TOC panel when open,
improving keyboard accessibility on mobile/tablet.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Sets all inputs to 16px minimum font-size to prevent iOS Safari from
auto-zooming when search bar gains focus. Constrains search results
container to viewport width.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Disables all TOC slide, fade, and hover transitions when the user
has prefers-reduced-motion enabled, improving accessibility.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Adds 360px breakpoint for ultra-narrow screens (iPhone SE, Galaxy Fold)
with tighter padding and smaller font sizes. Adds safe-area-inset
support for notched devices to prevent nav bar and toggle button
from being hidden behind the home indicator.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Toggle button now visible on ALL screen sizes (was only <1200px)
- Desktop (>1200px): clicking toggle hides/shows TOC in place with
  fade animation, content margin adjusts automatically
- Mobile/tablet (<1200px): keeps slide-in panel behavior
- Content area reserves 300px right margin for TOC on desktop,
  reclaims it when TOC is hidden via body.toc-hidden class
- Escape key closes TOC on all screen sizes

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Copy link
Copy Markdown
Collaborator

@GalloDaSballo GalloDaSballo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ok

@GalloDaSballo GalloDaSballo merged commit 173d80f into Recon-Fuzz:main Apr 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants