Quiesseture, the miracle itself

Abstract

Background: With the emergence of Labyrinths, the materials and manifestations of cores in subjects across the world has led to an increase of interest in the abilities and substances produced from these subjects. The ability and substances produced will be referred to as Quiesseture or ‘Esse’ for the sake of brevity. Esse enables those that have manifested cores to manipulate matter through a series of lengthy procedures and material manipulation that alters the world in enigmatic ways. While many experiments have been conducted on the use and scope of Esse, no experiment since its discovery has shown the results of exposing subjects or the labyrinth environment to Esse that has been altered outside of the Core Managers and a Labyrinth Environment. After repeated negotiations with the Ego of Labyrinth Grames who has agreed to lend the team and the research subjects its territory, the team took 3 instruments used to measure Esse activity and record our findings. Professor Enriste managed the tools necessary for the Esse Conversion, Diffusion, and Integration(ECDI) procedures, Professor Morto as a core user utilized the Measurement Protocol Gloves(MPG), and Professor Remier took Assistant Bright who possesses a core suitable for absorption as well as the Artificial Synthesis Core that has received approval from Institute to be taken on its first test run.

All subjects are voluntary (n=85) and the institute has received informed consent from the subjects and the experiment design was approved by both the Board of Labyrinth Management Ethics and The National Labyrinth Foundation.

What Changed the World?

I'm literally tired I'll write this tomorrow

Role of Esse

Please I'll write more of this I dont want to transfer it tonight.

Theoretical Origins

"Insert nasty quote here"

I will make everything sick and nasty eventually

Alterations Caused by Esse

I have to go through 200 pages and cut it down why did I do this no one wanted me to do this.

<div class="theorem">...</div>
<div class="definition">...</div>
<div class="lemma">...</div>
<div class="proof">...</div>

Below are some examples.

Proofs & Theorems

The real numbers $\mathbb{R}$ are uncountable.

If $\mathbb{R}$ is countable, then [0, 1] is countable as well. Hence there exists a map C from $\mathbb{N}$ onto [0, 1] with $$C(n)=\sum_{i=1}^{\infty} c_{i}(n) 10^{-i}$$ where $c_{i}(n) \in\{0,1, \ldots, 9\},$ are the digits in decimal expansion. Now consider a real number $$x=\sum_{i=1}^{\infty} \bar{c}_{i} 10^{-i} \in[0,1]$$ with $\bar{c}_{i} \neq c_{i}(i)$. Obviously $C(n) \neq x$ for all $n \in \mathbb{N} .$ Hence $C$ is not onto. A contradiction.

If $S$ is both countable and infinite, then there is a bijection between $S$ and $\boldsymbol{N}$ itself.¹

For any $s \in S,$ we let $f(s)$ denote the value of $k$ such that $s$ is the $k$ the smallest element of $S .$ This map is well defined for any $s,$ because there are only finitely many natural numbers between 1 and $s .$ It is impossible for two different elements of $S$ to both be the $k$ the smallest element of $S$. Hence $f$ is one-to-one. Also, since $S$ is infinite, $f$ is onto.

Lemmas

An even number plus an even number results in an even number.

Definitions

A definition is a a statement of the meaning of a word or word group or a sign or symbol.²

Paragraphs

In order to get automatic first line indentation of paragraphs, like in default LaTeX articles, the class indent-pars can be used with article tag.

<article class="indent-pars">
  ...
</article>

The CSS style provided follows babel specific language rules: by default, the first paragraph after a section title is not indented in English, unlike Spanish and French languages.

To avoid first line indentation of some specific paragraph, the class no-indent can be used.

<p class="no-indent">...</p>

Text Justification

By default, text content is aligned to the left. If you want to justify the text like in LaTeX documents, you can use the class text-justify on the body element.

It is important to consider that elements such as long URLs or long inline code snippets can lead to irregular word spacing, which in turn degrades readability. It's the author's responsibility to format problematic elements like switching to a code block, moving the URLs to a separate line, inserting word break opportunities or modifying the way the line breaks are inserted.

To address the latter of these methods, the class break-all can be used. When applied to an element, the browser is allowed to insert line breaks at any point between two characters. Keep in mind that this does not preserve whole words, so it is recommended to use it only when necessary.

