Ghost_Ruby_Theme/partials/post-navigation.hbs
2019-05-05 00:02:00 +08:00

29 lines
1.2 KiB
Handlebars

<div class="navigation">
{{#prev_post}}
<div class="navigation-item navigation-previous">
<img class="navigation-image lazyload u-object-fit"
data-srcset="{{img_url feature_image size="s"}} 400w, {{img_url feature_image size="m"}} 750w, {{img_url feature_image size="l"}} 960w"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-sizes="auto"
alt="{{title}}"
>
<span class="navigation-label">{{t 'Previous Post'}}</span>
<h4 class="navigation-title">{{title}}</h4>
<a class="u-permalink" href={{url}}></a>
</div>
{{/prev_post}}
{{#next_post}}
<div class="navigation-item navigation-next">
<img class="navigation-image lazyload u-object-fit"
data-srcset="{{img_url feature_image size="s"}} 400w, {{img_url feature_image size="m"}} 750w, {{img_url feature_image size="l"}} 960w"
src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
data-sizes="auto"
alt="{{title}}"
>
<span class="navigation-label">{{t 'Next Post'}}</span>
<h4 class="navigation-title">{{title}}</h4>
<a class="u-permalink" href={{url}}></a>
</div>
{{/next_post}}
</div>