CSS Test Page

WARNING THIS POST MUST BE VIEWED THROUGH THE SITE
If you’re using an RSS reader, I suggest you click on whatever link there is that navigates to this post’s page 1 Footnote 1

Header1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid autem habent admirationis, cum prope accesseris? Hanc quoque iucunditatem, si vis, transfer in animum; Cur post Tarentum ad Archytam? Nunc omni virtuti vitium contrario nomine opponitur. Certe non potest. Ut necesse sit omnium rerum, quae natura vigeant, similem esse finem, non eundem. 2 Footnote 2

Header2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid autem habent admirationis, cum prope accesseris? Hanc quoque iucunditatem, si vis, transfer in animum; Cur post Tarentum ad Archytam? Nunc omni virtuti vitium contrario nomine opponitur. Certe non potest. Ut necesse sit omnium rerum, quae natura vigeant, similem esse finem, non eundem. 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Res enim concurrent contrariae. Sed tamen est aliquid, quod nobis non liceat, liceat illis. Ne in odium veniam, si amicum destitero tueri. Quasi ego id curem, quid ille aiat aut neget. Dici enim nihil potest verius. Sic enim censent, oportunitatis esse beate vivere. Duo Reges: constructio interrete. Ipse Epicurus fortasse redderet, ut [redacted]tus Peducaeus, [redacted].

Header3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid autem habent admirationis, cum prope accesseris? Hanc quoque iucunditatem, si vis, transfer in animum; Cur post Tarentum ad Archytam? Nunc omni virtuti vitium contrario nomine opponitur. Certe non potest. Ut necesse sit omnium rerum, quae natura vigeant, similem esse finem, non eundem.

Header4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid autem habent admirationis, cum prope accesseris? Hanc quoque iucunditatem, si vis, transfer in animum; Cur post Tarentum ad Archytam? Nunc omni virtuti vitium contrario nomine opponitur. Certe non potest. Ut necesse sit omnium rerum, quae natura vigeant, similem esse finem, non eundem.

Header5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid autem habent admirationis, cum prope accesseris? Hanc quoque iucunditatem, si vis, transfer in animum; Cur post Tarentum ad Archytam? Nunc omni virtuti vitium contrario nomine opponitur. Certe non potest. Ut necesse sit omnium rerum, quae natura vigeant, similem esse finem, non eundem.

Header6

Inline code bold italics


This is your pre. Unfortunately, I don't
think markdown has special tags for it.

And I had to hack the Markdown code to disable
how it uses "pre" and "code" as a code
block

Now on code block, it simply uses <pre class="code"></pre> which is much cleaner. And to achieve the effect, I just have to put 4 spaces before any text.

Here’s the blockquote in action. I initially wanted to separate a blockquote from an actual “quote” (for spacing purposes), but I looked at most of my posts, and I realized that I only use the indents when I’m quoting something. I guess this means I’ll be using the blockquote for quotes after all

Unordered List

  • List item 1
  • List item 2
  • List item 3
  • List item 4
  • List item 5
  • List item 6

Ordered List

  1. List item 1
  2. List item 2
  3. List item 3

Hyperlink test.

Image test

Top caption
With border
No border
Bottom caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Video embed test

Bottom caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Top caption
Manual Video Embed

Notes   [ + ]

1. Footnote 1
2. Footnote 2
3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Res enim concurrent contrariae. Sed tamen est aliquid, quod nobis non liceat, liceat illis. Ne in odium veniam, si amicum destitero tueri. Quasi ego id curem, quid ille aiat aut neget. Dici enim nihil potest verius. Sic enim censent, oportunitatis esse beate vivere. Duo Reges: constructio interrete. Ipse Epicurus fortasse redderet, ut [redacted]tus Peducaeus, [redacted].

Have a say

This site uses Akismet to reduce spam. Learn how your comment data is processed.