Skip to content

Fix markdown rendering and code formatting issues#8

Merged
plx merged 2 commits intomainfrom
conductor/lagos
Aug 20, 2025
Merged

Fix markdown rendering and code formatting issues#8
plx merged 2 commits intomainfrom
conductor/lagos

Conversation

@plx
Copy link
Copy Markdown
Owner

@plx plx commented Aug 19, 2025

Summary

  • Fixed inline code rendering to display without visible backticks
  • Added proper Objective-C++ syntax highlighting support
  • Resolved HTML escaping issues in markdown processing

Problem

The site had several formatting issues:

  1. The @ObjC prefix in brief cards was showing raw HTML tags or backticks
  2. Inline code elements in articles displayed with visible backticks due to Tailwind Typography CSS
  3. Objective-C++ code blocks weren't properly syntax highlighted

Solution

  • Markdown Renderer: Refactored to escape HTML entities within content while preserving the HTML tags for formatting
  • Syntax Highlighting: Changed language identifier from objc++ to objective-cpp for proper Shiki support
  • Component Updates: Updated ContentCard and article templates to process markdown in titles and prefixes
  • CSS Override: Added rules to remove Tailwind Typography's decorative backticks from inline code

Test Plan

  • Build passes without errors
  • Linting passes
  • Homepage brief cards display @ObjC as proper code formatting
  • Article pages show inline code without visible backticks
  • Objective-C++ code blocks have syntax highlighting

🤖 Generated with Claude Code

- Fixed markdown renderer to properly escape HTML entities while preserving HTML tags
- Added support for Objective-C++ syntax highlighting using 'objective-cpp' language
- Fixed rendering of inline markdown in ContentCard titles and category prefixes
- Removed Tailwind Typography's decorative backticks from inline code elements
- Updated article pages to properly render markdown in category labels

These changes ensure that inline code elements display correctly without visible
backticks, and that markdown formatting like `@ObjC` renders as proper code
elements throughout the site.

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

Co-Authored-By: Claude <noreply@anthropic.com>
@github-actions
Copy link
Copy Markdown
Contributor

PR Validation ✅

All checks passed! Ready for review.

Checks Performed:

  • ✓ Linting
  • ✓ Type checking
  • ✓ Build verification
  • ✓ Internal link validation

- Added lint-fixer agent for automated linting fixes
- Added Playwright as dev dependency for browser-based testing
- Both tools support the development workflow mentioned in CLAUDE.md

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

Co-Authored-By: Claude <noreply@anthropic.com>
@github-actions
Copy link
Copy Markdown
Contributor

PR Validation ✅

All checks passed! Ready for review.

Checks Performed:

  • ✓ Linting
  • ✓ Type checking
  • ✓ Build verification
  • ✓ Internal link validation

@plx plx merged commit 3035415 into main Aug 20, 2025
1 check passed
@plx plx deleted the conductor/lagos branch August 20, 2025 10:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant