This post serves as a comprehensive showcase of all the styling and features supported by this Hugo setup. It includes everything from standard markdown to complex diagrams and custom shortcodes.

1. Text Formatting

You can use bold text, italic text, or both. Need to strike something out? No problem. How about a link to the homepage?

Lists

Unordered

  • Item 1
  • Item 2
    • Nested Item 2a
    • Nested Item 2b
  • Item 3

Ordered

  1. First major step
  2. Second major step
    1. Sub-step A
    2. Sub-step B
  3. Final conclusion

2. Technical Content

Code Blocks

Python with Syntax Highlighting 

def fibonacci(n):
    """Generate a fibonacci sequence up to n."""
    a, b = 0, 1
    while a < n:
        print(a, end=' ')
        a, b = b, a + b
    print()

fibonacci(1000)

Rust Example 

fn main() {
    let name = "Aditya";
    println!("Hello, {}! Welcome to the technical showcase.", name);
}

Inline Code

You can use const x = 10; within a sentence to highlight small snippets.

Diagrams (Mermaid) 

graph TD
    A[Start] --> B{Is it working?}
    B -- Yes --> C[Great!]
    B -- No --> D[Check AGENTS.md]
    D --> B
    C --> E[End]

Math (LaTeX)

If enabled, you can render complex equations:

$$ E = mc^2 $$$$ \int_{a}^{b} x^2 \,dx = \frac{1}{3}(b^3 - a^3) $$

3. Custom Shortcodes

Terminal Window

investigate.sh
$ ls -la
total 40
drwxr-xr-x  10 adi  staff   320 May 14 12:00 .
drwxr-xr-x   4 adi  staff   128 May 14 11:55 ..
-rw-r--r--   1 adi  staff  2048 May 14 12:05 AGENTS.md
drwxr-xr-x   5 adi  staff   160 May 14 11:30 content

Icons

Here are some inline icons: GitHub, Email, Location.

4. Data Representation

Tables

FeatureSupportStability
MarkdownFullHigh
MermaidExperimentalMedium
KaTeXOptionalHigh
ShortcodesCustomHigh

Blockquotes

“The advance of technology is based on making it fit in so that you don’t even notice it, so it’s part of everyday life.”

— Bill Gates

5. Media & Assets

Local Image Test

Diagram Placeholder

External Embeds (Legacy Gists)

Note: Built-in Gist shortcodes are deprecated in modern Hugo. Use standard code blocks or custom partials for external embeds.

6. Footnotes

Here is a simple footnote1. With another one here2.

Summary

This page ensures that all visual elements—from headers to deep-nested lists and technical diagrams—render correctly with the “Senior Engineer” aesthetic we’ve established.

  1. This is the first footnote. ↩︎

  2. This is the second footnote, providing more context. ↩︎