Skip to content

Axiom Mascot Admonition Test Page

This page verifies that all Axiom mascot admonitions render correctly with the owl positioned in the upper-left corner.


Welcome

Welcome to Intelligent Textbooks

Axiom appears at the beginning of chapters to greet learners and establish psychological safety.


Neutral

Steady Guidance

This is Axiom’s neutral instructional presence.
He provides steady guidance without strong emotional emphasis.


Explain

Concept Clarification

In this mode, Axiom is explaining a key idea.
This is used for definitions, walkthroughs, and structured reasoning.


Thinking

Reflect Before Moving On

Axiom encourages deeper thinking here.
Try explaining this concept in your own words before continuing.


Tip

Pro Tip

This highlights a key insight.
Notice patterns. Adjust one variable at a time in simulations.


Encourage

You’ve Got This

Axiom appears when the material becomes challenging.
Persistence builds mastery.


Warning

Common Mistake

Be careful not to confuse correlation with causation.
Many learners make this mistake the first time.


Celebrate

Chapter Complete!

Congratulations!
You’ve just mastered this section and added new branches to your learning tree.


Collapsible Versions (details test)

These test details behavior.


Welcome (Collapsible)

Axiom still appears in the upper-left corner even when collapsed.


Warning (Collapsible)

The mascot should remain positioned correctly when expanded.


Layout Stress Test

This section ensures spacing behaves correctly with longer content.

Long Content Test

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


End of Test

If everything is configured correctly:

  • The owl appears partially outside the upper-left corner
  • Text does not overlap the mascot
  • Collapsible admonitions still render correctly
  • Each pose matches the correct image file