Chapter 5

Tests

Some pages for internal testing of different styles

Attachments Shortcode Test

Testing Attachments Shortcode

Chapters

Start your success story. Now!

Code

Some testing for different styles used in syntax highlighting and preformatted blocks

Images

Some testing for different styles of image links

Lists

Test shortcodes inside of list items

Tables

Testing different markdown constructs inside of tables

VSCode Front Matter

Test default settings for snippets of the VSCode Front Matter extension

Width

Test dynamic width resizing of content if scrollbar is present

Subsections of Tests

Subsections of Attachments Shortcode Test

Attachments Branch Test

Attachments

Attachments Leaf Test

Attachments

Attachments Page Test

Attachments

Chapters

Start your success story. Now!

Subsections of Chapters

1

10

11

12

13

14

15

16

17

18

19

2

20

21

22

23

24

25

26

27

28

29

3

30

4

5

6

7

8

9

Code

Some testing for different styles used in syntax highlighting and preformatted blocks.

Inline Code

This is some very long inline code. Where does it wrap?

What about wrapping short inline code if multiple sections are written side by side?

What about wrapping short inline code if multiple sections are written side/by/side?

What about wrapping long inline code if multiple sections are written side567 by34567 side567?

What about wrapping long inline code if multiple sections are written side567/by34567/side567?

Can we just use a simple HTML element ?

Block Code

Code fences without any selected language
{
  "well": "some JSON in codefences in here"
}
{
  "well": "some JSON in HTML elements here"
}
{
  "well": "Code fences with non existing language"
}

Block Preformatted

Some preformatted stuff with markdown indentation
Some preformatted stuff in HTML elements

Nested Shortcode

1 Shortcode

%%

1{
2  "Hello": "World" "Hello": "World" "Hello": "World"
3}

<>

1
2
3
{
  "Hello": "World" "Hello": "World" "Hello": "World"
}

2 Shortcodes

%% %%

1
2
3
<p>{
&ldquo;Hello&rdquo;: &ldquo;World&rdquo; &ldquo;Hello&rdquo;: &ldquo;World&rdquo; &ldquo;Hello&rdquo;: &ldquo;World&rdquo;
}</p>

%% <>

1
2
3
{
  "Hello": "World" "Hello": "World" "Hello": "World"
}

<> %%

1
2
3
<p>{
&ldquo;Hello&rdquo;: &ldquo;World&rdquo; &ldquo;Hello&rdquo;: &ldquo;World&rdquo; &ldquo;Hello&rdquo;: &ldquo;World&rdquo;
}</p>

<> <>

1
2
3
{
  "Hello": "World" "Hello": "World" "Hello": "World"
}

3 Shortcodes

%% %% %%

1
2
3
<p>{
&ldquo;Hello&rdquo;: &ldquo;World&rdquo; &ldquo;Hello&rdquo;: &ldquo;World&rdquo; &ldquo;Hello&rdquo;: &ldquo;World&rdquo;
}</p>

%% %% <>

1
2
3
{
  "Hello": "World" "Hello": "World" "Hello": "World"
}

%% <> %%

1
2
3
<p>{
&ldquo;Hello&rdquo;: &ldquo;World&rdquo; &ldquo;Hello&rdquo;: &ldquo;World&rdquo; &ldquo;Hello&rdquo;: &ldquo;World&rdquo;
}</p>

%% <> <>

1
2
3
{
  "Hello": "World" "Hello": "World" "Hello": "World"
}

<> %% %%

1
2
3
<p>{
&ldquo;Hello&rdquo;: &ldquo;World&rdquo; &ldquo;Hello&rdquo;: &ldquo;World&rdquo; &ldquo;Hello&rdquo;: &ldquo;World&rdquo;
}</p>

<> %% <>

1
2
3
{
  "Hello": "World" "Hello": "World" "Hello": "World"
}

<> <> %%

