← FOSDEM 2027

[Draft] Example post with an image

31 August 2026

This post is a draft, so it is excluded from hugo build and from the RSS feed. Preview it with hugo server --config hugo.landing.yaml -D. It exists to exercise every element a news post can contain.

Images

Images live next to index.md in the post directory. Reference them by filename. The render hook resolves them as page resources, generates a srcset capped to the article width, and emits width/height to stop the layout shifting.

Without the quoted title it renders as a bare image:

The feed picks a featured image for enclosure, media:content and media:thumbnail, and the page reuses it for og:image. It defaults to the first image in the directory. Set image: in front matter to choose another.

Text

Body text renders in DejaVu Sans. Bold and italic both work, as does inline code, a link, and strikethrough.

Third level heading

Fourth level heading

Lists keep the body font:

• First item
• Second item, long enough to wrap onto a second line so the hanging indent is visible against the paragraph above it
• Third item
  • Nested item

1. Numbered item
2. Another numbered item

A blockquote sits flush with the text column rather than taking the browser default side margins.

Callouts

An alert renders as a boxed callout. The type sets the class (note, tip, important, warning, caution) and the text after it sets the heading; without one the type is used as the heading. Put a TL;DR at the top of a long post:

TL;DR

• Callouts take any Markdown inside them, including bold and links.
• The heading after [!NOTE] is optional.

Warning

Without an explicit heading the alert type becomes the heading.

Calendars

Dates listed under events: in front matter, together with a calendar output format, produce the .ics file and the widget at the end of this post. calendar-dates is the generic one; a post wanting its own filename gets its own format.

Code blocks scroll horizontally instead of stretching the article:

outputs:
  home:
    - HTML
    - RSS
  section:
    - HTML

That horizontal rule and this closing paragraph are the last of it.