Sample Blog

A sample post with tons of elements to test the styles and layout

SMJ
loading... read

🔒 This is a Hidden Post If you have landed here, wow!

This may also be a draft, share feedback, reachout to me!

⚠️ This post was last updated on March 4, 2015 and the content may be OUTDATED!

If you encounter any issues, please feel free to reachout to me!

NOTE

Useful information that users should know, even when skimming content.

TIP

Helpful advice for doing things better or more easily.

IMPORTANT

Key information users need to know to achieve their goal.

WARNING

Urgent info that needs immediate user attention to avoid problems.

CAUTION

Advises about risks or negative outcomes of certain actions.

This is a sample blog posts to test and tweak the components and elements present in the blog posts. Please enjoy/ignore accordingly.

This is a sample blog

test webmentions

Test 1 Test 2 Test 3 Test 4 Test 5 Test 6 Test 7 Test 8 Test 9 Test 10 Test 11 Test 12 Test 13 Test 14 Test 15 Test 16 Test 17 Test 18 Test 19 Test 20 Test 21 Test 22 Test 23

Detailed Spec

h1 Heading 8-)

Paragraphs. Lorizzle ipsizzle dang ass izzle, the bizzle adipiscing elit. My shizz sapizzle velizzle, i’m in the shizzle volutpat, suscipizzle quizzle, sizzle vizzle, arcu. Sure crackalackin tortor. Sed erizzle. Mammasay mammasa mamma oo sa izzle dolor dawg tempizzle shiznit. Own yo’ pellentesque fizzle shizznit turpis. Fo shizzle my nizzle in fo shizzle. Daahng dawg sheezy rhoncus nisi. Da bomb hac ass platea away. dapibizzle. Shut the shizzle up that’s the shizzle urna, pretizzle nizzle, mattizzle gangster, eleifend dang, nunc. Its fo rizzle suscipizzle. Integizzle semper nizzle sed purus.

Bold

h2 Heading

Etiam laorizzle urna shut the shizzle up mammasay mammasa mamma oo sa. Bizzle quizzle get down get down. Maecenizzle pulvinar, ipsizzle get down get down malesuada shiznit, nulla ma nizzle euismizzle crackalackin, pimpin’ cool check out this nulla et fo shizzle. Vivamizzle fo shizzle my nizzle, tortor crazy we gonna chung fo shizzle, shiznit nunc ultricizzle gizzle, izzle daahng dawg leo elit izzle mofo. Maurizzle fizzle, orci vizzle volutpat black, sizzle augue luctus away, at bibendizzle enizzle check it out izzle get down get down. Nullam da bomb velizzle mah nizzle shizzlin dizzle that’s the shizzle viverra. Phasellus nizzle black. Curabitizzle pimpin’ my shizz vel pede yo facilisizzle.

h3 Heading

Crunk yo tortizzle in mofo yo mamma consequizzle. Crazy convallizzle, fizzle izzle that’s the shizzle posuere, we gonna chung lorizzle luctus the bizzle, bizzle blandizzle fo shizzle dolor mah nizzle velizzle. Gangsta ac yo mamma i’m in the shizzle elit fo shizzle mah nizzle fo rizzle, mah home g-dizzle i’m in the shizzle. Curabitizzle gangsta nisi, dizzle izzle, funky fresh eleifend, fo shizzle my nizzle izzle, metizzle. Nunc dope neque. Lorem ipsum dolizzle nizzle crackalackin, consectetizzle dang elizzle. Maecenas izzle elit. Fo shizzle nizzle. Vestibulum ac erat shiz velizzle shit dictizzle. Gangsta break it down mammasay mammasa mamma oo sa sizzle amizzle nibh. Cras own yo’.

h4 Heading

h5 Heading
h6 Heading

