WebDev/mind-overflow-website-ghost-theme
1
0
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

Added script to make list of headers

Browse Source 
Added a new script with the purpose of getting all headers from a post's content and creating links for them in the left sidebar.
Some div classes have been modified, and a wrapper div has been added to posts because of this new script.
Some minor CSS changes have been made.
This commit is contained in:
Lorenzo Dellacà
2020-11-05 16:14:13 +01:00
parent 84f9eadd3b
commit 83302f7cc3
7 changed files with 93 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
post.hbs
View File

@@ -1,39 +1,48 @@
{{!< default}}
<div class="mind-post-header unselectable">
{{#post}}
{{#post}}
<div>
<h1>{{title}}</h1>
<p><a class="mind-post-header_tag" href="{{primary_tag.url}}">{{primary_tag.name}}</a> • <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMMM YYYY"}}</time></p>
</div>
{{/post}}
<i class="mind-global-header_arrow-down mind-global-header_arrow-down-mid"></i>
<div>
<h1>{{title}}</h1>
<p><a class="mind-post-header_tag" href="{{primary_tag.url}}">{{primary_tag.name}}</a> •
<time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMMM YYYY"}}</time>
</p>
</div>
{{/post}}
<i class="mind-global-header_arrow-down mind-global-header_arrow-down-mid"></i>
</div>
<main>
<div class="mind-content_main">
<div class="mind-post_main">
<aside class="mind-post_sidebar unselectable">
</aside>
{{#post}}
<div class="mind-post_content">
<div class="mind-post_content-header">
<div class="mind-content_main">
<div class="mind-post_main">
<aside class="mind-post_sidebar unselectable">
<div class="mind-post_sidebar-content" id="mind-post_sidebar-left">
{{#if feature_image}}
<img class="mind-post_feature-image" src="{{img_url feature_image size="l"}}" alt="Feature Image"/>
{{/if}}
</div>
{{!-- This gets automatically filled by the sidebar script! --}}
</aside>
{{#post}}
<div class="mind-post_central-column">
<div class="mind-post_content">
<div class="mind-post_content-header">
{{#if feature_image}}
<img class="mind-post_feature-image" src="{{img_url feature_image size="l"}}"
alt="Feature Image"/>
{{/if}}
</div>
{{content}}
<hr>
</div>
<h3>Comments</h3>
<div id="remark42"></div>
</div>
{{/post}}
<aside class="mind-post_sidebar unselectable">
<div class="mind-post_sidebar-content">
{{> "posts-card-small"}}
</div>
</aside>
</div>
{{content}}
<hr>
<h3>Comments</h3>
<div id="remark42"></div>
</div>
{{/post}}
<aside class="mind-post_sidebar unselectable">
<div class="mind-post_sidebar-content">
{{> "posts-card-small"}}
</div>
</aside>
</div>
</div>
</main>