blog_theme/partials/loop.hbs
Sodbileg Gansukh 6350a2de33 Migration (#98)
* Add Alto theme

* Remove unnecessary specificity from link hover selector

* Add Dope theme

* Refine Dope theme

* Remove unnecessary selectors from dark mode styles

* Add Ruby theme

* Add branding+navigation header style

* Post/page template cleanup for Ruby theme

* Remove jQuery dependency from Ruby

* Photoswipe for Ruby

* package.json cleanup

* Add Ease theme

* Ease theme cleanup

* Add Edge theme

* Add callback to pagination script

* Rebuild assets

* Refresh Wave

* Wave theme pagination

* Remove unused settings

* Add tag/author pages to Wave

* Remove unnecessary dependencies

* Post meta spacing

* Dawn theme

* Edition theme

* Cleanup body class

* Lint

* More cleanup

* London theme

* Ease theme search cleanup

* Minor bug fixes

* Remove jQuery dependency from the custom search script

* Put back commented functions

* Update posts per page to make it consistent with homepage section posts

* Alto theme update

* Rebuild assets

* Remove unused theme setting

* Unnecessary rule

* Start adding search support

* Search support to more themes

* Remove starter

* Add Alto theme workflow
2022-07-12 20:09:02 +08:00

63 lines
2.1 KiB
Handlebars

<article class="{{post_class}} u-shadow"{{#if primary_tag.accent_color}} style="--tag-color: {{primary_tag.accent_color}};"{{/if}}>
<a class="post-link" href="{{url}}">
{{#if feature_image}}
{{#if featured}}
<img
class="post-image u-object-fit"
src="{{img_url feature_image}}"
alt="{{title}}"
loading="lazy"
>
{{else}}
<figure class="post-media">
<div class="u-placeholder same-height rectangle">
<img
class="post-image u-object-fit"
srcset="{{img_url feature_image size="s"}} 400w,
{{img_url feature_image size="m"}} 750w,
{{img_url feature_image size="l"}} 960w,
{{img_url feature_image size="xl"}} 1140w,
{{img_url feature_image size="xxl"}} 1920w"
sizes="600px"
src="{{img_url feature_image size="l"}}"
alt="{{title}}"
loading="lazy"
>
</div>
</figure>
{{/if}}
{{/if}}
<div class="post-wrapper">
<header class="post-header">
{{#primary_tag}}
<span class="post-tag">{{name}}</span>
{{/primary_tag}}
<h2 class="post-title">
{{title}}
</h2>
</header>
{{#if excerpt}}
<div class="post-excerpt">
{{excerpt words="12"}}
</div>
{{/if}}
</div>
<footer class="post-footer">
<span class="post-more">Read More</span>
<div class="post-author">
{{#foreach authors}}
{{#if profile_image}}
<span class="post-author-link">
<img class="post-author-image" src="{{img_url profile_image size="xs"}}" alt="{{name}}" loading="lazy">
</span>
{{/if}}
{{/foreach}}
</div>
</footer>
</a>
</article>