Figures

Description

Provides consistent styling for figures with captions, including images, videos, audio, and mathematical content. Figures automatically include appropriate icons and responsive behavior.

Usage

Wrap media content in <figure> elements with appropriate classes. Captions are provided using <figcaption> elements.

Available Figure Types

Images: .image - Standard image figures
Videos: .video - Video content with play icon
Audio: .audio - Audio content with sound icon
Math: .math - Mathematical content with formula icon

Examples

Image Figure

Warning Signpost — Safety Warning

This signpost indicates important safety information for workers in the lumber processing area.

Wear protective equipment

Follow safety protocols

Report any hazards

Video Figure

Safety Training Video

This video covers workplace safety fundamentals.

Duration: 10 minutes
Topics: Equipment safety, procedures
Format: HD quality

Audio Figure

Equipment Sound Guide

Listen to the different sounds made by various lumber processing equipment.

Duration: 3 minutes
Formats: MP3, OGG
Quality: High

Math Figure

The quadratic formula is:

$x = \frac{- b \pm \sqrt{b^{2} - 4 a c}}{2 a}$

Quadratic Formula

This formula solves quadratic equations of the form ax² + bx + c = 0.

Where a, b, and c are coefficients and a ≠ 0.

Simple Image Figure

Mill Machine — Modern lumber mill machine in operation

Complex Figure with Multiple Elements

Wide Yard View — Lumber Processing Facility Overview

This aerial view shows the complete lumber processing facility layout.

Key Areas

Raw material storage

Processing equipment

Quality control station

Finished product storage

Process Flow

Logs arrive at storage area

Processing begins at equipment

Quality control checks

Finished products stored

Figure with Detailed Caption

Precision Cutter Machine

This state-of-the-art cutter machine demonstrates modern lumber processing technology.

**Specifications:**

Cutting capacity: 2,000 board feet per hour

Precision: ±0.1 inch accuracy

Safety features: Automatic shutoff, emergency stops

Maintenance: Daily cleaning, weekly calibration

*Note: Always follow safety protocols when operating this equipment.*

Notes

Figures automatically include appropriate icons (image, video, audio, math)
Captions can contain any HTML content including headings, lists, and other elements
Images are automatically responsive and click-to-enlarge
Videos are automatically wrapped in responsive containers
Audio elements get responsive styling
Math content integrates with MathJax for proper rendering
Figures work well within side-by-side layouts
Use descriptive alt text for accessibility
Captions should provide context and additional information
Complex captions can include multiple paragraphs and formatting