mirror of https://github.com/Damillora/Yuika
44 lines
1.1 KiB
Handlebars
44 lines
1.1 KiB
Handlebars
|
{{!< default}}
|
||
|
|
{{#post}}
|
||
|
|
<article>
|
||
|
|
|
||
|
|
<div class="h-64 relative group">
|
||
|
|
{{> header-background background=feature_image}} {{!--Special header-image.hbs partial to generate the background image--}}
|
||
|
|
<div class="h-full opacity-50 bg-black group-hover:opacity-75 transition-opacity">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="absolute bottom-0 py-6 px-6">
|
||
|
|
{{#if primary_tag}}
|
||
|
|
{{#primary_tag}}
|
||
|
|
<div>
|
||
|
|
<a href="{{url}}"><p class="bg-green-500 w-auto inline-block px-2 py-1 text-white text-sm">{{name}}</p></a>
|
||
|
|
</div>
|
||
|
|
{{/primary_tag}}
|
||
|
|
{{/if}}
|
||
|
|
<div>
|
||
|
|
<h1 class="text-white font-light text-3xl md:text-4xl">{{title}}</h1>
|
||
|
|
</div>
|
||
|
|
<div class="mb-4">
|
||
|
|
<p><span class="text-white text-sm"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format="D MMM YYYY"}}</time> <span class="bull">•</span> {{reading_time}}</span></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<main class="container px-6 my-6" id="post">
|
||
|
|
<div>
|
||
|
|
{{content}}
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
{{/post}}
|
||
|
|
</article>
|
||
|
|
|
||
|
|
{{#contentFor "scripts"}}
|
||
|
|
<script>
|
||
|
|
$(function() {
|
||
|
|
var $postContent = $("#post");
|
||
|
|
$postContent.fitVids();
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
{{/contentFor}}
|
||
|
|
|