← back to the module index

Test: body module

body

Heading level 1. Page heading

Heading level 2, proceeding H1

This is an opening paragraph, that contains an internal link.

Heading level 2, looks like h5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad expedita tenetur blanditiis in libero distinctio inventore porro external link quaerat, eum aspernatur and one that has a line break dolorum animi a perferendis, obcaecati, accusantium dignissimos atque, voluptates veniam!

Placeholder image

Heading level 2

Heading level 3, proceeding H2

The purpose of the Tab character is indentation; conversely, using the Space character for indentation carries no semantic meaning—if you code this way your indentation schema may as well be a form of ASCII art. ;-)

Heading level 3

The slow quick brown fox jumped over the lazy dog. The ins (insert) element, unlike the dog cannot jump over anything, so it cannot span cross paragraph boundaries.

This paragraph contains outdated information as well as current information.

Heading level 4

The coordinate of the jth point is (xj, yj). For example, the 10th point has coordinate (x10, y10).

E=mc2f(x, n) = log4xn

Definition term
A definition description: important information. Less important information.
A second definition description. Did you know?—a single definition term can have multiple definition (descriptions).
Single room
$199 breakfast included, GST inclusive
Double room
$239 breakfast included, GST inclusive

We can also have single definitions, used for terms upon their first occurence in a document:

Heading level 5

While they are essential reading material for our job, the W3C specifications are not exactly George R. R. Martin-level reading material.

Now to the mark element. This has a few useful applications:

  • useful for marking up interesting things in quotations (without altering the styling of text, eg to italic)
  • drawing attention to specific parts of pre-formatted text (eg code snippets)
  • for marking up search results (eg that match a given query)
Heading level 6

I also have some kittens who are visiting me these days. They’re really cute. I think they like my garden! Maybe I should adopt a kitten.

How to install this component npm i @gov.au/body

The highlighted part below is where the error lies:

var i: Integer;
	begin
		i := 1.1;
	end.

An unordered list containing an ordered list:

  • Canberra office
  • Sydney office
  • Foo item, with sub-items:
    1. one
    2. two
    3. three
  • Bar
  • Baz

A simple ordered list:

  1. Discovery
  2. Alpha
  3. Beta
  4. Live

Back to a paragraph.


And that’s a wrap.

body --dark

Heading level 1. Page heading

Heading level 2, proceeding H1

This is an opening paragraph, that contains an internal link.

Heading level 2, looks like h5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad expedita tenetur blanditiis in libero distinctio inventore porro external link quaerat, eum aspernatur and one that has a line break dolorum animi a perferendis, obcaecati, accusantium dignissimos atque, voluptates veniam!

Placeholder image

Heading level 2

Heading level 3, proceeding H2

The purpose of the Tab character is indentation; conversely, using the Space character for indentation carries no semantic meaning—if you code this way your indentation schema may as well be a form of ASCII art. ;-)

Heading level 3

The slow quick brown fox jumped over the lazy dog. The ins (insert) element, unlike the dog cannot jump over anything, so it cannot span cross paragraph boundaries.

This paragraph contains outdated information as well as current information.

Heading level 4

The coordinate of the jth point is (xj, yj). For example, the 10th point has coordinate (x10, y10).

E=mc2f(x, n) = log4xn

Definition term
A definition description: important information. Less important information.
A second definition description. Did you know?—a single definition term can have multiple definition (descriptions).
Single room
$199 breakfast included, GST inclusive
Double room
$239 breakfast included, GST inclusive

We can also have single definitions, used for terms upon their first occurence in a document:

Heading level 5

While they are essential reading material for our job, the W3C specifications are not exactly George R. R. Martin-level reading material.

Now to the mark element. This has a few useful applications:

  • useful for marking up interesting things in quotations (without altering the styling of text, eg to italic)
  • drawing attention to specific parts of pre-formatted text (eg code snippets)
  • for marking up search results (eg that match a given query)
Heading level 6

I also have some kittens who are visiting me these days. They’re really cute. I think they like my garden! Maybe I should adopt a kitten.

How to install this component npm i @gov.au/body

The highlighted part below is where the error lies:

var i: Integer;
	begin
		i := 1.1;
	end.

An unordered list containing an ordered list:

  • Canberra office
  • Sydney office
  • Foo item, with sub-items:
    1. one
    2. two
    3. three
  • Bar
  • Baz

A simple ordered list:

  1. Discovery
  2. Alpha
  3. Beta
  4. Live

Back to a paragraph.


