Hello Hugo

This is a short ingress to test the new Hugo setup. We are migrating from MkDocs to Hugo to have more control and a minimalist “terminal” aesthetic.

The Body

Here is some regular text body. We are testing various markdown features to ensure the theme handles them correctly.

Code Block

Here is a static Python code snippet:

def hello_world():
    print("Hello, Hugo!")

if __name__ == "__main__":
    hello_world()

Interactive Code Block

Now here’s an interactive Python code snippet using Codapi. Click “Run” to execute it in your browser!

def greet(name): print(f"Hello, {name}!")

greet("Hugo") greet("World") 

Try modifying the code above and running it again. Here’s another example with a simple calculation:

# Calculate factorial def factorial(n): if n <=
1: return 1 return n \* factorial(n - 1)

for i in range(1, 6): print(f"{i}! = {factorial(i)}") 

Interactive JavaScript

Here’s an interactive JavaScript example that runs directly in the browser (no WASI needed):

const numbers = [1, 2, 3, 4, 5]; const
squared = numbers.map(n => n \* n); console.log("Original:", numbers);
console.log("Squared:", squared);

// Try adding your own code! const sum = squared.reduce((a, b) => a + b, 0);
console.log("Sum of squares:", sum); 

Interactive SQLite

And here’s a SQLite example using WASI (runs entirely in your browser):

SELECT 'Hello, SQLite!' as message, 42 as answer
UNION ALL SELECT 'It works!', 100; 

Callouts

We are implementing GitHub-style callouts using a custom render hook.

This is a note callout! It should have a specific style.

This is a tip. Useful for hints and tricks.

The trick!

This is a hint. Lightbulb moment!

Did you know this?

This is important. Don’t miss this information!

This is a warning. Be careful!

This is a caution. High alert!

This is an example callout.

Quoting someone…

This is a quote callout, useful for highlighting text or citations. It supports the special “inline title” styling we added.

This is an info callout (alias for Note).

Collapsible Callouts

You can make callouts collapsible by adding + (open by default) or - (minimized by default) after the type.

print("Peek-a-boo!")

Nested Code Block in Callout

You can even put code inside a callout!

echo "This is inside a tip"

Interactive Code in Callout

You can also use interactive Codapi snippets inside callouts, and they follow the compounding contrast rules:

Try this interactive Python example inside a callout

# Calculate Fibonacci sequence def
> fibonacci(n):

    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

for i in range(10): print(f"F({i}) = {fibonacci(i)}") 

Text underneath it!

GoAT Diagram

Here is an ASCII diagram using GoAT (which we might need to enable or render somehow, but for now just as a code block or pre-formatted text):