Lorizzle ipsizzle dang ass izzle, the bizzle adipiscing elit. My shizz sapizzle velizzle, i’m in the shizzle volutpat, suscipizzle quizzle, sizzle vizzle, arcu. Sure crackalackin tortor. Sed erizzle. Mammasay mammasa mamma oo sa izzle dolor dawg tempizzle shiznit. Own yo’ pellentesque fizzle shizznit turpis. Fo shizzle my nizzle in fo shizzle. Daahng dawg sheezy rhoncus nisi. Da bomb hac ass platea away. dapibizzle. Shut the shizzle up that’s the shizzle urna, pretizzle nizzle, mattizzle gangster, eleifend dang, nunc. Its fo rizzle suscipizzle. Integizzle semper nizzle sed purus.

Horizontal Rules




Typographic replacements

Enable typographer option to see result.

(c) (C) (r) (R) (tm) (TM) (p) (P) +-

test.. test… test… test?… test!…

!!!!!! ???? ,, — ---

“Smartypants, double quotes” and ‘single quotes’

Emphasis

This is bold text

This is italic text

Strikethrough

Blockquotes

Blockquotes can also be nested…

…by using additional greater-than signs right next to each other…

…or with spaces between arrows.

Lists

Unordered

  • Create a list by starting a line with +, -, or *
  • Sub-lists are made by indenting 2 spaces:
    • Marker character change forces new list start:
      • Ac tristique libero volutpat at
      • Facilisis in pretium nisl aliquet
      • Nulla volutpat aliquam velit
  • Very easy!

Ordered

  1. Lorem ipsum dolor sit amet

  2. Consectetur adipiscing elit

  3. Integer molestie lorem at massa

  4. You can use sequential numbers…

  5. …or keep all the numbers as 1.

Start numbering with offset:

  1. foo
  2. bar

Code

Inline code

Block code “fences”

Sample text here...

Syntax highlighting

var foo = function (bar) {
  return bar++
}

console.log(foo(5))

Tables

OptionDescription
datapath to data files to supply the data that will be passed into templates.
engineengine to be used for processing templates. Handlebars is the default.
extextension to be used for dest files.

Right aligned columns

OptionDescription
datapath to data files to supply the data that will be passed into templates.
engineengine to be used for processing templates. Handlebars is the default.
extextension to be used for dest files.

link text

link with title

Autoconverted link https://github.com/nodeca/pica (enable linkify to see)

Images

Minion
Stormtroopocat

Like links, Images also have a footnote style syntax

Alt text

With a reference later in the document defining the URL location:


Title

Some sample text, with bold and italic and link.

An internal link would do [[no.harm]]

And some inline code `const a = 1;`

Heading 2

A long paragraph of text that will wrap and probably end up. Lorem ipsum.
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.

A proper long link:

https://example.com/this/is/a/very/long/link/that/will/likely/need/to/be/wrapped/to/multiple/lines

Quotes and Blocks

A regular blockquote:

This is a blockquote
inside a list item.

A Code block

const a = 1
const b = 2

Some hard core math:

And some inline math: $$f(x) = x^2$$

A Table

SyntaxDescriptionTest Text
HeaderTitleHere’s this
ParagraphTextAnd more
TableDataHere’s this

Tasks and lists

A list

  • A list item
  • Another list item
  • A third list item
    • A nested list item
    • Another nested list item
  1. A numbered list.

  2. With multiple paragraphs.

    A second paragraph in the list item. Make sure there is a blank line between paragraphs in the list item.

A bunch of Todos

  • A todo
  • A completed todo
  • Another todo
    • A nested todo
    • Another nested todo

Special Syntax

  • [-] A cancelled todo
  • [a] A archived todo
  • [b] A backlog todo

Astro goodies

I can mention blog posts as cards inside blog posts. Ex:

Some text for describing the cover image

Sample Blog

A sample post with tons of elements to test the styles and layout

#sample#fun

A tripple heading

A double heading

A pentapuple

Sooner or later, everything ends.