In computing, stress testing (sometimes called torture testing) can be applied to either hardware or software. It is used to determine the maximum capability of a computer system and is often used for purposes such as scaling for production use and ensuring reliability and stability.

Stress Testing – A page to help test the styling of this site so it stays readable/nice looking regardless of what html I throw at it

Cat ipsum dolor sit amet, i see a bird i stare at it i meow at it i do a wiggle come here birdy all of a sudden cat goes crazy or cry louder at reflection for good now the other hand, too. Head nudges chase red laser dot you have cat to be kitten me right meow.
☰

Heading Styling

Heading 2 – <h2>

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Heading 2 – .vh2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Heading 3 – <h3>

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Heading 3 – .vh3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Heading 4 – <h4>

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Heading 4 – .vh4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Heading 5 – <h5>

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Heading 5 – .vh5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Heading 6 – <h6>

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Heading 6 – .vh6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Heading 2 (Centered)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Heading 2 (Right)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Heading 2 (.indent-1)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Heading 2 (.indent-2)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Standard Elements

Basics

Normal Bold Italicized Both Underline Strikethrough Code Keyboard Empty Link Internal Link External Link Marked

Emphasis Abbreviation Quote Sample Small Strong Subscript Superscript Variable Deletion Insertion

Parenthesis Spoiler Hover card

Italics

Italicized Bold Underline Strikethrough Code Keyboard Empty Link Internal Link External Link Marked

Italicized Bold Underline Strikethrough Code Keyboard Empty Link Internal Link External Link Marked

Bold

Bold Italicized Underline Strikethrough Code Keyboard Empty Link Internal Link External Link Marked

Bold Italicized Both Underline Strikethrough Code Keyboard Empty Link Internal Link External Link Marked

Blockquotes

Lone 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.
Blockquote with <cite> after it
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.
A Lorem Ipsum Generator

Nested blockquotes
Normal Italics bold bold italics emphasis strikethrough parenthesis keyboard code spoiler

Normal Italics bold bold italics emphasis strikethrough parenthesis keyboard code spoiler

Normal Italics bold bold italics emphasis strikethrough parenthesis keyboard code spoiler

Normal Italics bold bold italics emphasis strikethrough parenthesis keyboard code spoiler

Normal Italics bold bold italics emphasis strikethrough parenthesis keyboard code spoiler

Normal Italics bold bold italics emphasis strikethrough parenthesis keyboard code spoiler

Knobhead, the 2nd
Knobhead 4
Knobhead Prime

<details> & <summary>

This is a normal box.

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

This is an error box.

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

This is a list.

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

This is a warning box.

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

This is a box full of images.

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

This is an blue box.

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

This is a mystery box.

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

This box contains other boxes.
This is an error box.
This is a list.
This is a warning box.
This is a green box.
This is a blue box.
This is an info box.

This is a paragraphHovercard. Spoiler.. Spoiler

.details-box

.db-title

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Normal italics bold emphasis strikethrough parenthesis keyboard code spoiler

Lists

Unordered

Ordered

  1. First
    1. Second
      1. Third
        1. Fourth
          1. Fifth
            1. Sixth

List Item Markers

Preformatted – <pre>

Line 1
Line 2
Eat half my food and ask for more rub face on everything jumps off balcony gives owner dead mouse at present then poops in litter box snatches yarn and fights with dog cat chases laser then plays in grass finds tiny spot in cupboard and sleeps all day jumps in bathtub and meows when owner fills food dish the cat knocks over the food dish cat slides down the water slide and into pool and swims even though it does not like water. Cough cat walks in keyboard love blinks and purr purr purr purr yawn.

.code

Line 1
Line 2
Eat half my food and ask for more rub face on everything jumps off balcony gives owner dead mouse at present then poops in litter box snatches yarn and fights with dog cat chases laser then plays in grass finds tiny spot in cupboard and sleeps all day jumps in bathtub and meows when owner fills food dish the cat knocks over the food dish cat slides down the water slide and into pool and swims even though it does not like water. Cough cat walks in keyboard love blinks and purr purr purr purr yawn.
# Bigger bash script from https://learnxinyminutes.com/bash/ to test overflow

#!/usr/bin/env bash
# First line of the script is the shebang which tells the system how to execute
# the script: https://en.wikipedia.org/wiki/Shebang_(Unix)
# As you already figured, comments start with #. Shebang is also a comment.

# Simple hello world example:
echo "Hello world!" # => Hello world!

# Each command starts on a new line, or after a semicolon:
echo "This is the first command"; echo "This is the second command"
# => This is the first command
# => This is the second command

# Declaring a variable looks like this:
variable="Some string"

