mind-overflow-website-ghost.../tag.hbs
Lorenzo Dellacà 69c1bf00d2 Finish creating /tags/ page
The tags page was finally completed, and shows every tag
with its own image.

A "see all tags" link was added in the header of every
(single) tag's page, in case of a missing description.

Also, the "secondary navigation" div now has a relative
position and a higher z-index, so that the tags page's
header does not cast a shadow on it.

Signed-off-by: Lorenzo Dellacà <lorenzo.dellaca@mind-overflow.net>
2020-08-20 15:47:29 +02:00

54 lines
1.4 KiB
Handlebars

{{!< default}}
<div class="mind-post-header unselectable">
{{#tag}}
<div>
<h1>{{name}}</h1>
<p>
{{#if description}}
{{description}}
{{else}}
{{plural ../pagination.total empty='posts' singular='% post' plural='% posts'}}
• <a class="mind-post-header_tag" href="/tags/">see all tags</a>
{{/if}}
</p>
</div>
{{/tag}}
<i class="mind-global-header_arrow-down mind-global-header_arrow-down-mid"></i>
</div>
<main>
<div class="mind-content_main">
<div class="mind-feed-content_main">
<!-- Looping through every post -->
{{#foreach posts}}
{{> "post-card-big"}}
{{/foreach}}
</div>
</div>
</main>
<!-- Vanta.JS Scripts to make the background cool, but disabled on mobile -->
<script>
if(window.screen.width > 800)
{
document.write('<script src="{{asset "js/three.r95.min.js"}}"><\/script>' +
'<script src="{{asset "js/vanta.net.min.js"}}"><\/script>' +
'<script>' +
'VANTA.NET({'+
'el: "#vantajs",'+
'color: 0x3fd5ff,'+
'backgroundColor: 0x190f2b,'+
'mouseControls: true,'+
'touchControls: true,'+
'minHeight: 200.00,'+
'minWidth: 200.00,'+
'scale: 1.00,'+
'scaleMobile: 1.00'+
'})'+
'<\/script>');
}
</script>