ruben/folderweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
folderweb/app/default/content/examples/2024-10-05-cover-image-demo/index.md
Ruben 0e19040473 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
2025-11-27 21:31:47 +01:00

1,013 B
Raw Blame History

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:

![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.