Table Classes

Custom Table Borders

To add custom borders to the table, you should use the class borders-custom with <table> tag, to begin with a table without any border. The classes border-<position>-thin and border-<position>-thick, are available, where <position> can take one of the values: top, right, bottom, left.

<table class="borders-custom ...">
  <tr class="border-bottom-thick">
    <td>...</td><td>...</td><td>...</td>
  </tr>
  <tr class="border-bottom-thin">
    <td>...</td><td>...</td><td>...</td>
  </tr>
  ...

See full examples in the section about tables.

Table Column Alignment

For each column of the table, there is one class for left, center or right alignment, up to 12 columns: col-<n>-l, col-<n>-c, col-<n>-r, n=1, ...,12. For example, a table with 3 columns using the following classes

<table class="col-1-l col-2-c col-3-r">
  <tr>
    <td>...</td><td>...</td><td>...</td>
  </tr>
  ...

aligns the first column to the left, centers the second one and aligns the third to the right.

See full examples in the section about tables.

Automatic Hyphenation

By default, hyphenation is allowed for all words in the document when text wraps across multiple lines, except for code snippets. If you want to avoid this behaviour for a specific word (for example, for a hyphenated compound word), you can use the whitespace-nowrap utility class to prevent line breaks inside an element.

Language Support

The labels of theorems, definitions, lemmas and proofs can be changed to other supported language by including the following snippet, linking to the desired language in addition to the main CSS file.

<link rel="stylesheet" href="https://latex.vercel.app/lang/es.css" />
  ...
<html lang="es">

Take a peek at the language support demo to see how the labels of the different languages change.

Sidenotes

Sidenotes can be used as an alternative to footnotes, where the user does not have to jump to the bottom of the page to read it. On mobile, click the superscript to reveal the noteYay, sidenotes!. If you are on mobile, I will appear inline. If you are using a larger screen, the sidenote will appear to the right of the text..

Sidenotes do need a little bit of setup, they are made up of a label, an invisible checkbox on top of the number and a span with the text inside. The superscript is set automatically and incremented using CSS when the checkbox has a class of sidenote-number.

<label for="sn-1" class="sidenote-toggle sidenote-number"></label>
<input type="checkbox" id="sn-1" class="sidenote-toggle" />
<span class="sidenote"><!-- sidenote content --></span>

If you do not need superscripted numbers, you can opt out of the sidenote-number class and the sidenote will not have a number assigned. On a smaller screen, you will need to add a symbol inside the label for the user to click on. ⊕This is a sidenote without a number.

The snippet for a sidenote without a number is very similar:

<label for="sn-anything" class="sidenote-toggle">⊕</label>
<input type="checkbox" id="sn-anything" class="sidenote-toggle" />
<span class="sidenote"><!-- sidenote content --></span>

Add a class of left to the span with the sidenote class to make the note appear on the left side of the page instead of the right.

The symbol you could use to indicate a sidenote is up to you. What about this notebook. 📝A notebook indicating a note. Aha.
(if on a large screen, resize to mobile to see the emoji)

Dark Mode

There is built-in support for dark mode. By default, the document is in light mode. To enable dark mode, add the latex-dark class to the <body> element. This will force the document to be in dark mode.

If you want enable dark mode based on the prefers-color-scheme CSS media query, then use the latex-dark-auto class instead.

You can also add a dark mode toggle to your site by adding a button and a tiny bit of JavaScript:

<button id="dark-mode-toggle">Toggle dark mode</button>

document
  .querySelector("#dark-mode-toggle")
  .addEventListener('click', () => {
     document.body.classList.toggle("latex-dark");
  });

Like this:

Alternative Typeface

LaTeX.css uses Latin Modern by default. If you don't like this typeface (hard to read, too thin, etc.), you can switch to the Libertinus font family by adding a class of libertinus to the <body> tag. Click the button below to switch between Latin Modern and Libertinus.

HTML Elements

For a preview of all HTML elements with LaTeX.css, check out the HTML5 elements test page.

Text Formatting

