Create a simple hero section with title, subtitle, and call-to-action

button Add a features section with icons and descriptions Include a
stats section with live data Add a responsive design with modern CSS
features

app/default/content/examples/2024-10-05-cover-image-demo/cover.svg

@@ -0,0 +1,5 @@
+<svg width="800" height="400" xmlns="http://www.w3.org/2000/svg">
+  <rect width="800" height="400" fill="#f0f0f0"/>
+  <circle cx="400" cy="200" r="80" fill="#6366f1" opacity="0.8"/>
+  <text x="400" y="340" font-family="system-ui, sans-serif" font-size="24" fill="#333" text-anchor="middle">Cover Image Example</text>
+</svg>

app/default/content/examples/2024-10-05-cover-image-demo/index.md

@@ -0,0 +1,39 @@
+# Cover Images and Assets
+
+FolderWeb automatically detects and uses cover images for social sharing and list views.
+
+## How Cover Images Work
+
+Place an image named `cover.jpg`, `cover.png`, or `cover.webp` in your content folder and it's automatically:
+
+- Used as the Open Graph image for social media
+- Displayed in list views (when using templates that support it)
+- Available at the same URL as your content
+
+## Supported Formats
+
+- `cover.jpg` or `cover.jpeg`
+- `cover.png`
+- `cover.webp`
+- `cover.gif`
+
+The system checks for these in order and uses the first one found.
+
+## Other Assets
+
+Any file in your content folder is accessible at the same URL path:
+
+- Images: `photo.jpg`, `diagram.png`
+- Documents: `download.pdf`, `report.docx`
+- Data: `data.json`, `spreadsheet.csv`
+
+Just reference them in your markdown:
+
+```markdown
+![Diagram](diagram.png)
+[Download PDF](report.pdf)
+```
+
+## This Folder
+
+This folder includes a simple SVG as the cover image. Check the folder structure to see how it's organized.

app/default/content/examples/2024-10-05-cover-image-demo/metadata.ini

@@ -0,0 +1,2 @@
+title = "Cover Images and Assets"
+summary = "Learn how cover images and static assets work in FolderWeb"