SevenOfAces/personal-site
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions
personal-site/public/blog/styling_test.md

4.8 KiB
Raw Blame History

title description date tags
Styling Test A test post to see how the site styling looks 2024-12-31
meta
web

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

Google GTA VII

Images

A cat

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

One Two Three
1 2 3
4 5 6
7 8 9

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 footnote1.

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

Videos

Audio

Your browser does not support the audio element.

Tables of Contents

Embedded CSS

This text is red.

This text is glowing.

Embedded HTML

This is a div with a light blue background. 
<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

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

Interactive Scripting

On click, this button should change color:

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

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

Conclusion

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

  • TheFelidae

  1. This is the footnote. ↩︎