And that’s a wrap.

body --alt

Heading level 1. Page heading

Heading level 2, proceeding H1

This is an opening paragraph, that contains a link.

Heading level 2, looks like h5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad expedita tenetur blanditiis in libero distinctio inventore porro external link quaerat, eum aspernatur and one that has a line break dolorum animi a perferendis, obcaecati, accusantium dignissimos atque, voluptates veniam!

Placeholder image

Heading level 2

Heading level 3, proceeding H2

The purpose of the Tab character is indentation; conversely, using the Space character for indentation carries no semantic meaning—if you code this way your indentation schema may as well be a form of ASCII art. ;-)

Heading level 3

The slow quick brown fox jumped over the lazy dog. The ins (insert) element, unlike the dog cannot jump over anything, so it cannot span cross paragraph boundaries.

This paragraph contains outdated information as well as current information.

Heading level 4

The coordinate of the jth point is (xj, yj). For example, the 10th point has coordinate (x10, y10).

E=mc2f(x, n) = log4xn

Definition term
A definition description: important information. Less important information.
A second definition description. Did you know?—a single definition term can have multiple definition (descriptions).
Single room
$199 breakfast included, GST inclusive
Double room
$239 breakfast included, GST inclusive

We can also have single definitions, used for terms upon their first occurence in a document:

Heading level 5

While they are essential reading material for our job, the W3C specifications are not exactly George R. R. Martin-level reading material.

Now to the mark element. This has a few useful applications:

  • useful for marking up interesting things in quotations (without altering the styling of text, eg to italic)
  • drawing attention to specific parts of pre-formatted text (eg code snippets)
  • for marking up search results (eg that match a given query)
Heading level 6

I also have some kittens who are visiting me these days. They’re really cute. I think they like my garden! Maybe I should adopt a kitten.

How to install this component npm i @gov.au/body

The highlighted part below is where the error lies:

var i: Integer;
	begin
		i := 1.1;
	end.

An unordered list containing an ordered list:

  • Canberra office
  • Sydney office
  • Foo item, with sub-items:
    1. one
    2. two
    3. three
  • Bar
  • Baz

A simple ordered list:

  1. Discovery
  2. Alpha
  3. Beta
  4. Live

Back to a paragraph.


And that’s a wrap.

body --alt --dark

Heading level 1. Page heading

Heading level 2, proceeding H1

This is an opening paragraph, that contains a link.

Heading level 2, looks like h5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad expedita tenetur blanditiis in libero distinctio inventore porro external link quaerat, eum aspernatur and one that has a line break dolorum animi a perferendis, obcaecati, accusantium dignissimos atque, voluptates veniam!

Placeholder image

Heading level 2

Heading level 3, proceeding H2

The purpose of the Tab character is indentation; conversely, using the Space character for indentation carries no semantic meaning—if you code this way your indentation schema may as well be a form of ASCII art. ;-)

Heading level 3

The slow quick brown fox jumped over the lazy dog. The ins (insert) element, unlike the dog cannot jump over anything, so it cannot span cross paragraph boundaries.

This paragraph contains outdated information as well as current information.

Heading level 4

The coordinate of the jth point is (xj, yj). For example, the 10th point has coordinate (x10, y10).

E=mc2f(x, n) = log4xn

Definition term
A definition description: important information. Less important information.
A second definition description. Did you know?—a single definition term can have multiple definition (descriptions).
Single room
$199 breakfast included, GST inclusive
Double room
$239 breakfast included, GST inclusive

We can also have single definitions, used for terms upon their first occurence in a document:

Heading level 5

While they are essential reading material for our job, the W3C specifications are not exactly George R. R. Martin-level reading material.

Now to the mark element. This has a few useful applications:

  • useful for marking up interesting things in quotations (without altering the styling of text, eg to italic)
  • drawing attention to specific parts of pre-formatted text (eg code snippets)
  • for marking up search results (eg that match a given query)
Heading level 6

I also have some kittens who are visiting me these days. They’re really cute. I think they like my garden! Maybe I should adopt a kitten.

How to install this component npm i @gov.au/body

The highlighted part below is where the error lies:

var i: Integer;
	begin
		i := 1.1;
	end.

An unordered list containing an ordered list:

  • Canberra office
  • Sydney office
  • Foo item, with sub-items:
    1. one
    2. two
    3. three
  • Bar
  • Baz

A simple ordered list:

  1. Discovery
  2. Alpha
  3. Beta
  4. Live

Back to a paragraph.


And that’s a wrap.