feat: initial commit
This commit is contained in:
34
content/posts/example-margin-garden.md
Normal file
34
content/posts/example-margin-garden.md
Normal file
@@ -0,0 +1,34 @@
|
||||
---
|
||||
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.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user