Version 0.1.14

Released May 21, 2025

This update includes two new SpellBlocks: ~ hero ~ and ~ progress ~. These are both very powerful and versatile components that can be used to create compelling and visually appealing content.

Ideally, you would never have to leave your markdown editor to create a hero section or progress bar. These blocks are designed to be easy to use and provide a solid foundation for building more complex content.

New Features

Hero SpellBlock

The ~ hero ~ SpellBlock provides a robust foundation for creating compelling leading sections.

{~ hero layout="text_left_image_right" image_src="https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Nnx8YnVzaW5lc3MlMjBtZWV0aW5nfGVufDB8fDB8fHww&auto=format&fit=crop&w=800&q=60" image_alt="Professional consultant presenting a strategy" min_height="40vh" content_align_vertical="center" text_bg_color="black-50" class="hero-consultant" ~}
## Strategic Business Solutions

Driving growth and efficiency for your organization. I offer expert consultancy in market analysis, operational improvement, and digital transformation. Let's build your success story together.

With over 15 years of experience across multiple industries, I provide actionable insights and measurable results.
{~~}

Renders as:

Strategic Business Solutions

Driving growth and efficiency for your organization. I offer expert consultancy in market analysis, operational improvement, and digital transformation. Let's build your success story together.

With over 15 years of experience across multiple industries, I provide actionable insights and measurable results.

This is by far the most complicated SpellBlock I've ever created.

Including 6 different layouts, several parameters, and several different styling options.

Visit the Hero SpellBlock examples for more details.

---

Progress SpellBlock

The ~ progress ~ SpellBlock offers a clear and adaptable method for visually representing various metrics such as project completion, skill proficiency, academic progress, or funding status against a defined maximum.

{~ progress value="65" label="Profile Status" ~}
Profile is 65% complete. Ensure all sections are finalized for optimal visibility.
{~~}

Renders as:

Progress Parameters, bg_color, color, content_color, and content_bg_color

The bg_color and color parameters are used to style the track and fill of the progress bar.

{~ progress value="65" label="Profile Status" bg_color="primary-50" color="black-75" ~}
This is a sample progress bar with a custom background color and text color.
{~~}

Renders as:

The content_color and content_bg_color parameters are used to style the popover content.

{~ progress value="65" label="Profile Status" content_color="white" content_bg_color="primary-50" ~}
This is a sample progress bar with a custom popover content color and background color.
{~~}

Renders as: