Cover Layout
The cover layout is used as the first slide of your presentation. As such it usually contains your presentation title (+subtitle), author names, date, logos, etc. Internally, it is using the image layout and thus can utilize all of its arguments.
| Name | Type | Description | Default |
|---|---|---|---|
| author | String | Name of the author(s) of the presentation | |
| date | String | Date of the presentation | XX Month YYYY (current date) |
| logo-color | String | Color of the Eavise logo (set to undefined to have the default colors) |
default white │ minimal undefined |
| color | String | Background color |
default $slidev-theme-primary │ minimal undefined |
| color-opacity | Number | Opacity of the background color | 0.75 if image else 1 |
| image | String | Background image (can be local file or URL) | |
| image-opacity | Number | Opacity of the background image | 1 |
| image-filter | String | CSS filter for the image | |
| image-transform | String | CSS transform for the image |
You can use this slot to add extra logos next to the eavise one.
You should add them as <img /> tags and not markdown as the wrapping paragraph otherwise messes with the layout.
NOTE
By default the logos are placed in aflexcontainer, which allows the logos to shrink to fit into the provided place. Because we do not know what type of logos a user might add (different aspect ratios), we did not enableflex-growto make the logos grow to fill all available space. If a logo looks very small, you can either put an explicit width in the image tag (eg.width="400"), or enable enable flex-grow with a style tag (eg.:deep(.logo img) { flex-grow: 1 !important; })
Default
|
|
---
theme: eavise
author: John Doe
---
# Presentation Title
## Subtitle
--- |
Image
|
|
---
theme: eavise
author: John Doe
image: https://images.unsplash.com/...
image-filter: blur(2px) grayscale(0.5)
---
# Presentation Title
## Subtitle
--- |
Minimal
|
|
---
theme: eavise
style: minimal
author: John Doe
---
# Presentation Title
## Subtitle
--- |
Gradient
|
|
---
theme: eavise
author: John Doe
image: https://images.unsplash.com/...
image-filter: grayscale(0.5)
color: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 85%)
color-opacity: 1
logo-color: undefined
---
# Presentation Title
## Subtitle
--- |
Logo
|
|
---
theme: eavise
style: minimal
author: John Doe
class: text-left
---
# Presentation Title
## Subtitle
::logo::
<img alt="logo1" src="https://img.logoipsum.com/241.svg" />
<img alt="logo2" src="https://img.logoipsum.com/211.svg" />
--- |
