Styling Test

This is a test post to see how the site styling looks. I'm going to try out a few different things to see how they look.

Headers

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lists

Unordered

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5

Ordered

1. Item 1
2. Item 2
3. Item 3
4. Item 4
5. Item 5

Links

GoogleGTA VII

Images

Code

def hello_world():
    print("Hello, world!")

struct Point {
    x: f64,
    y: f64,
}

impl Point {
    fn new(x: f64, y: f64) -> Point {
        Point { x, y }
    }
}

fn main() {
    let p = Point::new(1.0, 2.0);
    println!("({}, {})", p.x, p.y);
}

Tables

Blockquotes

This is a blockquote. It can span multiple lines. It can also contain bold and italic text. And even links: Google.

Horizontal Rules

Emphasis

Italic text

Bold text

Bold and italic text

Footnotes

This is a sentence with a footnote¹.

Superscript and Subscript

This is a superscript: x².

This is a subscript: H₂O.

Marker

This is a highlight: ==highlighted text==.

Math

This is an inline math equation: $e^{i\pi} + 1 = 0$.

This is a block math equation:

$$

\int_{-\infty}^{\infty} e^{-x^2} , dx = \sqrt{\pi}

$$

Checkboxes

• Checked
• Unchecked

Alerts

!info This is an info alert.

!danger This is a danger alert.

!success This is a success alert.

!important This is an important alert.

!caution This is a caution alert.

!note This is a note alert.

!tip This is a tip alert.

!question This is a question alert.

!quote This is a quote alert.

!deprecated This is a deprecated alert.

!example This is an example alert.

!todo This is a todo alert.

!done This is a done alert.

The alert component - Warning

The alert component - Danger

The alert component - Info

The alert component - Success

The alert component - Example

The alert component - Note

The alert component - Tip

The alert component - Important

The alert component - Caution

The alert component - Quote

Iframes

The colorations are supposed to automagically change based on what you're linking to.

YouTube:

Spotify:

Maps:

Audio

Bach's Prelude and Fugue in A minor:

Tables of Contents

• Header 1
  • Header 2
    • Header 3
      • Header 4
        • Header 5
          • Header 6
    • Text
    • Lists
      • Unordered
      • Ordered
    • Links
    • Images
    • Code
    • Tables
    • Blockquotes
    • Horizontal Rules
    • Emphasis
    • Footnotes
    • Superscript and Subscript
    • Marker
    • Math
    • Checkboxes
    • Alerts
    • Iframes
    • Audio
    • Tables of Contents
    • Embedded CSS
    • Embedded HTML
    • Embedded SVG
    • Embedded LaTeX
    • Interactive Scripting
    • Conclusion

Embedded CSS

Embedded HTML

<p>This is a paragraph inside the div.</p>

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

Embedded SVG

Embedded LaTeX

Euler’s identity $e^{i\pi}+1=0$ is a beautiful formula in $\mathbb{R}^2$.

$$ \frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right) = \left(\frac {y^{\omega}} {\omega}\right) \left{(\log y)^r + \sum_^r \frac {(-1)^ Ir \cdots (r-i+1) (\log y)^{ri}} {\omega^i} \right} $$

Interactive Scripting

On click, this button should change color:

Click me!

On click, this button should run JavaScript and create an alert:

Click me!

And this one uses a <script> tag to do the same thing:

Click me!

Conclusion

This is the end of the test post. I hope everything looks good!

• TheFelidae