Restructure exampleSite once again, improve sections and flow

2026-05-19 11:22:59 +02:00
parent 9ab28a9b36
commit 118c5354bb
34 changed files with 245 additions and 275 deletions
@@ -0,0 +1,47 @@
+# Cards
+
+Content blocks with optional images and links. Often used with [Columns](/docs/content/shortcodes/columns) for grid layouts.
+
+## Syntax
+
+```tpl
+{{</* card [href="..."] [image="..."] [title="..."] */>}}
+Markdown content
+{{</* /card */>}}
+```
+
+## Example
+
+{{% columns %}}
+- {{< card image="placeholder.svg" >}}
+  ### With Image
+  Cards can display an image above the content.
+  {{< /card >}}
+
+- {{< card href="/docs/content/shortcodes/cards" >}}
+  ### With Link {anchor=false}
+  When `href` is set, the entire card becomes clickable.
+  {{< /card >}}
+
+- {{< card title="Card" >}}
+  ### Plain Card
+  A basic card with no image or link, used for grouping related content.
+  {{< /card >}}
+{{% /columns %}}
+
+## Parameters
+
+`href`
+: Makes the card a link. The entire card area becomes clickable.
+
+`image`
+: Path to an image displayed above the card content. Supports page resources and URLs.
+
+`title`
+: Accessible title for the card.
+
+`alt`
+: Alt text for the card image.
+
+`class`
+: Additional CSS classes.