🖼️ Add cover image to content layout #558
Conversation
| @@ -1,5 +1,6 @@ | |||
| --- | |||
| title: Farmlands POS Integration Guide | |||
| img: /farmlands-pos-integration-cover.jpg | |||
There was a problem hiding this comment.
What was your reasoning for using a JPG over a PNG? I see the other image you used was a PNG
There was a problem hiding this comment.
@tom-blake I went to Unsplash and got the original image as the one from Figma wasn't large enough. Unsplash didn't have an option for the file type and downloaded it as a JPG.
There was a problem hiding this comment.
I see - thanks! Maybe let the designers know if Unsplash isn't what they'd do :)
| @@ -1,5 +1,6 @@ | |||
| --- | |||
| title: Farmlands POS Integration Guide | |||
| img: /farmlands-pos-integration-cover.jpg | |||
There was a problem hiding this comment.
@MeganSteenkamp I think it's good that you used the front-matter to declare the image path, @AndyClifford will need this path to display this guide as a small card on the partner page 👍
Is there a reason why it doesn't need to be the full path (include /public)?
There was a problem hiding this comment.
Is it possible to use the assets directory here? ~/assets/farmlands/pos-integration-cover.jpg
There was a problem hiding this comment.
@tom-blake @AndyClifford I have tried the assets directory but it didn't work 🤔. By default files in the /public directory are served at the root which is why I didn't need to specify the folder.
I see Nuxt has an image module if we did want to optimize images: https://v1.image.nuxtjs.org/get-started/
There was a problem hiding this comment.
@MeganSteenkamp Yeah it's not working for me either. Found this comment that suggests copying the files to public or using the module you mentioned
MeganSteenkamp
force-pushed
the
add-cover-image
branch
2 times, most recently
from
1df543c
to
8cc4bd7
Compare
Add cover image with a path pulled from markdown. Test plan: Expect to see cover image as per screenshot.
MeganSteenkamp
force-pushed
the
add-cover-image
branch
from
8cc4bd7
to
604bcb0
Compare
Add cover image with a path pulled from markdown.
Test plan: Expect to see cover image as per screenshot.