# But not like this:
variable = "Some string" # => returns error "variable: command not found"
# Bash will decide that `variable` is a command it must execute and give an error
# because it can't be found.

# Nor like this:
variable= "Some string" # => returns error: "Some string: command not found"
# Bash will decide that "Some string" is a command it must execute and give an
# error because it can't be found. In this case the "variable=" part is seen
# as a variable assignment valid only for the scope of the "Some string"
# command.

# Using the variable:
echo "$variable" # => Some string
echo '$variable' # => $variable
# When you use a variable itself — assign it, export it, or else — you write
# its name without $. If you want to use the variable's value, you should use $.
# Note that ' (single quote) won't expand variables!
# You can write variables without surrounding double quotes but it's not
# recommended due to how Bash handles variables with spaces in them.

# Parameter expansion ${...}:
echo "${variable}" # => Some string
# This is a simple usage of parameter expansion such as two examples above.
# Parameter expansion gets a value from a variable.
# It "expands" or prints the value.
# During the expansion time the value or parameter can be modified.
# Below are other modifications that add onto this expansion.

# String substitution in variables:
echo "${variable/Some/A}" # => A string
# This will substitute the first occurrence of "Some" with "A".

.txt

Line 1
Line 2
Eat half my food and ask for more rub face on everything jumps off balcony gives owner dead mouse at present then poops in litter box snatches yarn and fights with dog cat chases laser then plays in grass finds tiny spot in cupboard and sleeps all day jumps in bathtub and meows when owner fills food dish the cat knocks over the food dish cat slides down the water slide and into pool and swims even though it does not like water. Cough cat walks in keyboard love blinks and purr purr purr purr yawn.

Images, <figure> & <figcaption>

A simple image with a simple caption
.figure-right with --width = 40%;
Another .figure-right below the right one in the source code with --width = 20%;
.figure-left with --width = 5%;
.figure-left with --width = 95%;
normal bold italic link hovercard kbd

Custom Stylings

Hovercards

Edge cases with anchors without href attribute. Useless to cater to because it pretty much never happens.

Alt. Hovercards

Using <details> & <summary> for assumedly better accessability (screen readers, CTRL + F, text-based browsers)

In short: Not viable because of <p> tags automatically closing when using a <details> in them */

This is a normal paragraph.

This is one with an

alternative hovercard

It is a bit more ass to write in source code, but would hopefully make more sense semantically to screen readers or terminal-based browser!

in it!

Parenthesis

a[href], then h-c

h-c, then a[href]

Spoilers

A typical SCP document:

This is a text about forbidden knawledge. Multi-Line: Pee on walls it smells like breakfast pee in the shoe. Poop on floor and watch human clean up mesmerizing birds. Immediately regret falling into bathtub plan steps for world domination spend six hours per day washing, but still have a crusty butthole but cats making all the muffins open the door, let me out, let me out, let me-out, let me-aow, let meaow, meaow! i will ruin the couch with my claws. Poop on grasses. Put toy mouse in food bowl run out of litter box at full speed meow to be let in.

Hmm? Oh lord, what's this? Multiple spoilers in a spoiler? That's kind of weird. I wonder what's in the next one? amoguswow..!

Morbid Imagery:

This is a hovercard with spoilers inside
Spoilers

This is a text about forbidden knawledge. Multi-Line: Pee on walls it smells like breakfast pee in the shoe. Poop on floor and watch human clean up mesmerizing birds. Immediately regret falling into bathtub plan steps for world domination spend six hours per day washing, but still have a crusty butthole but cats making all the muffins open the door, let me out, let me out, let me-out, let me-aow, let meaow, meaow! i will ruin the couch with my claws. Poop on grasses. Put toy mouse in food bowl run out of litter box at full speed meow to be let in.

Hmm? Oh lord, what's this? Multiple spoilers in a spoiler? That's kind of weird. I wonder what's in the next one? amoguswow..!

(Click and Hold)

.groups

.box

/ Ayy / Bee / Sea /
/ Dee / Eee / Eff /
/ Gee / Age / Eye /

.list-box

.box-title

Emotes