1
2
3
<p>{
&ldquo;Hello&rdquo;: &ldquo;World&rdquo; &ldquo;Hello&rdquo;: &ldquo;World&rdquo; &ldquo;Hello&rdquo;: &ldquo;World&rdquo;
}</p>

<> <> <>

1
2
3
{
  "Hello": "World" "Hello": "World" "Hello": "World"
}

Images

Some testing for different styles of image links.

Markdown

Resource SVG

Magic Magic

Relative to page

Magic Magic

Relative to page up level

Magic Magic

Static SVG

Logo Logo

External fully qualified

Minion Minion

External without scheme

Minion Minion

External without scheme and scheme separator

Minion Minion

HTML

Resource SVG

Relative to page

Relative to page up level

Static SVG

External fully qualified

External without scheme

External without scheme and scheme separator

Lists

Plain

  • one

  • two

  • two

    and a half

  • three

Attachments

  • one

  • two

  • Attachments
    Attachments
  • three

Badge

  • one

  • two

  • Awesome 

    Awesome
  • three

Button

Children

  • one

  • two

  • three

Expand

  • one

  • two

  • Thank you!

    Thank you!

  • three

Icon

  • one

  • two

  •  

  • three

Include

  • one
  • two

You can add standard markdown syntax:

  • multiple paragraphs
  • bullet point lists
  • emphasized, bold and even bold emphasized text
  • links
  • etc.1
...and even source code

the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)

You can add standard markdown syntax:

  • multiple paragraphs
  • bullet point lists
  • emphasized, bold and even bold emphasized text
  • links
  • etc.1
...and even source code

the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work)

  • three

Math

  • one

  • two

  • $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)$$ $$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)$$
  • three

Mermaid

  • one

  • two

  • graph LR; If --> Then Then --> Else
    graph LR; If --> Then Then --> Else
  • three

Notice

  • one

  • two

  • There may be pirates

    It is all about the boxes.

    There may be pirates

    It is all about the boxes.

  • three

Siteparam

Tabs

  • one

  • two

  • print("Hello World!")
    
    echo "Hello World!"
    
    print("Hello World!")
    
    echo "Hello World!"
    
  • three


  1. Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a Latin expression that is used in English to mean “and other similar things”, or “and so forth” ↩︎ ↩︎

Tables

Lines and Paragraphs

i

HTML Paragraph I

HTML Paragraph II

i
HTML Line I
HTML Line II
i
HTML Line I

HTML Line II
i
Markdown Multicell I
Markdown Multicell II

Headings

i

HTML h1

i

HTML h2

i

HTML h3

i

HTML h4

i
HTML h5
i
HTML h6

Lists

i
  • HTML List Item I
  • HTML List Item II

Code

i
Markdown Inline
i
HTML Inline
i
HTML Block
i
Markdown Link
i
https://example.com
i
Spock Spock

Other

i
HTML Blockquote
i

HTML Blockquote with nested Paragraph

i

Shortcodes

i
Important
i
Get Hugo
i

Thank you!

i
i

You can add standard markdown syntax:

  • multiple paragraphs
  • bullet point lists
  • emphasized, bold and even bold emphasized text
  • links
  • etc.1
...and even source code

the possibilities are endless (almost - including other shortcodes may or may not work) (almost - including other shortcodes may or may not work) |

i
$$\left( \sum_{k=1}^n a_k b_k \right)^2 \leq \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)$$
i
$\sqrt{3}$
i
graph LR; If --> Then Then --> Else
i
https://github.com/McShelby/hugo-theme-relearn/edit/main/exampleSite/content/
i
print("Hello World!")
echo "Hello World!"

  1. Et Cetera (English: /ɛtˈsɛtərə/), abbreviated to etc., etc, et cet., is a Latin expression that is used in English to mean “and other similar things”, or “and so forth” ↩︎

VSCode Front Matter

Empty Properties

Attachments

aa

Width

Make a visible block

And another one