Cover
Add Longread Style Cover With Subtitle
⚙️ cover
Longread-style cover
This helper renders static html and can make some ajustments in interactive mode.
→ See this page in edit mode.
Example
```h:cover
title: "Cover"
subtitle: Add longread style cover
noPreview: false
tile: true
bgImage: tile.png
color: black
useH1: true
removeH1: true
```
Parameters
Parameters are YAML-formatted.
| Parameter | Meaning | Type | Default |
|---|---|---|---|
| title | Title to display | string | "Title" |
| Subtitle | Subtitle to display | string | "" |
| height | Default height of the cover | string, CSS value | "50vh" |
| minHeight | Minimum height | string, CSS value | "300px" |
| marginBottom | Margin below the cover | string, CSS value | "1rem" |
| bgColor | Background color | string, CSS value | "black" |
| color | Tect color | string, CSS value | "white" |
| bgImage | Background image for cover | url string | "" |
| tile | Tile background? (by default, picture will fill the cover) | boolean | false |
| useH1 | Will try to find top level header on page and use its text in cover. Won't work without JavaScript (keep "title" param meaningful ) | boolean | false |
| removeH1 | Remove first H1 on the page, won't work without JS | boolean | false |
| noPreview | Do not display cover in preview mode | boolean | false |