@gurupanguji

Implementation Plan: Semantic Lists (#212)

Task List

• Create docs/superpowers/specs/2026-04-15-semantic-lists.md and docs/superpowers/plans/2026-04-15-semantic-lists.md
• Update index.html (Social Links and Blog Feed)
• Update _layouts/post.html (Social Links)
• Update reviews/index.html (Social Links)
• Update shared .social-links CSS in assets/css/style.css
• Extract shared footer into _includes/social-footer.html
• Run bundle exec jekyll build and verify output in _site/

Detailed Implementation

CSS Updates (Common)

Ensure .social-links has list-style: none; padding: 0; margin: 0; in the shared stylesheet.

Blog Feed (index.html)

Refactor the liquid loop to use ul and li.

• Outer container: <ul id="feed-container" class="feed-timeline">
• Each group: <li class="feed-day-group">
• Inner post list: <ul class="feed-day-posts">
• Each post: <li><a class="feed-post-link">...</a></li>

Shared Footer

Extract the common social footer markup into _includes/social-footer.html and include it from pages that need the standard footer.