How are logos/covers treated? #4
Description
I'm sorry if I'm missing something, but I'm really not getting how I'm supposed to configure blog logo & cover so that this theme treats them both appropriately.
If I upload a logo and a cover, they're intermixed where I would think a simple square logo would fit. If I upload only a cover or only a logo to prevent overlap, I get even less of a good result.
Here's an example if someone used my avatar twice as the logo:
Even the code doesn't make sense. If I'm reading this right, the logic flow is "if there's a blog cover, display the blog cover and the logo at the same time." Removing one or the other produces interesting results too.
{{#if @blog.cover}}
<header class="yarn">
<a href="{{@blog.url}}">
<figure class="cover">
{{#if @blog.logo}}
<img class="yarn__logo" src="{{@blog.cover}}" alt="{{@blog.title}}" />
{{else}}!{{/if}}
<img class="yarn__cover" src="{{@blog.logo}}" alt="{{@blog.title}}" />
</figure>
<span>{{@blog.title}}</span>
</a>
</header>
{{else}}
<header class="yarn">
<a href="{{@blog.url}}">
<figure>!</figure>
<span>{{@blog.title}}</span>
</a>
</header>
{{/if}}