Custom page preview: Display page preview in embeds

[dxcore35]

I was thinking can your code be adapted to show this view also when the note is embedded? Instead of seeing the whole note content I would like to see only the summary and image. Also I was thinking if we can get this running via DV.VIEW it will be nice to get the image automatically from the note's body like it is done here:

https://github.com/702573N/Obsidian-Notes-List

[zamsyt]

A couple of days ago I made a separate snippet for similar cards which aren't used as the page preview. I haven't published it on this repo because I've been thinking I could rather make a more flexible snippet that combines the functionality of these snippets as well as providing control of various properties of the card/callout.

• whether it's used as the page preview
• whether it's hidden in reading view
• whether the callout title is shown?
• horizontal vs vertical (allow image on left/right/top/bottom)
• image size

As well as the option in embeds to display the card (like you suggest)

I don't yet know what the syntax will be exactly, but basically it would be some list of keywords in the callout type.

Thanks for your suggestions. I'll be looking at automatic generation of the previews too.

[dxcore35]

I made something for begining:

• fixed square image in page preview
• fit image inside when inserted inside Kanban
• add task progress bar (only tasks inside project note are recognized)
• add summary from YAML header

DataviewJS code in note's body

dv.span(dv.sectionLink("cover.jpg", "#cover", true))

Custom dataview you need to copy (and set folder in dataview)

dx_Project_header.zip

Custom CSS need to copy to Snippets folder

[ui] Auto image blend.css.zip

Results

Screen.Recording.2023-03-10.at.15.59.12.mov

Original image