Sit in a box for hours licks paws eat a rug and furry furry hairs everywhere oh no human coming lie on counter don't get off counter where is my slave? I'm getting hungry for break lamps and curl up into a ball spend six hours per day washing, but still have a crusty butthole, chew the plant. Haha you hold me hooman i scratch. Thinking longingly about tuna brine meoooow or stares at human while pushing stuff off a table hate dog , yet headbutt owner's knee. Whatever. Poop in the plant pot meow ccccccccccccaaaaaaaaaaaaaaatttttttttttttttttssssssssssssssss but leave hair on owner's clothes while happily ignoring when being called or hiss and stare at nothing then run suddenly away eat a rug and furry furry hairs everywhere oh no human coming lie on counter don't get off counter. Hate dog chew iPad power cord grass smells good. Check cat door for ambush 10 times before coming in demand to have some of whatever the human is cooking, then sniff the offering and walk away throw down all the stuff in the kitchen, so leave hair on owner's clothes for catch mouse and gave it as a present get my claw stuck in the dog's ear. Eat fish on floor meow, or rub my belly hiss play riveting piece on synthesizer keyboard but cat not kitten around . Steal the warm chair right after you get up i is playing on your console hooman cats go for world domination and paw at beetle and eat it before it gets away for attack dog, run away and pretend to be victim. Reaches under door into adjacent room the fat cat sat on the mat bat away with paws, munch, munch, chomp, chomp so make meme, make cute face eat too much then proceed to regurgitate all over living room carpet while humans eat dinner leave dead animals as gifts.

Syntax Highlighting

Implemented via jekyll using {% highlight <Language> %} and featuring simplistic two tone styling inspired by gwern.net

/ Usage instructions / List of valid Languages /

HTML

<html lang="en">
<head>
	<meta charset="UTF-8">
	
	<title>{{ page.title }}{%if page.title-append %} – SquaredPancake{% endif %}</title>
	<meta name="author" content="{% if page.author %}{{ page.author }}{% else %}SquaredPancake{% endif %}">
	{% if page.description %}<meta name="description" content="{{ page.description }}">{%endif%}
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0" /><!--For better mobile support out of the box-->
	
	<link rel="shortcut icon" href="/assets/icon.png">
	<link rel="stylesheet" href="/css/simple-dark.css" id="main-theme">{% if page.css %}{% for file in page.css %}
	<link rel="stylesheet" href="{{file}}">{% endfor %}{% endif %}{% if page.finished == false %}

	<link rel="stylesheet" href="/css/unfinished.css">{% endif%}{% ifhascontent style %}{% contentblock style no-convert %}{% endifhascontent %}
</head>
<body{% contentblock body-attributes %}>
	<header>
		<div id="header-top">
			<h1 {% if page.header-hover %} title="{{ page.header-hover }}"{% endif %}>{{ page.header-title }}</h1>
			<p id="title-subtitle"{% if page.subheader-hover %} title="{{ page.subheader-hover }}"{% endif %}>{% if page.subheader-title %}{{ page.subheader-title }}{% else %}&nbsp;{% endif %}</p>
			<div id="page-updated" title="Date this page was last updated on">{{ page.last_modified_at | date: '%d. %B, %Y'}}</div>
		</div>
		
		<nav>
			<a id="splash-link" href="/" title="Splash Page">∗</a>
			{% for item in site.data.simple %}/ {% if page.url != item.link %}<a href="{{item.link}}"{% if page.url contains item.subdir %} class="subdir"{% endif %}>{% endif %}{{item.name}}{% if page.url != item.link %}</a>{% endif %}
			{% endfor %}/
			<a id="old-page-link" href="/old/main/home" title="Old Website">∗</a>
		</nav>{% if page.current %}
		
		<div id="current">
			{{ page.current }}
		</div>{% endif %}
	</header>
	
	{{ content }}
</body>
</html>

CSS

/* Shuffles the colors of headings around like this website's headings */
/* Might look weird when using a theme other than "Things" */
body {
	--inline-title-color: var(--text-normal); /* h1 */
	--h2-color: #e83e3e;
	--h3-color: #e5b567;
	--h4-color: #43cc53; /* #33a040 */
	--h5-color: #4a9bf2;
	--h6-color: #b75fff;
}

/* Removes top padding for every heading because I just want to space stuff apart using spaces + it's annoying when the whole text shifts around when I edit a heading */
.cm-s-obsidian .cm-line.HyperMD-header {
	/* Absolutely NO PADDING TOP *very illegal* */
	padding-top: 0;
}

/* Adds a fancy seperation line between file contents & file name */
/* Requires "Options > Appearance > Interface > Show inline title" to be enabled */
.inline-title {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid gray;
	overflow-wrap: break-word;
}

/* Makes *emphasis / italics* grey text out instead of slanting it */
.cm-em, em {
	opacity: 0.6;
	color: var(--color-base-100) !important;
	font-style: normal;
}

div.markdown-embed[src] :is(h1,h2,h3,h4,h5,h6) {
	margin-top: 0;
	font-size: 16px;
	color: var(--color-accent);
}

/* The next few rules are for placing the Iconize icon of a text file next to the title, faded into the background */
/* Note that this works fine with Icons prefixed with a "Li", but when using other icon types like emojis, the padding was all over the place, so be warned! */
div.iconize-inline-title-wrapper {
	display: block !important;
	position: relative;
	width: unset;
}

