blog/demo.md

layout, title, toc, archive, trigger, disclaimer

layout	title	toc	archive	trigger	disclaimer
post	Demo page	false	This page is, in fact, not archived, meaning it will receive content updates.	This page contains blackjack and hookers, and bad jokes such as this one.	- All tricks in this page are performed by lab boys, don't try this at home. - Don't expose yourself to 4000° kelvin. - Don't take party escort submission position. - Don't interact with asbestos and moon rocks.

For ^these banners see page source front matter

Text can be bold, italic, or strikethrough, it can also be thick.

Link to another page{:.page-link}

There should be whitespace between paragraphs.

There should be whitespace between paragraphs. We recommend including a README, or a file with information about your project.

Header 1

This is a normal paragraph following a header. Codeberg is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.

Header 2

This is a blockquote following a header.

When something is important enough, you do it even if the odds are not in your favor.

Header 3

// Javascript code with syntax highlighting.
var fun = function lang(l) {
  dateformat.i18n = require("./lang/" + l);
  return true;
};

# Ruby code with syntax highlighting
GitHubPages::Dependencies.gems.each do |gem, version|
  s.add_dependency(gem, "= #{version}")
end

Header 4

• This is an unordered list following a header.
• This is an unordered list following a header.
• This is an unordered list following a header.

Header 5

1. This is an ordered list following a header.
2. This is an ordered list following a header.
3. This is an ordered list following a header.

Header 6

head1	head two	three
ok	good swedish fish	nice
out of stock	good and plenty	nice
ok	good oreos	hmm
ok	good zoute drop	yumm

There's a horizontal rule below this

---

Here is an unordered list:

• Item foo
• Item bar
• Item baz
• Item zip

And an ordered list:

1. Item one
2. Item two
3. Item three
4. Item four

And a nested list:

• level 1 item
  • level 2 item
  • level 2 item
    • level 3 item
    • level 3 item
• level 1 item
  • level 2 item
  • level 2 item
  • level 2 item
• level 1 item
  • level 2 item
  • level 2 item
• level 1 item

Small image

Large image

Definition lists can be used with HTML syntax

Name

Godzilla

Born

1952

Birthplace

Japan

Color

Green

Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.

The final element.

Details

I may be a spoiler, I may be a long text, I may be anything.

Quack-quack!

Small

Small, cute text that doesn't catch attention.

Abbreviation

The ASCII art are awesome!

Special ASCII style

 _____________________________________________
|.'',        Public_Library_Halls         ,''.|
|.'.'',                                 ,''.'.|
|.'.'.'',                             ,''.'.'.|
|.'.'.'.'',                         ,''.'.'.'.|
|.'.'.'.'.|                         |.'.'.'.'.|
|.'.'.'.'.|===;                 ;===|.'.'.'.'.|
|.'.'.'.'.|:::|',             ,'|:::|.'.'.'.'.|
|.'.'.'.'.|---|'.|, _______ ,|.'|---|.'.'.'.'.|
|.'.'.'.'.|:::|'.|'|???????|'|.'|:::|.'.'.'.'.|
|,',',',',|---|',|'|???????|'|,'|---|,',',',',|
|.'.'.'.'.|:::|'.|'|???????|'|.'|:::|.'.'.'.'.|
|.'.'.'.'.|---|','   /%%%\   ','|---|.'.'.'.'.|
|.'.'.'.'.|===:'    /%%%%%\    ':===|.'.'.'.'.|
|.'.'.'.'.|%%%%%%%%%%%%%%%%%%%%%%%%%|.'.'.'.'.|
|.'.'.'.','       /%%%%%%%%%\       ','.'.'.'.|
|.'.'.','        /%%%%%%%%%%%\        ','.'.'.|
|.'.','         /%%%%%%%%%%%%%\         ','.'.|
|.','          /%%%%%%%%%%%%%%%\          ','.|
|;____________/%%%%%Spicer%%%%%%\____________;|

Pixel-art without anti-aliasing

{:.pixels}

{:.pixels}

Source{:.site-link}

Full-width image/video

{:.full}

Shadow and rounded corners on image/video

{:.media}

...With zoom on hover

{:.media.hover}

All together!

{:.full.media.hover}

{:.full.media.hover}

Image descriptions

{:.media.full}

The Office where Stanley works, it has yellow floor and beige walls

Video

Everything above can be applied to videos too.

{:.media.full}

Red flower wakes up

Keyboard shortcut

<kbd>⌘ Super</kbd> + <kbd>Space</kbd>

⌘ Super + Space

Link to page (rightwards arrow)

{:.page-link}

Link to page{:.page-link}

Link to site (up-rightwards arrow)

{:.site-link}

Link to site{:.site-link}

Buttons

[Go to top](#top){: .inline-button}
[File an issue]({{site.issuesurl}})
{: .dialog-buttons}

Look at the end of page xD