This page serves as a quick visual reference showcasing all elements on this website.

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

Paragraphs

This is a regular paragraph of text. You can write multiple sentences to show flow and readability.

Line Breaks

Line one.
Line two (break created with two spaces at end of previous line).

Emphasis

Italic text

Bold text

Bold and italic text

Strikethrough

Blockquotes

This is a blockquote.

Nested blockquote.

Lists

Unordered List

• Item one

  • Nested item

    • Deep nested

• Item two

• Item three

Ordered List

1. First item

2. Second item

   1. Nested item
   2. Another nested

3. Third item

Task Lists

• TODO item
• Completed item
• Partially done

Math & equations

Inline math

The solutions to the quadratic equation $a{x}^2+bx+c=0$ are given by the formula $x=\frac{-b\pm \sqrt{b^2-4ac}}{2a}$.

Block math

Taylor series expansion of $\sin (x)$:

Code

Inline Code

Use inline code for commands like ls -la.

Code Block (generic - no language specified)

This is a generic code block.

Code Block (language-specific)

function greet(name) {
  console.log("Hello " + name);
}

ls -R /etc/
grep "name" file.txt

name = "God"
greeting = f"Hello {name}"
print(greeting)

Display content from GitHub

Below is the content from https://github.com/pkic/pkic.org/blob/main/staleuploads.sh .

for f in `find static/uploads/ -type f`
do
    src=${f#"static/"}
    echo Searching for $src
    usedin=`find ./content/ -name '*.md' -exec grep -H $src {} \;`
    if [ -z "$usedin" ]; then
        echo Not used
        rm -f $f; echo Deleted file $f
    else
        echo ====== Used in:
        echo $usedin
    fi
done

echo Deleting empty directories
find static/uploads/ -mindepth 1 -type d -empty -delete

Terminal output

$ ls -l
total 12
-rw-r--r--  1 user  staff   120 Jan 12 10:21 README.md
drwxr-xr-x  4 user  staff   128 Jan 12 10:22 src
drwxr-xr-x  3 user  staff    96 Jan 12 10:23 public

Links

Inline link

Reference-style link

https://example.com (autolink)

Images

Image without zoom

Image with zoom, title and other capabilities

Click on the image to know more.

Image 1

Image 2

Tables

Table Alignment

Charts/diagrams

Chart support is by Mermaid. The dark theme is used. Mermaid supports various types of charts. Below are few charts for illustration.

Sequence diagram

Architecture diagram

Pie chart

Internet traffic by device type in Oct 2025

  ---
config:
  pie:
    textPosition: 0.5
  themeVariables:
    pieStrokeColor: "#c7c7c7ff"
    pieOuterStrokeWidth: "5px"
    pie1: "#4E79A7"   # mobile
    pie2: "#F28E2B"   # desktop
    pie3: "#E15759"   # tablet
---
pie showData
    "Mobile" : 67.47
    "Desktop" : 31
    "Tablet" : 1.54

Bar chart

  xychart-beta
    title "Sales Revenue"
    x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]
    y-axis "Revenue (in $)" 4000 --> 11000
    bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
    line [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]

Line chart

  xychart-beta
    title "Desktop vs Mobile Share of Global Web Browsing (2009–2025)"
    x-axis [2009,2010,2011,2012,2013,2014,2015,2016,2017,2018,2019,2020,2021,2022,2023,2024,2025]
    y-axis "Share (%)" 0 --> 100
    line [99.3,98.4,95.7,91.5,82.4,72.0,62.4,55.9,45.3,43.9,47.0,45.3,41.5,42.5,39.4,39.8,39.5]
    line [0.7,1.6,4.3,8.5,17.6,28.1,37.6,44.1,54.7,56.1,53.0,54.7,58.6,57.5,60.6,60.2,60.5]

Sanky diagram

  sankey-beta
A,X,5
A,Y,7
A,Z,6
B,X,2
B,Y,9
B,Z,4

PDF embed

Footnotes

Here is a sentence with a footnote.¹

Emojis

😄 🎉 🚀 Markdown often includes emoji via unicode.

Escape Characters

Use \* to write a literal asterisk: not italic.

Callouts or Admonitions

Horizontal Rule