Window Manager Central

Format Test

This page is purely for testing how Hugo processes the markdown and to check the styles.

Text

  • Normal
  • Emphasis
  • Strong
  • Strong Emphasis
  • Inserted
  • Inserted Emphasis
  • Inserted Strong
  • Inserted Emphasis
  • Strikethrough
  • Strikethrough Emphasis
  • Strikethrough Strong
  • Strikethrough Emphasis
  • Inline Code
  • Code Emphasis
  • Code Strong
  • Code Strong Emphasis
  • Inserted Code
  • Inserted Code Strong Emphasis
  • Strikethrough Code
  • Strikethrough Code Strong Emphasis
  • Superscriptsup
  • Subscriptsub
  • Emphasis superscriptsup
  • Emphasissubscriptsub
  • Strong superscriptsup
  • Strong subscriptsub
  • Strong Emphasis superscriptsup
  • Strong Emphasissubscriptsub
  • Inserted superscriptsup
  • Inserted subscriptsub.
  • Inserted Strong Emphasis superscriptsup
  • Inserted Strong Emphasis subscriptsub
  • Strikethrough superscriptsup
  • Strikethrough subscriptsub.
  • Strikethrough Strong Emphasis superscriptsup
  • Strikethrough Strong Emphasis subscriptsub
  • Superscript and subscript togethersupsub

Symbols

≈ ~ = ≠ ∙ ÷ − + ± × ∕ > ≥ ∞ < ≤ % √

Diacritics

A Á Ă Â Ä À Ā Ą Ã E É Ě Ê Ë Ė È Ē Ę E É Ě Ê Ë Ė È Ē Ę F L Ĺ Ľ Ļ Ł M M N Ń Ň Ņ Ñ R Ŕ Ř Ŗ R Ŕ Ř Ŗ S T Ť Ţ Ț W n ń ň ņ ñ r ŕ ř ŗ t ť ţ ț y ý ÿ

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Lists

Unordered List

  • Uno
    • Uno del Uno
      • Uno del Uno del Uno
        • Uno del Uno del Uno del Uno
  • Dos
  • Tres

Ordered List

  1. Uno
    1. Uno del Uno
      1. Uno del Uno del Uno
        1. Uno del Uno del Uno del Uno
  2. Dos
  3. Tres

Mixed

  • Uno
    • Uno del Uno
      • Uno del Uno del Uno
        • Uno del Uno del Uno del Uno
    1. Uno
      1. Uno del Uno
        1. Uno del Uno del Uno
          1. Uno del Uno del Uno del Uno
    2. Dos
    3. Tres
  • Dos
  • Tres

Task List

  • Completed task
  • Task left to do

List with paragraphs

  • Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam.

  • Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam.

  • Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam.

Description Lists

Description Term One:
Description Details One
Description Term Two:
Description Details Two
html 
<dl>
    <dt>
        Description Term One
    </dt>
    <dd>
        Description Details One
    </dd>
    <dt>
        Description Term Two
    </dt>
    <dd>
        Description Details Two
    </dd>
</dl>

Tables

Compositor Tiling Language System
Hyprland Dynamic C++ Workspaces
River Dynamic Zig Tags
Mango Dynamic C Tags
Sway Manual C Workspaces
Niri Dynamic Rust Workspaces

Blockquotes

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.

  • Normal.
  • Emphasis.
  • Strong.
  • Strong Emphasis.
  • Inserted.
  • Inserted Emphasis.
  • Inserted Strong.
  • Inserted Strong Emphasis.
  • Strikethrough.
  • Strikethrough Emphasis.
  • Strikethrough Strong.
  • Strikethrough Strong Emphasis.
  • Inline Code.
  • Inline Code Inserted.
  • Inline Code Strikethrough.
html 
    <blockquote>
        <pre>
            blockquote {
                pre {
                    color: red;
                }
            }
        </pre>
    </blockquote>

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.

  • Normal.
  • Emphasis.
  • Strong.
  • Strong Emphasis.
  • Inserted.
  • Inserted Emphasis.
  • Inserted Strong.
  • Inserted Strong Emphasis.
  • Strikethrough.
  • Strikethrough Emphasis.
  • Strikethrough Strong.
  • Strikethrough Strong Emphasis.
  • Inline Code.
  • Inline Code Inserted.
  • Inline Code Strikethrough.
html 
    <blockquote>
        <pre>
            blockquote {
                pre {
                    color: red;
                }
            }
        </pre>
    </blockquote>

Callouts/Admonitions

Danger

Inner content

Warning

Inner content

Note

Inner content

Pin

Inner content

Tip

Inner content

Codeblocks

go 
package main

/*
multi line
comment
*/

// single line comment

import (
    "fmt"
)

func main() {
    fmt.PrintF("Yo mama so fat that she falls of the bed both sides.")
}
css 
/*This is a comment in a CSS codeblock*/

.line {
	display: inline-block;
	width: 100%;
	background: inherit;
}

Footnotes

Have your ever written a note on your foot? 1.

This is a very important2 thing that perhaps needs citing or further clarification. Or maybe it could be something3 that changed after the moment of writing an it is much convenient to just cite it down below.

Stop reading this shit4, seriously you really ought to find something5 better to do. But really there is nothing here4.

Shortcodes

Inline Quotation Element

Some random start of a paragraph, and then Some inline quotation inside of it that gives better context.

And a quotation using positional arguments just to make sure.

The <q> HTML element indicates that the enclosed text is a short inline quotation. Most modern browsers implement this by surrounding the text in quotation marks. This element is intended for short quotations that don’t require paragraph breaks; for long quotations use the <blockquote> element.

Keyboard Input Element

Super + Shift + 1

The <kbd> HTML element represents a span of inline text denoting textual user input from a keyboard, voice input, or any other text entry device. By convention, the user agent defaults to rendering the contents of a <kbd> element using its default monospace font, although this is not mandated by the HTML standard.

Mozilla HTML Reference

Unartiulated Annotation

This is a spelling mistake but this other spelling is not a mistake.

The <u> HTML element represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. This is rendered by default as a single solid underline, but may be altered using CSS.

Mozilla HTML Reference

Idiomatic Text Element

The word word is easy to pronounce, but the word the is even easier.

The <i> HTML element represents a range of text that is set off from the normal text for some reason, such as idiomatic text, technical terms, taxonomical designations, among others. Historically, these have been presented using italicized type, which is the original source of the <i> naming of this element.

Mozilla HTML Reference

Hugo Markup Extensions

  • marked text.
  • inserted text.
  • deleted text.
  • textsuperscript
  • textsubscript

  1. Have you ever written a note with your foot? ↩︎

  2. Very important reference that proves you did not pull this argument out of your ass. ↩︎

  3. I always make mistakes when writing lol. ↩︎

  4. Its just a page to test formatting, nothing to see here. ↩︎ ↩︎

  5. I dunno, maybe go install a random distro. ↩︎