this is actually the first commit - theme made on the base CSS/HTML of the already existing (but handmade) mind-overflow.net website.
This commit is contained in:
66
post.hbs
66
post.hbs
@@ -1,62 +1,16 @@
|
||||
{{!< default}}
|
||||
|
||||
{{#post}}
|
||||
|
||||
<article class="gh-article {{post_class}}">
|
||||
|
||||
<header class="gh-header gh-canvas">
|
||||
<span class="gh-post-meta"><time datetime="{{date format="YYYY-MM-DD"}}">{{date format="D MMM YYYY"}}</time> <span class="bull">•</span> {{reading_time}}</span>
|
||||
<h1 class="gh-title">{{title}}</h1>
|
||||
|
||||
{{#if custom_excerpt}}
|
||||
<p class="gh-excerpt">{{custom_excerpt}}</p>
|
||||
{{/if}}
|
||||
|
||||
{{#if feature_image}}
|
||||
<img class="gh-feature-image"
|
||||
srcset="{{img_url feature_image size="s"}} 300w,
|
||||
{{img_url feature_image size="m"}} 600w,
|
||||
{{img_url feature_image size="l"}} 1000w,
|
||||
{{img_url feature_image size="xl"}} 2000w"
|
||||
sizes="(max-width: 1000px) 1000px, 2000px"
|
||||
loading="lazy"
|
||||
src="{{img_url feature_image size="xl"}}"
|
||||
alt="{{title}}"
|
||||
/>
|
||||
{{/if}}
|
||||
</header>
|
||||
|
||||
<div class="gh-content gh-canvas">
|
||||
{{content}}
|
||||
<div class="mind-fullscreen-title">
|
||||
<div class="navbar">
|
||||
{{navigation}}
|
||||
</div>
|
||||
<h1>{{title}}</h1>
|
||||
<i class="arrow-down"></i>
|
||||
</div>
|
||||
|
||||
<footer class="gh-footer gh-canvas">
|
||||
|
||||
<div class="gh-post-authors">
|
||||
Written by {{#foreach authors}}<a href="{{url}}">{{name}}</a>{{/foreach}}
|
||||
</div>
|
||||
|
||||
{{!--
|
||||
<section class="gh-post-comments">
|
||||
If you want to embed comments, this is a good place to do it!
|
||||
</section>
|
||||
--}}
|
||||
|
||||
</footer>
|
||||
|
||||
</article>
|
||||
|
||||
<aside class="gh-readmore">
|
||||
<div class="gh-readmore-inner gh-container">
|
||||
<div class="gh-readmore-next">
|
||||
{{#next_post}}<a href="{{url}}">{{> "icons/arrow-left"}} <h4>{{title}}</h4></a>{{/next_post}}
|
||||
</div>
|
||||
<div class="gh-readmore-prev">
|
||||
{{#prev_post}}<a href="{{url}}">
|
||||
<h4>{{title}}</h4> {{> "icons/arrow-right"}}
|
||||
</a>{{/prev_post}}
|
||||
</div>
|
||||
<main>
|
||||
<div class="mind-content">
|
||||
{{content}}
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
</main>
|
||||
{{/post}}
|
||||
|
||||
Reference in New Issue
Block a user