Style guide

This is a guide to the styles and patterns used on this website.

Citations

Used to mark the title of a work.

Tristique senectus Et Netus et Malesuada Fames ac turpis egestas.

Short quotations

Used to mark the short quotations, mid sentence.

Aenean ultricies mi vitae est, Mauris placerat eleifend leo.

Computer code

Used to give examples of computer code.

Vestibulum tortor quam, feugiat vitae, ultricies tempor (eget);, sit amet, ante. Donec EULIBERO sit amet quam egestas semper.

aenean ultricies 
mi vitae est 
  mauris "placerat" 
  eleifend 
leo;

Small print

Used for short amounts of non-significant content.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Paragraphs

These are the most common unit of content.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat.

Figures

These are units of content that stand apart from the main flow of content, and might be referred to independently. They often have captions.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Vestibulum auctor dapibus neque

Unordered lists

These are used for lists of short content, where the order isn’t significant.

Ordered lists

These are used for lists of short content, where the order is significant (e.g. steps in a recipe).

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  2. Aliquam tincidunt mauris eu risus.
  3. Vestibulum auctor dapibus neque.

Name-value lists

These are lists (or groups) of pairs of names and values.

Lorem ipsum
Aliquam tincidunt mauris eu risus.
Vestibulum auctor dapibus neque.
Lorem ipsum
Dapibus neque

Quoted paragraphs

These are used when quoting paragraphs of text from an external source.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.

Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Tables of simple data

These are used to present simple data.

Lorem Ipsum Solar Amet
Donec 134 pharetra B
Quisque 536 ullamcorper A
Praesent 35 pharetra C

Tables of more complex data

A more complex example, using a summary row at the bottom of the table, and an explanatory caption.

Lorem ipsum dolar sit amet. Neque id cursus faucibus, tortor neque egestas augue.
Lorem Ipsum Solar Neque Tortor Egestas Amet
95060386 4805833 5839573 8739924 10534750 45266 9488399
3453 5353 463 564 95582 5745 36362
9252 59205 4802 86950 6216 85030 354
5335 245 68595 6624 92755 859333 7583
739663 4737 7463 564 95582 5745 588
535 24552 24 2475 473933 353 4702