home | section main page | rss feed

You're Lost!

Table of Contents

My ret2pop logo

Figure 1: Nice! You found my 404 Page!

1. Wow!

Is this an easter egg? No, it is not. You're lost, you're on the 404 page, this is obviously either your fault or the fault of whoever sent you this link. However, you can go back to my real website using the header above, and you can even finish reading this content.

1.1. What Is This Content?

You know what? I'm actually going to use this page to test if all my CSS on my page is actually working. Yeah. That's right. This webpage is actually going to make it to production, yet it's literally going to be used as a CSS stylesheet test page as well. Why? I guess I'm quirky.

1.1.1. Let's do even more nested headers

Because why not? I don't have anything against them.

1.1.1.1. Aren't Fourth Level Nested Headers Bad Design?

Yes, probably, but you know what, we're just going to run with it.

2. Visual Eye-Candy

Do you want to see some cool code blocks, and other such visual elements? Well you've discovered just the webpage! 

import math

print("hello, world!")
print("Yeah, we're going to write an amazing 404 page/504 page")
print("Okay yeah well you know")

x = 5
if x == 5:
    print("wow code is executing")
else:
    print("I have a fourth grade education")

print(math.pi)

hello, world!
Yeah, we're going to write an amazing 404 page/504 page
Okay yeah well you know
wow code is executing
3.141592653589793

You know I can also use multiple languages: 

{
  my_attrset = {
    deeply_nested_attrset = {
      this_is_too_nested = {
        wow_this_is_nested = {
          some_string = "asdf";
          some_int = 4;
          some_lambda = x: y: x + y;
          some_nested_also = {
            very_nested = {
              aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa = {
                hello = "hello";
              };
            };
          };
        };
      };
    };
  };
}

Or would you like to have a mix of very long and quite short latex blocks? I can do inline latex too: x=5x = 5.

x=5y=2(AD2+BD+C)(f)(x)=sin(ωt)1+2+3+4+…n=1+2+3+4+5+6+7+1+2+3+4+5+6+73\begin{aligned}x = 5 \\y = 2 \\(AD^{2} + BD + C)(f)(x) = sin(\omega t) \\1 + 2 + 3 + 4 + \ldots n = \frac{1 + 2 + 3 + 4 + 5 + 6 + 7 + 1 + 2 + 3 + 4 + 5 + 6 + 7}{3}\end{aligned}

Also you know what? I have some other display: block elements as well:

If I had to eat cheese, I would not be me. – Preston Pan

You know what, I could have lorum ipsum'd all of this, but instead I have written entertaining content that is almost as meaningless, you're welcome. 

lol, you really think this example means anything? Well, luckily for you, it does not.

These are really all important specialised visual elements that I use in order to style my website. Though there are also some other notable org-mode related ones:

3. TODO Wow, Look

It's a todo tag, and I can also create some other ones like this

3.1. DONE This One is Done

Okay yeah I mean title.

3.2. More Pill Styles   tagged

This one is tagged.

3.3. More Tags   thisisaverylongunbrokenstringtotestoverflowbehaviorandseewhetherthelayoutexplodesonsmallscreens

Okay, this is reading less like a quirky 404 page now and more like i'm just testing random elements. If you've made it this far, I'm genuinely surprised. You can see how I'm trying to break my website in real time.

Hopefully this smoke test will have caught something in its lifetime, or else I wasted a couple hours of my life for nothing. Are you lost, or am I lost?

Anyways. I really like inline footnotes. 1

4. TODO Extremely Important Heading   urgent work

DEADLINE: <2026-03-20 Fri> CLOSED: [2026-03-15 Sun 18:00]

5. Line Breaks

This line ends here.
This should appear on the next line.

6. Tables

In org mode, you can even write tables:

Album Author Good Description
Animals TTNG Y A really great quintessential album and deeply influential in math rock.
Ultra Ego Feed Me Jack Y A jazzy album that is also sort of indie rock, with a bit of math. Incredible artistic vision.
Somewhere City Origami Angel Y A feel good album that does emo rock in its essence and actually does it in an innovative way.
Technicolor Covet Y Mathy guitar with Yvette Young, a great guitarist and with amazing feel good vibes (you'd think it wouldn't be possible with mostly instrumental but it is)

These are all great albums. See? If you've discovered something here, you haven't wasted your time!

7. Other things

  • I can add list elements like this.
  • This seems to be a great way to test my website.
  • I am making sure to test things.

8. Ordered Lists

  1. It should be an ordered list.
  2. I should be able to parse this.
  3. I am really sure that this is nonsense.

9. Checkboxes

  • [ ] Check number one
    • [ ] Check number two (nested)
  • [X] Check number three

10. Links and Inline Markup

Here is an external link, a relative link, bold, italic, underline, strike, verbatim, and code.

11. Description List

Org
Powerful plaintext editing
CSS
The worst possible system anyone could have designed
Nix
An amazing language that everyone thinks is bad2

12. Some Footnotes

Here is a sentence with a footnote.3

13. More Blocks

Here is my very great poem:

The margins drift
The padding lies
The mobile breakpoint
Devours my eyes

We all love CSS
It's clearly so blessed
We must all kneel
at its behest

Now you wish that you read this! Also I can do magic tricks, like centering text!

Centered text test. I don't even use this in my website, though.

14. Overflow Tests

Source blocks! 

this-is-a-very-long-unbroken-string-to-test-overflow-behavior-and-see-whether-the-layout-explodes-on-small-screens

Examples! 

this-is-a-very-long-unbroken-string-to-test-overflow-behavior-and-see-whether-the-layout-explodes-on-small-screens

Quotations!

this-is-a-very-long-unbroken-string-to-test-overflow-behavior-and-see-whether-the-layout-explodes-on-small-screens

Verses!

this-is-a-very-long-unbroken-string-to-test-overflow-behavior-and-see-whether-the-layout-explodes-on-small-screens

There's more where that came from! this-is-a-very-long-unbroken-string-to-test-overflow-behavior-and-see-whether-the-layout-explodes-on-small-screens, this-is-a-very-long-unbroken-string-to-test-overflow-behavior-and-see-whether-the-layout-explodes-on-small-screens.

Table 1: Wide table test
Name Notes
A This is a very long table cell intended to test wrapping behavior on narrow screens and ensure the table does not become visually cursed
B Short
Name A Name B Name C Name D Name E Name F Name G Name H Name I Name J Name K Name L Name M
lol this is text hello world my name is preston pan, and this is a long message holy shit this table is extremely long Please stop this is cursed aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa what is going on with my website Please

15. Timestamps

  • Active: <2026-03-15 Sun>
  • Inactive: [2026-03-15 Sun]
  • Range: <2026-03-15 Sun>–<2026-03-16 Mon>
  • Diary-style: <2026-03-15 Sun +1w>

16. Conclusion

I've tested literally every single possible element on my website that I could think of. What a load of eye candy and random useless information! Anyways, if you like what you're looking at, you should probably see my main website.

Footnotes
1

Maybe I should use these elements for something useful instead of just for memes, eh?

2

This is a story for another day, but it's not that bad. The only problem is the lack of static typing.

3

This is a footnote for testing styling.