Posts
Meta

Lorem Ipsum

  • 1444 words

This is a page in which I test and trial formatting, features, and typography by seeing how they interact in complex arrangements to catch edge cases. If you’d like to read the logic behind all of this, check out The Design of This Site.

Text Formatting

Escaping markdown can be done with *some slashes* (like so \*some slashes\*).

Normal text. Italic text. Bold text. Bold italic text. Strikethrough text. Italic strikethrough text. Bold strikethrough text. Bold italic strikethrough text. Code text. Code italic text. Code bold text. Code bold italic text. Code strikethrough text. Code bold italic strikethrough text.

Normal superscriptsup. Normal subscriptsub. Italic superscriptsup. Italic subscriptsub. Bold superscriptsup. Bold subscriptsub. Bold italic superscriptsup. Bold italic subscriptsub. Strikethrough superscriptsub. Strikethrough subscriptsub. Bold italic strikethrough superscriptsup. Bold italic strikethrough subscriptsub.

Superscript and subscript togethersupsub.

You can define structure with HTML then style it with CSS. You can do more interactive stuff with JS.

You can do a hard refresh on a webpage using Ctrl + Shift + R

Heading Levels

Quod provident corporis natus. Voluptatem sunt magnam nobis quo quas repudiandae magnam. Qui maxime dolor harum. Aspernatur tempore ea id sed fugit. Dolores cum tenetur in quisquam et maiores quam. Suscipit est aperiam rerum consectetur velit officiis.

Heading Level 4

Aliquam non sed beatae. Deleniti laborum ut eveniet autem. Aut incidunt sint ex ut occaecati. Praesentium et ut cumque beatae.

Heading Level 5

Quaerat deleniti quos accusamus sit qui. Est temporibus fugiat cupiditate aut sit hic ex cum. Ea quaerat non dolor et iure repellendus velit. Nihil ea tempore ut libero aperiam nulla aut necessitatibus. Est praesentium fuga rerum aut ipsa et aut id.

Heading Level 6

Aliquam laborum voluptate molestiae illo sunt dolorum. Qui fuga qui fuga impedit libero tenetur ex aliquam. Sit molestiae ut sint nulla deserunt molestiae eos veritatis. Neque perferendis culpa ad omnis. Ipsum nisi facere cum molestiae aut possimus exercitationem repellat. Voluptatum blanditiis optio officiis et quo.

Normal internal link. Code internal link. Bold italic strikethrough subscript internal linksub. Bold italic strikethrough superscript external linksup.

Anchor link. Code anchor link. Bold italic strikethrough subscript anchor linksub. Bold italic strikethrough superscript external linksup.

External link. Code external link. Bold italic strikethrough subscript external linksub. Bold italic strikethrough superscript external linksup.

Here is an abbreviation with a link: AM.

(Links specified with <>)
https://vale.rocks
[email protected]

Lists

Unordered List

  • Item one
    • Item one’s child
      • Item one’s child’s child
        • Item one’s child’s child’s child
  • Item two
  • Item three

Ordered List

  1. Item one
    1. Item one’s child
      1. Item one’s child’s child
      2. Item one’s child’s child’s sibling
        1. Item one’s child’s child’s sibling’s child
  2. Item two
  3. Item three

Task List

  • Completed task
  • Task left to do

Blockquotes

Normal text. Italic text. Bold text. Bold italic text. Strikethrough text. Italic strikethrough text. Bold strikethrough text. Bold italic strikethrough text. Code text. Code italic text. Code bold text. Code bold italic text. Code strikethrough text. Code bold italic strikethrough text.

Id deleniti eveniet non placeat quia libero. Non soluta consequatur sit accusamus illum veniam. Animi ab ab omnis iusto aut. Porro tempora fugit placeat perspiciatis et rem consectetur sequi.

Normal text. Italic text. Bold text. Bold italic text. Strikethrough text. Italic strikethrough text. Bold strikethrough text. Bold italic strikethrough text. Code text. Code italic text. Code bold text. Code bold italic text. Code strikethrough text. Code bold italic strikethrough text.

Id deleniti eveniet non placeat quia libero. Non soluta consequatur sit accusamus illum veniam. Animi ab ab omnis iusto aut. Porro tempora fugit placeat perspiciatis et rem consectetur sequi.

Normal text. Italic text. Bold text. Bold italic text. Strikethrough text. Italic strikethrough text. Bold strikethrough text. Bold italic strikethrough text. Code text. Code italic text. Code bold text. Code bold italic text. Code strikethrough text. Code bold italic strikethrough text.

Id deleniti eveniet non placeat quia libero. Non soluta consequatur sit accusamus illum veniam. Animi ab ab omnis iusto aut. Porro tempora fugit placeat perspiciatis et rem consectetur sequi.

Normal text. Italic text. Bold text. Bold italic text. Strikethrough text. Italic strikethrough text. Bold strikethrough text. Bold italic strikethrough text. Code text. Code italic text. Code bold text. Code bold italic text. Code strikethrough text. Code bold italic strikethrough text.

Id deleniti eveniet non placeat quia libero. Non soluta consequatur sit accusamus illum veniam. Animi ab ab omnis iusto aut. Porro tempora fugit placeat perspiciatis et rem consectetur sequi.

Tables

