testing footnotes

This is a footnote yo1

H1

H2

H3

H4

example of details

Paragraphs are cool!

font Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate vlit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

audio player

Standard Youtube shortcode

Custom vimeo shortcode

An Iframe shortcode

asciinema shortcode

You can record screen captures of your terminal and share them. Oh…and you can copy and paste from the screencapture. It is a great way to share commands with full context.

The 3 Body Problem

The modal is for when you would like to give some extra context but dont want to distract from the main thread.

In physics and classical mechanics, the three-body problem is the problem of taking the initial positions and velocities (or momenta) of three point masses and solving for their subsequent motion according to Newton’s laws of motion and Newton’s law of universal gravitation.[1] The three-body problem is a special case of the n-body problem. Unlike two-body problems, no general closed-form solution exists,[1] as the resulting dynamical system is chaotic for most initial conditions, and numerical methods are generally required.

mermaid charts

I added a custom mermaid codeblock

sequenceDiagram participant a as ecom participant a as ecom participant b as bar participant c as wps a->>b: req with data to send to wps b->>c: inventory req c->>b: inventory response data b->>a: response with inventory data

svg shortcode

Put an svg in the static folder and link it with this shortcode It will embed the svg in the page with the added ability to pan and zoom.

    {{< svg "static/example.svg" >}}



image/svg+xml desktop tablet phone 12 columns 8 columns 4 columns side margins approx 80px column gutters approx 20px mobilesidemargins approx 20px 12 column UI elements some page example 3 column card image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut eu metus id lectus vestibulum ultrices. Cras facilisis felis sit amet lorem. Mauris urna sem, suscipit vitae, dignissim id, ultrices sed, nunc. Phasellus magna sem, vulputate eget, ornare sed, dignissim sit amet, pede. Suspendisse fermentum. Nam molestie nisl at metus. Nulla blandit justo a metus. Mauris urna sem, suscipit vitae, dignissim id, ultrices sed, nunc. Sed non ipsum. Mauris tempus diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti. Morbi a mauris. Proin diam augue, semper vitae, varius et, viverra id, felis. Nunc in turpis ac lacus eleifend sagittis.

an image from the local site

yarg

A local video in my static folder

blog-image

Image URLs are based on Site.Params.imagehost found in the config.yml file at the root of the site


{{< blog-image "20220215_121242.jpg" >}}
20220215_121242.jpg