Index
Page Contents

4. Panels

This site features several decorative and informative 'panels' which can be indicated via markup.


Basic Panels

Here are some panels you can use on pages to draw attention to important information and create a pleasing visual layout:

Panel Style DirectiveMarkup Code Sample
Info Panel info:
Info: Here is some useful information.
Info:Here is some useful information.
Tip Panel tip:
Tip: Don't run with scissors!
Tip:Don't run with scissors!
Note Panel note:
Note: Scissors are sharp!
Note:Scissors are sharp!
To-Do Panel todo:
Todo: Write better test in these samples.
To-Do:Write better test in these samples.
Warning Panel warning:
Warning: Do not get your tail caught in the waffle press!
Warning:Do not get your tail caught in the waffle press!
Magic Panel magic:
Magic: Oh oh, it's magic!
Magic:Oh oh, it's magic!
Notice Panel notice:
Notice: This page is under construction.
This page is under construction.
Info:The panels documented on this page will expand to fill the width of the page.

Sidebars

This is a sample side bar over here. Notice that it floats to the right while other text flows around it.

Sidebars can be used to display additional information which floats to the right of other text on the document.

"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."

Panel Style DirectiveMarkup Code Sample
Sidebar [
[ This is a sample side-bar.
This is a sample side-bar.