35 lines
653 B
Markdown
35 lines
653 B
Markdown
---
|
|
title: "Margin Garden Example"
|
|
date: 2025-08-17T10:00:00Z
|
|
tags: [design, hugo, demo]
|
|
summary: "A demo post showing margin notes, code blocks, and theme toggling."
|
|
---
|
|
|
|
This is a short example of the Margin Garden style. We'll use a footnote for a margin note.[^mn]
|
|
|
|
## Code sample
|
|
|
|
```ts
|
|
function greet(name: string): string {
|
|
return `Hello, ${name}!`;
|
|
}
|
|
|
|
console.log(greet("world"));
|
|
```
|
|
|
|
Blockquotes should look refined:
|
|
|
|
> Good design is as little design as possible.
|
|
|
|
A list with tags-like styling:
|
|
|
|
- `hugo`
|
|
- `theme`
|
|
- `catppuccin`
|
|
|
|
And an inline code `const x = 1` example.
|
|
|
|
[^mn]: This footnote appears as a margin note on wide screens.
|
|
|
|
|