This sentence is bold. If you like semantics, you might go with strong or emphasized text. If not, italic is still around. Small text is for fine print. Your copy can also be _subscripted and ^{superscripted}, inserted, ~~deleted~~, or highlighted. You would use a hyperlink to go to a new page. Keyboard input elements like Cmd + Shift are used to display textual user input.

Blockquotes

Give me six hours to chop down a tree and I will spend the first four sharpening the axe. — Abraham Lincoln

Definition Lists

Definition Title One: First definition description
Binomial theorem: $$(x+y)^{n}=\sum_{k=0}^{n}\left(\begin{array}{l}n \\ k\end{array}\right) x^{n-k} y^{k}=\sum_{k=0}^{n}\left(\begin{array}{l}n \\ k\end{array}\right) x^{k} y^{n-k}$$

Tables

A sample table with a descriptive caption.
Header 1	Header 2	Header 3
Footer 1	Footer 2	Footer 3
Description 1	Description 2	Description 3
Description 1	Description 2	Description 3
Description 1	Description 2	Description 3

Example table taken from this paper on how to produce quality tables with LaTeX.
Item
Animal	Description	Price ($)
Gnat	per gram	13.65
Gnu	stuffed	92.50
Emu	stuffed	33.33
Armadillo	frozen	8.99

Color names and values.
Name	HEX	HSL	RGB
Teal	`#008080`	`hsl(180, 100%, 25%)`	`rgb(0, 128, 128)`
Goldenrod	`#daa520`	`hsl(43, 74%, 49%)`	`rgb(218, 165, 32)`
Cornflowerblue	`#6495ed`	`hsl(219, 79%, 66%)`	`rgb(100, 149, 237)`
Lightcoral	`#f08080`	`hsl(0, 79%, 72%)`	`rgb(240, 128, 128)`

Example table with custom borders and aligment.
De Morgan's Law: $\lnot P \lor \lnot Q \iff \lnot (P \land Q)$
TRUTH TABLE
$P$	$Q$	$\lnot P$	$\lnot Q$	$P \land Q$	$\lnot P \lor \lnot Q$	$\lnot (P \land Q)$
T	T	F	F	T	F	F
T	F	F	T	F	T	T
F	T	T	F	F	T	T
F	F	T	T	F	T	T

Close approaches to the Earth by NEOs.
CA Date	Object Name	Diameter	Dist. Min. (LD)
2023-Jul-10	2018 NW	7.3m-16m	0.287
2023-Jul-10	2023 LN1	45m-00m	17.813
2023-Jul-11	2023 MD2	36m-80m	5.570
2023-Jul-11	2023 NE	32m-70m	11.253
2023-Jul-11	2023 MQ1	28m-62m	10.716
2023-Jul-12	2023 OM	20m-46m	7.628
2023-Jul-12	2018 UY	190m-420m	7.412

Images

Miscellaneous

Scroll Overflow

It is best to break up long equations into smaller parts, but when this isn't possible, consider wrapping the overflowing element with a class of scroll-wrapper to allow scrolling on the x-axis. Large tables should also be wrapped with this class.

Below is an example of a long equation with overflow scroll.

$$(1+x)^{n}=1+n x+\frac{n(n-1)}{2 !} x^{2}+\frac{n(n-1)(n-2)}{3 !} x^{3}+\frac{n(n-1)(n-2)(n-3)}{4 !} x^{4}+\frac{n(n-1)(n-2)(n-3)(n-4)}{5 !} x^{5}+\ldots$$

Syntax Highlighting

If you need syntax highlighting for code, LaTeX.css provides a PrismJS theme that immitates the minted package for LaTeX. Add the following stylesheet and script:

<link rel="stylesheet" href="https://latex.vercel.app/prism/prism.css">

<script src="https://cdn.jsdelivr.net/npm/prismjs/prism.min.js"></script>

And use it like this:

<pre>
  <code class="language-html">
    <!-- your HTML code snippet -->
  </code>
</pre>

Change which languages Prism highlights by customising the script here.

1. From https://www.math.brown.edu/~res/MFS/handout8.pdf. ↩

2. “Definition.” Merriam-Webster.com Dictionary, Merriam-Webster, https://www.merriam-webster.com/dictionary/definition. Accessed 18 May. 2020. ↩