
=== In-Page Navigation Menu ===

Contributors:      WordPress Telex
Tags:              block, navigation, table of contents, anchors, headings
Tested up to:      6.8
Stable tag:        0.1.0
License:           GPLv2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html

A beautiful, interactive in-page navigation menu that creates a table of contents from headings on the page.

== Description ==

The In-Page Navigation Menu block creates a sophisticated table of contents that anchors to the left side of the viewport. It automatically detects all headings on the page and creates an interactive navigation menu with smooth animations.

Key Features:

* **Automatic Detection**: Scans the page for headings (H2-H6) and builds the navigation automatically
* **Fixed Position**: Anchors to the middle-left side of the viewport for easy access while scrolling
* **Responsive Design**: Only visible on tablet and larger screens to maintain clean mobile experience
* **Fluid Animations**: Each navigation line smoothly expands on hover, revealing the heading text
* **Interactive Feedback**: Cursor changes to pointer, lines animate and displace adjacent items
* **Smart Linking**: Creates anchor links to headings, with automatic ID generation if needed

Perfect for long-form content, documentation pages, blog posts, and any page where quick navigation improves user experience.

== Installation ==

1. Upload the plugin files to the `/wp-content/plugins/in-page-nav-menu` directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in WordPress
3. Add the "In-Page Navigation Menu" block to any page or post
4. The block will automatically detect headings on the page and create the navigation menu

== Frequently Asked Questions ==

= What headings does it detect? =

The block detects H2, H3, H4, H5, and H6 headings on the page. H1 is excluded as it's typically the page title.

= Does it work on mobile devices? =

The navigation menu is hidden on mobile devices and small tablets (screens smaller than 768px) to maintain a clean, uncluttered mobile experience.

= Can I customize the appearance? =

Yes! The block includes options in the editor sidebar to customize colors, line thickness, and animation behavior.

= What if my headings don't have IDs? =

The block automatically generates IDs for headings that don't have them, ensuring all navigation links work properly.

== Screenshots ==

1. The navigation menu anchored to the left side of the viewport
2. Hover animation showing expanded line with heading text
3. Block settings in the editor sidebar

== Changelog ==

= 0.1.0 =
* Initial release
* Automatic heading detection and navigation generation
* Smooth hover animations
* Responsive design for tablet and desktop
* Customizable styling options
