Blog Formatting Test Post

Testing reading progress, sticky TOC, share buttons, and related posts

Sebs

Introduction

This is a test post to verify that all Phase 5 blog improvements are working correctly. Scroll down slowly to see the reading progress bar fill up at the top of the page.

Features Being Tested

The following sections cover each new feature added in Phase 5.

Sticky Table of Contents

On wide screens (1380px+), a Contents panel should appear on the left side of the page, listing all the H2 and H3 headings. Clicking an entry should scroll you to that section.

Share Buttons

Three small icon buttons should appear to the right of the article — X (Twitter), LinkedIn, and Copy Link. Clicking X or LinkedIn should open a share dialog with the correct URL. Clicking Copy Link should briefly turn red with a checkmark.

Related Posts

At the bottom of the article, a "More from the Blog" section should show 2–3 card links to other posts. If no other posts exist, this section will be hidden.

Conclusion

If you can see all of the above working, Phase 5 is complete. The edit button in the hero (top right) should also be visible if you are logged in as an Admin or Moderator.

Reading Progress Bar

The red bar at the very top of the page should fill from left to right as you scroll down through the article. It tracks how far through the content you are.