div.iconize-inline-title-wrapper > div.iconize-title-icon {
	position: absolute;
	/*scale: 1.6;*/
	opacity: 0.33;
	right: 6px;
	bottom: 27px;
	min-width: 32.641px;
	height: 32.641px;
	font-size: 27.2px;
	margin-right: 0;
	
	pointer-events: none;
	text-align: right;
}

body.is-mobile div.iconize-inline-title-wrapper > div.iconize-title-icon {
	bottom: 37px;
}

/* div.iconize-inline-title-wrapper > div.iconize.title-icon:only-child */
/*.markdown-source-view div.iconize-inline-title-wrapper > div.iconize-title-icon {
	bottom: 37px;
	z-index: -1;
}*/

div.iconize-inline-title-wrapper > div.iconize-title-icon > svg {
	scale: calc(32.641 / 27.2 );
	position: relative;
	left: -2px;
	top: -1px;
	transform: translateY(9%);
}

shell (bash, zsh, ksh, sh)

#!/usr/bin/env bash
# First line of the script is the shebang which tells the system how to execute
# the script: https://en.wikipedia.org/wiki/Shebang_(Unix)
# As you already figured, comments start with #. Shebang is also a comment.

# Simple hello world example:
echo "Hello world!" # => Hello world!

# Each command starts on a new line, or after a semicolon:
echo "This is the first command"; echo "This is the second command"
# => This is the first command
# => This is the second command

# Declaring a variable looks like this:
variable="Some string"

# But not like this:
variable = "Some string" # => returns error "variable: command not found"
# Bash will decide that `variable` is a command it must execute and give an error
# because it can't be found.

# Nor like this:
variable= "Some string" # => returns error: "Some string: command not found"
# Bash will decide that "Some string" is a command it must execute and give an
# error because it can't be found. In this case the "variable=" part is seen
# as a variable assignment valid only for the scope of the "Some string"
# command.

# Using the variable:
echo "$variable" # => Some string
echo '$variable' # => $variable
# When you use a variable itself — assign it, export it, or else — you write
# its name without $. If you want to use the variable's value, you should use $.
# Note that ' (single quote) won't expand variables!
# You can write variables without surrounding double quotes but it's not
# recommended due to how Bash handles variables with spaces in them.

# Parameter expansion ${...}:
echo "${variable}" # => Some string
# This is a simple usage of parameter expansion such as two examples above.
# Parameter expansion gets a value from a variable.
# It "expands" or prints the value.
# During the expansion time the value or parameter can be modified.
# Below are other modifications that add onto this expansion.

# String substitution in variables:
echo "${variable/Some/A}" # => A string
# This will substitute the first occurrence of "Some" with "A".

Visibility testing

Long-Form Writing

Cat Ipsum

Nap all day cat dog hate mouse eat string barf pillow no baths hate everything but kitty poochy. Sleep on keyboard toy mouse squeak roll over. Mesmerizing birds. Poop on grasses licks paws destroy couch intently sniff hand. The dog smells bad gnaw the corn cob.

Plays league of legends (stare out the window). Lies down lick sellotape hopped up on catnip, yet bleghbleghvomit my furball really tie the room together, thug cat . Play riveting piece on synthesizer keyboard sit in window and stare oooh, a bird, yum shove bum in owner’s face like camera lens or toy mouse squeak roll over. Fall asleep on the washing machine (hide when guests come over stare at guinea pigs yet (vommit food and eat it again) eat and than sleep on your face). Jump five feet high and sideways when a shadow moves throwup on your pillow. Missing until dinner time. Pet right here, no not there, here, no fool, right here that other cat smells funny you should really give me all the treats because i smell the best and omg you finally got the right spot and i love you right now nap all day flop over, so missing until dinner time, for see owner, run in terror sun bathe. Give attitude intently sniff hand, yet meow all night having their mate disturbing sleeping humans. Lounge in doorway chase imaginary bugs.

Margins

Paragraph

Paragraph

Paragraph

Modular .css

/css/shareables-group.css

Image 1 Image 2 Image 3 Image 4 Image 5 Image 6 Image 7 Image 8 Image 9 Image 10 Image 11 Image 12 Image 13 Image 14 Image 15 Image 16 Image 17 Image 18 Image 19 Image 20

/css/rgames-group.css

/css/album-group.css

/css/music.css

/css/console.css

Heading 2

Paragraph. Only h2 & h3 are implemented since there's no need for the other types.

Normal Italics bold bold italics emphasis strikethrough parenthesis keyboard code spoiler link link with href hovercard abbreviation abbreviation with title mark quote sample small strong subscript superscript underline

Heading 3