Tag and author templates, design details

This commit is contained in:
Sodbileg Gansukh
2023-07-17 07:36:13 +08:00
parent 26c39ce7f9
commit 6e3c8e4e98
13 changed files with 487 additions and 202 deletions

View File

@@ -2,7 +2,7 @@
<div class="gh-footer-inner gh-inner">
<div class="gh-footer-bar">
<span class="gh-footer-logo">
<span class="gh-footer-logo is-title">
{{#if @site.logo}}
<img src="{{@site.logo}}" alt="{{@site.title}}">
{{else}}
@@ -19,10 +19,10 @@
<section class="gh-footer-signup">
{{#if @custom.footer_signup_header}}
<h2 class="gh-footer-signup-header">{{@custom.footer_signup_header}}</h2>
<h2 class="gh-footer-signup-header is-title">{{@custom.footer_signup_header}}</h2>
{{/if}}
{{#if @custom.footer_signup_subhead}}
<p class="gh-footer-signup-subhead">{{@custom.footer_signup_subhead}}</p>
<p class="gh-footer-signup-subhead is-body">{{@custom.footer_signup_subhead}}</p>
{{/if}}
<button class="gh-button">Subscribe</button>
</section>

View File

@@ -42,7 +42,7 @@
{{!-- Landing layout --}}
{{#match headerStyle "Landing"}}
<h1 class="gh-header-title" data-title>Founded by Australian journalist Claire Lehmann, Quillette publishes high quality long reads on diverse topics, daily.</h1>
<h1 class="gh-header-title is-title">Founded by Australian journalist Claire Lehmann, Quillette publishes high quality long reads on diverse topics, daily.</h1>
<form class="gh-header-form">
<input class="gh-header-input" type="email" placeholder="jamie@example.com">
<button class="gh-button" type="submit">Subscribe</button>
@@ -51,7 +51,7 @@
{{!-- Search layout --}}
{{#match headerStyle "Search"}}
<h1 class="gh-header-title" data-title>Founded by Australian journalist Claire Lehmann, Quillette publishes high quality long reads on diverse topics, daily.</h1>
<h1 class="gh-header-title is-title">Founded by Australian journalist Claire Lehmann, Quillette publishes high quality long reads on diverse topics, daily.</h1>
<form class="gh-header-form">
{{> "icons/search"}}
<button class="gh-header-input" data-ghost-search>Search posts, tags and authors</button>

View File

@@ -2,7 +2,7 @@
<div class="gh-navigation-inner gh-inner">
<div class="gh-navigation-brand">
<a class="gh-navigation-logo" href="{{@site.url}}" data-title>
<a class="gh-navigation-logo is-title" href="{{@site.url}}">
{{#if @site.logo}}
<img src="{{@site.logo}}" alt="{{@site.title}}">
{{else}}

View File

@@ -17,9 +17,9 @@
{{#if @site.icon}}
<img class="gh-about-icon" src="{{@site.icon}}" alt="{{@site.title}}">
{{/if}}
<h3 class="gh-about-title">{{@site.title}}</h3>
<h3 class="gh-about-title is-title">{{@site.title}}</h3>
{{#if @site.description}}
<p class="gh-about-description">{{@site.description}}</p>
<p class="gh-about-description is-body">{{@site.description}}</p>
{{/if}}
{{#if @site.members_enabled}}
{{#unless @member}}

View File

@@ -18,9 +18,9 @@
{{#if primary_tag}}
<p class="gh-card-tag">{{primary_tag.name}}</p>
{{/if}}
<h3 class="gh-card-title" data-title>{{title}}</h3>
<p class="gh-card-excerpt" data-body>{{excerpt}}</p>
<footer class="gh-card-meta" data-body><!--
<h3 class="gh-card-title is-title">{{title}}</h3>
<p class="gh-card-excerpt is-body">{{excerpt}}</p>
<footer class="gh-card-meta"><!--
-->{{#if @custom.show_author}}
<span class="gh-card-author">By {{#foreach authors}}{{#if @first}}{{name}}{{else}}, {{name}}{{/if}}{{/foreach}}</span>
{{/if}}

View File

@@ -1,8 +1,8 @@
<section class="gh-container is-{{#match @custom.post_list_style "List"}}list{{else}}grid{{/match}}{{#if @custom.hide_images}} no-image{{/if}} gh-canvas">
<div class="gh-container-inner">
<section class="gh-container is-{{#match @custom.post_list_style "List"}}list{{else}}grid{{/match}}{{#if @custom.hide_images}} no-image{{/if}} gh-outer">
<div class="gh-container-inner gh-inner">
<h2 class="gh-container-title">Read more</h2>
<div class="gh-feed">
{{#get "posts" include="authors" filter="id:-{{post.id}}" limit="2" as |next|}}
{{#get "posts" include="authors" filter="id:-{{post.id}}" limit="3" as |next|}}
{{#foreach next}}
{{> "loop"}}
{{/foreach}}