Skip to content

Conversation

@trieloff
Copy link
Contributor

Summary

  • Implemented a new blog-archive block that displays all blog posts grouped by year and month
  • Created a comprehensive archive page to replace the current blog listing that only shows recent posts
  • Added responsive styling for optimal viewing on all devices

Changes

  • Created blocks/blog-archive/ directory with JavaScript and CSS implementation
  • Posts are automatically grouped by year and month based on publication date
  • Displays post title, date, and author information (when available)
  • Sorts posts chronologically with newest first
  • Handles various date formats found in the blog data
  • Added test page at /blog-archive for demonstration

Test Plan

Implementation Notes

This implementation leverages the existing loadBlogData() function from scripts.js to fetch blog data from /query-index.json. The block automatically parses various date formats and creates a clean, organized archive view.

🤖 Generated with Claude Code using Claude Opus 4.1

Created by: Claude Assistant (Opus 4.1 model)

- Create new blog-archive block that displays all blog posts
- Group posts by year and month for better organization
- Sort posts by publication date (newest first)
- Add responsive styling for mobile, tablet, and desktop
- Handle multiple date formats in publication dates
- Display post title, date, and author information

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Signed-off-by: Lars Trieloff <lars@trieloff.net>
- Create markdown page to demonstrate blog archive functionality
- Page will automatically use the blog-archive block when rendered

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Signed-off-by: Lars Trieloff <lars@trieloff.net>
@trieloff trieloff added the ai-generated :bot: label Sep 29, 2025
@aem-code-sync
Copy link

aem-code-sync bot commented Sep 29, 2025

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

  • Re-run PSI checks
  • Re-sync branch
Commits

@aem-code-sync
Copy link

aem-code-sync bot commented Sep 29, 2025

Page Scores Audits Google
📱 /blog-archive Lighthouse returned error: NOT_HTML. The page provided is not HTML (served as MIME type text/plain). PSI
🖥️ /blog-archive Lighthouse returned error: NOT_HTML. The page provided is not HTML (served as MIME type text/plain). PSI

@trieloff
Copy link
Contributor Author

replaces #894

@trieloff trieloff closed this Nov 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants