Files
Daniel Avila 109f09870f Add SVG cover image for security hooks blog article (#312)
* feat(blog): Add SVG cover and fix header/footer for security-hooks-secrets article

- Create SVG cover image with black background, terminal on left, security shield on right
- Rewrite blog HTML to use external CSS (styles.css, blog.css) instead of inline styles
- Fix header to match other blogs (container, header-content, header-actions with SVG icons)
- Fix footer to match other blogs (footer-left, footer-right, proper links with icons)
- Add Google Analytics, Hotjar, favicon, structured data, and SEO metadata
- Add CodeCopy and MarkdownCopier JavaScript functionality
- Update blog-articles.json to reference new SVG cover

https://claude.ai/code/session_012BdwtCSYzJbaEWNApX7bB5

* fix(blog): Add table styles for article content in blog CSS

Tables inside .article-content-full had no styling since the blog
uses external CSS. Added proper th/td padding, borders, and hover states.

https://claude.ai/code/session_012BdwtCSYzJbaEWNApX7bB5

* fix(blog): Update info box text to clarify blog explains the hook

The blog explains how the hook works, not manual setup instructions.
Updated text to encourage direct CLI installation while reading on.

https://claude.ai/code/session_012BdwtCSYzJbaEWNApX7bB5

* fix(blog): Sort articles newest first in blog listing and featured carousel

Reverse default sort order from ascending to descending by order field,
so the most recently published article appears first in both the main
list and the featured posts carousel.

https://claude.ai/code/session_012BdwtCSYzJbaEWNApX7bB5

* feat(agents): Add blog-writer agent for creating blog articles from components

Agent follows a 6-step workflow:
1. Read the component file
2. Ask user to confirm title, tags, difficulty, category, cover style
3. Create SVG cover (black bg, terminal left, icon right, white title)
4. Create HTML article with proper header/footer structure
5. Update blog-articles.json with highest order number
6. Final verification checklist

Encodes all blog creation knowledge: external CSS only, installation
first, info-box wording, CodeCopy/MarkdownCopier scripts, table
styling, OG metadata, structured data, and article ordering.

https://claude.ai/code/session_012BdwtCSYzJbaEWNApX7bB5

---------

Co-authored-by: Claude <noreply@anthropic.com>
2026-01-27 10:53:43 -05:00
..