Test Post for Exhibiting Element “Styling” With Source Code

This is an excerpt. This post is for previewing element styling. Lorem ipsum dolor sit amet, consectetur.

● Starting with heading texts h1…h6.

H2 heading text source code

H3 heading text source code

H4 heading text source code

H5 heading text source code

H6 heading text source code

● Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget tellus vitae lectus sollicitudin feugiat. Nullam tempus elit in tellus malesuada, dignissim iaculis orci consequat. Vestibulum ut risus sem.

Ut vel mauris euismod, elementum erat vel, vulputate libero. Quisque feugiat nisl ut massa varius sagittis. Nunc pretium vel ante sed tempor. Nulla facilisis odio id eros luctus laoreet. Sed eleifend purus at diam pretium, eget euismod ex pulvinar.

Aliquam convallis quis massa nec vulputate. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum aliquam leo lorem, gravida dignissim tortor venenatis eget. Phasellus ultrices sed velit ut scelerisque.

● Lists

• Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget tellus vitae lectus sollicitudin feugiat. Nullam tempus elit in tellus malesuada, dignissim iaculis orci consequat.

• You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we’ll use three here to also align the raw Markdown).

  This is the second paragraph for the first list item and a table list.

  Heading One	Heading Two
  text	Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  text	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget tellus vitae lectus sollicitudin feugiat. Nullam tempus elit in tellus malesuada, dignissim iaculis orci consequat.

• A source code block may be placed within the list item.

  int main() {
    writeln("Hello world!");
    return 0;
  }
  

• This list item contains sub list items.

  • A sub list item can also have a source code block.

    int main() {
      writeln("Hello world!");
      return 0;
    }
    

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget tellus vitae lectus sollicitudin feugiat. Nullam tempus elit in tellus malesuada, dignissim iaculis orci consequat.

● Definition List

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget tellus vitae lectus sollicitudin feugiat. Nullam tempus elit in tellus malesuada, dignissim iaculis orci consequat.

Definition List One

First definition text. A source code block for the definition text.

int main() {
  writeln("Hello world!");
  return 0;
}

Second definition text with list items.

• One
• Two
• Three

Definition List Two

First definition text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget tellus vitae lectus sollicitudin feugiat. Nullam tempus elit in tellus malesuada, dignissim iaculis orci consequat.

Second definition text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget tellus vitae lectus sollicitudin feugiat. Nullam tempus elit in tellus malesuada, dignissim iaculis orci consequat.

● Source Code Block

Plain source code block.

1234567890123456789012345678901234567890123456789012345678901234567890123456789012345
         1         2         3         4         5         6         7         8
def print_hi(name)
  puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.

Source code block with line numbers.

1
2
3
4
5
6
7
8
9
10
11
12
13
bool a = true;
bool b = false;
bool c = 1;
bool d = 0;
writeln(a);
writeln(b);
writeln(c);
writeln(d);
bool a = true;
bool b = false;
bool c = 1;
bool d = 0;
writeln(a);

● Syntax Display

Syntax display is presented in a block in monochrome color with three (3) inner blocks; the heading block, syntax block and the definition block.

Heading Block

Usually a label or a some description. It can have paragraphs and tables.

Syntax Block

The syntax format block displays the actual use of a command or function which is displayed in monospace font.

• Can have multiple syntax specifications
• Required items are enclosed in angle brackets (<>).
• Optional items are enclosed in square brackets ([]).
• The pipe symbol (|) means or, meaning one of the items listed.
• Ellipses (...) means one or more of the parameter.

Definition Block

The definition block contains, well, the definition and/or description of the command, function or arguments in the syntax format block. It can have paragraphs and tables.

• Required arguments is formatted as normal monospaced text.
• Optional arguments is formatted as italic monospaced text.

Here is the syntax for the write and writef functions from the D standard library. This does not include the complete information on the functions but only shows what is used in this guide.

write[ln] ([argument [, ...]);
writef[ln]([formatstring,] [argument [, ...]);