Vehicle Name Primary Users Vehicle Type Key Features Special Functions
Thunderbird 1 Scott Tracy Rocket-Powered VTOL Jet Sleek design, vertical take-off and landing (VTOL) High-speed, rescue operations, aerial manoeuvrability
Thunderbird 2 Virgil Tracy Transport Aircraft Large cargo hold, modular design, green color Carries vehicles for land and sea rescues
Thunderbird 3 Alan Tracy Space Rocket Red design, space travel capabilities Space missions, long-range travel
Thunderbird 4 Gordon Tracy Submarine Yellow, compact, built for underwater exploration Submarine for underwater rescue and exploration
Thunderbird 5 John Tracy Space Station Satellite orbiting Earth, advanced communication Monitoring global distress signals from space
Table presenting the various Thunderbirds vehicles.

Callouts/Alerts

Note

Important info users should be aware of, even when skimming.

Tip

Practical advice for improving or simplifying tasks.

Important

Critical info for achieving the desired outcome.

Warning

Urgent info requiring immediate attention to prevent issues.

Caution

Alerts about potential risks or negative consequences.

Codeblocks

/*This is a comment in a CSS codeblock*/
				
				.line {
					display: inline-block;
					width: 100%;
					background: inherit;
				}
				

End/Side Notes

There is a note after this 1.

Here is a lot of them, to see if they break… 2 3 4 5 6 7 8.

Definitions

Frood : Someone who is really amazingly together.

Defenestration : The act of throwing someone or some thing out of a window.

Schlock : Something that is low-quality, junky, or tacky.

Figures

Standard image not in a figure: A picture of a Flipper Zero sitting on a table.

A picture of a Flipper Zero sitting on a table.
Right floated figure with caption.
A picture of a Flipper Zero sitting on a table.
Left floated figure with caption.

Some placeholder text for presenting figure placements. Nihil totam accusantium voluptas sit ipsa est non vero. Aut occaecati fuga consequatur. Voluptatem ratione itaque dolorum. Laudantium commodi ratione recusandae autem. Nihil necessitatibus nobis sint.

Voluptatibus sunt voluptas sequi est sit rem. Molestiae veniam dolores sequi aut vitae dolores officiis. Ad enim facere non ullam sequi placeat aliquam et. Et voluptas praesentium doloribus saepe quibusdam omnis consectetur. Provident non architecto quisquam libero explicabo.

Eligendi harum fugit aut accusamus rerum illum ad quae. Ratione similique iste nostrum magni. Dolor tempore ipsum ullam. Repellat voluptatem voluptatem quia ducimus animi. Doloremque quisquam ut expedita sed.

Soluta inventore est quia ipsum doloribus repellat doloremque. Ratione aut enim deserunt quibusdam. Dolorem architecto maiores pariatur iure maxime illum. Nihil id aut fuga.

Magni pariatur qui molestias. Nemo voluptatem distinctio voluptate voluptate vitae odio nemo. Praesentium omnis beatae mollitia dolore quasi delectus. Non hic non natus.

Voluptatibus sunt voluptas sequi est sit rem. Molestiae veniam dolores sequi aut vitae dolores officiis. Ad enim facere non ullam sequi placeat aliquam et. Et voluptas praesentium doloribus saepe quibusdam omnis consectetur. Provident non architecto quisquam libero explicabo.

Colour Palette

Black Dark Grey Grey Bright Grey White Bright White Red Bright Red Orange Bright Orange Yellow Bright Yellow Green Bright Green Bright Blue Cyan Bright Cyan Magenta Bright Magenta

Black Dark Grey Grey Bright Grey White Bright White Red Bright Red Orange Bright Orange Yellow Bright Yellow Green Bright Green Bright Blue Cyan Bright Cyan Magenta Bright Magenta

Horizontal Rule

And finally, a nice horizontal rule…


Footnotes

  1. This is a footnote, but more accurately it’s an endnote, and it’ll appear as a sidenote on larger screens.

  2. Magni dolorum ipsa voluptas tempore est ut in. Dicta corrupti ipsa aspernatur. Soluta sunt quae impedit. Eos nobis accusantium ut amet.

  3. Id ex ipsum rerum tempore. Sunt ab deserunt impedit architecto reprehenderit ex. Corporis dolores qui accusamus dolorem. Laudantium optio voluptatem eum id qui. Est ut laborum unde.

  4. Dolor expedita repudiandae voluptas. Veritatis beatae quis impedit id veniam. Nisi illum animi voluptatem magnam labore sunt omnis.

  5. Est illo fuga autem fugiat qui quaerat inventore. Suscipit in aut vero libero labore ut. Facere enim nihil itaque. Enim aut dignissimos non velit autem odio quae. Libero et corrupti eos.

  6. Similique laboriosam quas ipsam molestias quia. Earum maxime quo veniam modi. Exercitationem et odit cum. Aspernatur et ad dolor voluptatem aperiam nihil et ut.

  7. Cum eligendi quaerat blanditiis. Nostrum distinctio vel veritatis ut quod vel ea ipsa. Doloribus quae quia quibusdam veritatis provident reiciendis reiciendis quisquam.

  8. Eaque perferendis eos illo. Cum quos qui aut commodi. Et cumque quaerat molestiae. Quo laboriosam itaque odit dolorem perferendis eius.