Extended Blowfish Shortcodes Test

This page tests the newly implemented Blowfish shortcodes to ensure they work identically to Hugo Blowfish.

Icon Shortcode

Simple icons:

Lead Shortcode

This is a lead paragraph that introduces the main content of the article. It should have larger text and be visually emphasized to grab the reader's attention.

Keyword Shortcode

Important concepts:

React,

Next.js, and

TypeScript are key technologies used in this project.

TypeIt Shortcode

This text will appear with a typewriter effect!

This will replace the initial text...

Swatches Shortcode

Primary Colors

Brand Colors

YouTubeLite Shortcode

Compatibility Test

All these shortcodes should work identically between Hugo Blowfish and this Next.js implementation, maintaining:

✅ Exact API parameters
✅ Visual styling consistency
✅ Responsive behavior
✅ Accessibility features
✅ Performance optimization

Mixed Usage Example

Here's how these shortcodes work together in real content:

The

icon shortcode displays

inline icons, while the

lead shortcode creates emphasized introductory text.

Dynamic content keeps users engaged!