Show post cover image on home/post/posts page

[egoist]

Use the assets.cover attribute.

---

IssueHunt Summary

spytec has been rewarded.

Backers (Total: $100.00)

• issuehunt ($100.00)

Submitted pull Requests

• #124 feat(Post): Implement asset cover feature
• #94 feat(Post): Implement asset cover feature

---

Tips

• Checkout the Issuehunt explorer to discover more funded issues.
• Need some help from other developers? Add your repositories on IssueHunt to raise funds.

---

IssueHunt has been backed by the following sponsors. Become a sponsor

[issuehunt-oss]

@issuehunt has funded $100.00 to this issue.

---

• Submit pull request via IssueHunt to receive this reward.
• Want to contribute? Chip in to this issue via IssueHunt.
• Checkout the IssueHunt Issue Explorer to see more funded issues.
• Need help from developers? Add your repository on IssueHunt to raise funds.

[Venefilyn]

I was wondering if this should be covering the whole top, as 100% width. Then have a transparent circle where the back to home button is

[Venefilyn]

Thought of two concepts:

1:

which is using a div above the div.wrap element in post.vue, styling being:

height: 350px;
background: url("https://www.bing.com/th?id=OHR.RootBridge_ROW5832767622_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp") center center;
background-size: cover;

as well as --bg color for the button's background instead of transparent.

2:

Same as above, but with div.wrap moved up and -100px and div.column.is-6.is-offset-3 set to background-color: var(--bg). Though I'd probably want to increase the padding on the column here

[Venefilyn]

@egoist thoughts on the above?

[ducan-ne]

is this done?

[Venefilyn]

It is not, @Quaj do you have a preference of one of the two I posted or would you go a different route?

[ducan-ne]

absolutely i thinks you misunderstand egoist mean
his issue too short, i think egoist's mean is a option to create a cover for a specify post
something like this

---
title: Dear CO
layout: post
date: 2019-08-28
hero: ./images/hero.jpg
tags:
  - hello

[Venefilyn]

Saber already has functionality for cover posts using assets.cover, all that is needed is displaying it. This ticket is primarily for the design on how this should look on home, posts, and post.

Home and Posts isn't something I drafted up, but could look something like this:

[egoist]

@SpyTec For post page I prefer a minimal approach like: https://leo.im/2017/canary

Maybe this could be an option for the theme: coverLayout: 'minimal' | 'landscape'

For home and posts page, your draft looks good.

[saltysugar]

@SpyTec Are you going to work on this?

[Venefilyn]

I like the coverLayout option. I think that would be a good addition

@saltysugar I will work on it this weekend. But feel free to implement it before that

[issuehunt-oss]

@egoist has rewarded $70.00 to @spytec. See it on IssueHunt

• 💰 Total deposit: $100.00
• 🎉 Repository reward(20%): $20.00
• 🔧 Service fee(10%): $10.00