Merge branch 'master' of github.com:TryGhost/Starter
This commit is contained in:
David Darnes
commit
b7c0ef78b0
12 changed files with 243 additions and 330 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,10 +1,6 @@
|
|||
/* Buttons
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"],
|
||||
button,
|
||||
.button {
|
||||
display: inline-block;
|
||||
height: var(--height);
|
||||
|
|
@ -23,18 +19,10 @@ button,
|
|||
transition: 0.4s ease;
|
||||
}
|
||||
|
||||
input[type="submit"].fit,
|
||||
input[type="reset"].fit,
|
||||
input[type="button"].fit,
|
||||
button.fit,
|
||||
.button.fit {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input[type="submit"].small,
|
||||
input[type="reset"].small,
|
||||
input[type="button"].small,
|
||||
button.small,
|
||||
.button.small {
|
||||
height: calc(var(--height) * 0.9);
|
||||
line-height: calc(var(--height) * 0.9);
|
||||
|
|
@ -42,10 +30,6 @@ button.small,
|
|||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
input[type="submit"].large,
|
||||
input[type="reset"].large,
|
||||
input[type="button"].large,
|
||||
button.large,
|
||||
.button.large {
|
||||
height: calc(var(--height) * 1.14);
|
||||
line-height: calc(var(--height) * 1.14);
|
||||
|
|
@ -53,37 +37,18 @@ button.large,
|
|||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
|
||||
input[type="submit"].disabled,
|
||||
input[type="submit"]:disabled,
|
||||
input[type="reset"].disabled,
|
||||
input[type="reset"]:disabled,
|
||||
input[type="button"].disabled,
|
||||
input[type="button"]:disabled,
|
||||
button.disabled,
|
||||
button:disabled,
|
||||
.button.disabled,
|
||||
.button:disabled {
|
||||
pointer-events: none;
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
|
||||
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"],
|
||||
button,
|
||||
.button {
|
||||
color: var(--color-primary) !important;
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 0 0 2px var(--color-primary);
|
||||
}
|
||||
|
||||
input[type="submit"]:hover,
|
||||
input[type="reset"]:hover,
|
||||
input[type="button"]:hover,
|
||||
button:hover,
|
||||
.button:hover {
|
||||
text-decoration: none;
|
||||
color: color(var(--color-primary) l(-15%)) !important;
|
||||
|
|
@ -91,20 +56,12 @@ button:hover,
|
|||
transition: 0.2s ease;
|
||||
}
|
||||
|
||||
input[type="submit"].primary,
|
||||
input[type="reset"].primary,
|
||||
input[type="button"].primary,
|
||||
button.primary,
|
||||
.button.primary {
|
||||
color: #fff !important;
|
||||
background-color: var(--color-primary);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
input[type="submit"].primary:hover,
|
||||
input[type="reset"].primary:hover,
|
||||
input[type="button"].primary:hover,
|
||||
button.primary:hover,
|
||||
.button.primary:hover {
|
||||
background-color: color(var(--color-primary) l(-10%));
|
||||
}
|
||||
background-color: color(var(--color-primary) l(-10%));
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,58 @@
|
|||
/* Styling for Ghost-specific elements
|
||||
|
||||
/* Tables
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
table {
|
||||
border-collapse: separate;
|
||||
margin: 0 0 var(--margin) 0;
|
||||
width: 100%;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
th {
|
||||
color: var(--color-base);
|
||||
font-size: 0.9em;
|
||||
font-weight: var(--font-bold);
|
||||
padding: 0 0.7em 0.4em 0.7em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 0.4em 0.7em;
|
||||
border-left-width: 0;
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
td:first-child {
|
||||
border-left-width: 1px;
|
||||
}
|
||||
|
||||
tbody tr {
|
||||
border: solid 1px var(--color-border);
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
tbody tr:first-child td {
|
||||
border-top-width: 1px;
|
||||
}
|
||||
|
||||
tbody tr:nth-child(2n + 1) {
|
||||
background-color: var(--color-bg);
|
||||
}
|
||||
|
||||
tbody td {
|
||||
border: solid 1px var(--color-border);
|
||||
border-left-width: 0;
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
tfoot {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Cards
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.kg-card {
|
||||
|
|
@ -220,90 +274,3 @@
|
|||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* Members Forms
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
form[data-members-form] .button-loader,
|
||||
form[data-members-form] .message-success,
|
||||
form[data-members-form] .message-error {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.message-success svg,
|
||||
.message-error svg {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-right: 5px;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
}
|
||||
.message-success svg {
|
||||
fill: #fff;
|
||||
}
|
||||
.message-error svg {
|
||||
fill: var(--color-primary);
|
||||
}
|
||||
|
||||
form[data-members-form].success .message-success,
|
||||
form[data-members-form].error .message-error {
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
left: 6vw;
|
||||
right: 6vw;
|
||||
z-index: 9999;
|
||||
max-width: calc(1400px - 12vw);
|
||||
margin: 0 auto;
|
||||
padding: 10px 0;
|
||||
color: #fff;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.5em;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
background: var(--color-base);
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
form[data-members-form].success .message-success {
|
||||
background: var(--color-success);
|
||||
}
|
||||
form[data-members-form].error .message-error {
|
||||
color: var(--color-primary);
|
||||
background: #fff;
|
||||
box-shadow: var(--color-primary) 0 0 0 1px;
|
||||
}
|
||||
|
||||
form[data-members-form] .button {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*-- Loading --*/
|
||||
|
||||
/* Hide button text */
|
||||
form[data-members-form].loading .button-content {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* Show loading spinner */
|
||||
form[data-members-form].loading .button-loader {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -19px;
|
||||
transform: scale(0.7);
|
||||
}
|
||||
|
||||
.button-loader svg path,
|
||||
.button-loader svg rect{
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
/*-- Show success message on success --*/
|
||||
form[data-members-form].success .message-success {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*-- Show error message on error --*/
|
||||
form[data-members-form].error .message-error {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -174,10 +174,10 @@ h6 {
|
|||
|
||||
/* Remove all animations and transitions for people that prefer not to see them */
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
* {
|
||||
animation-duration: 0.01ms !important;
|
||||
animation-iteration-count: 1 !important;
|
||||
transition-duration: 0.01ms !important;
|
||||
scroll-behavior: auto !important;
|
||||
}
|
||||
* {
|
||||
animation-duration: 0.01ms !important;
|
||||
animation-iteration-count: 1 !important;
|
||||
transition-duration: 0.01ms !important;
|
||||
scroll-behavior: auto !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,51 +0,0 @@
|
|||
/* Lists
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
ul,
|
||||
ol,
|
||||
dl {
|
||||
margin: 0 0 var(--margin) 0;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
padding-left: 1.3em;
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ul {
|
||||
margin: 0.5em 0 1em;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0.5em 0;
|
||||
padding-left: 0.3em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
|
||||
dt {
|
||||
display: block;
|
||||
font-weight: var(--font-bold);
|
||||
margin: 0 0 calc(var(--margin) * 0.5) 0;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-left: var(--margin);
|
||||
}
|
||||
85
assets/css/components/members.css
Normal file
85
assets/css/components/members.css
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
/* Members Forms
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
form[data-members-form] .button-loader,
|
||||
form[data-members-form] .message-success,
|
||||
form[data-members-form] .message-error {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.message-success svg,
|
||||
.message-error svg {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-right: 5px;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
}
|
||||
.message-success svg {
|
||||
fill: #fff;
|
||||
}
|
||||
.message-error svg {
|
||||
fill: var(--color-primary);
|
||||
}
|
||||
|
||||
form[data-members-form].success .message-success,
|
||||
form[data-members-form].error .message-error {
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
left: 6vw;
|
||||
right: 6vw;
|
||||
z-index: 9999;
|
||||
max-width: calc(1400px - 12vw);
|
||||
margin: 0 auto;
|
||||
padding: 10px 0;
|
||||
color: #fff;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.5em;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
background: var(--color-base);
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
form[data-members-form].success .message-success {
|
||||
background: var(--color-success);
|
||||
}
|
||||
form[data-members-form].error .message-error {
|
||||
color: var(--color-primary);
|
||||
background: #fff;
|
||||
box-shadow: var(--color-primary) 0 0 0 1px;
|
||||
}
|
||||
|
||||
form[data-members-form] .button {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*-- Loading --*/
|
||||
|
||||
/* Hide button text */
|
||||
form[data-members-form].loading .button-content {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* Show loading spinner */
|
||||
form[data-members-form].loading .button-loader {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -19px;
|
||||
transform: scale(0.7);
|
||||
}
|
||||
|
||||
.button-loader svg path,
|
||||
.button-loader svg rect{
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
/*-- Show success message on success --*/
|
||||
form[data-members-form].success .message-success {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*-- Show error message on error --*/
|
||||
form[data-members-form].error .message-error {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
/* Tables
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
table {
|
||||
border-collapse: separate;
|
||||
margin: 0 0 var(--margin) 0;
|
||||
width: 100%;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
th {
|
||||
color: var(--color-base);
|
||||
font-size: 0.9em;
|
||||
font-weight: var(--font-bold);
|
||||
padding: 0 0.7em 0.4em 0.7em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 0.4em 0.7em;
|
||||
border-left-width: 0;
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
td:first-child {
|
||||
border-left-width: 1px;
|
||||
}
|
||||
|
||||
tbody tr {
|
||||
border: solid 1px var(--color-border);
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
tbody tr:first-child td {
|
||||
border-top-width: 1px;
|
||||
}
|
||||
|
||||
tbody tr:nth-child(2n + 1) {
|
||||
background-color: var(--color-bg);
|
||||
}
|
||||
|
||||
tbody td {
|
||||
border: solid 1px var(--color-border);
|
||||
border-left-width: 0;
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
tfoot {
|
||||
border-width: 0;
|
||||
}
|
||||
|
|
@ -5,75 +5,90 @@ production stylesheet in assets/built/screen.css using: gulp dev
|
|||
|
||||
*/
|
||||
|
||||
|
||||
/* Lib - Local component imports
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
/* Base */
|
||||
@import "vars.css";
|
||||
@import "components/global.css";
|
||||
@import "components/ghost.css";
|
||||
@import "components/lists.css";
|
||||
@import "components/grid.css";
|
||||
@import "components/tables.css";
|
||||
|
||||
/* Ghost components */
|
||||
@import "components/content.css";
|
||||
@import "components/members.css";
|
||||
|
||||
/* Global components */
|
||||
@import "components/forms.css";
|
||||
@import "components/buttons.css";
|
||||
|
||||
|
||||
/* Main - Theme styles
|
||||
/* Main - Your styles here! Edit below
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
|
||||
/* Your styles here! Edit below */
|
||||
|
||||
|
||||
/* Global */
|
||||
.inner {
|
||||
.gh-container {
|
||||
width: 100%;
|
||||
max-width: 1030px;
|
||||
max-width: 1100px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.site-head {
|
||||
.gh-head {
|
||||
padding: 20px 4vw;
|
||||
color: #fff;
|
||||
background: var(--color-base);
|
||||
}
|
||||
|
||||
.site-head a {
|
||||
.gh-head a {
|
||||
color: #fff;
|
||||
line-height: 1.2em;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.site-head-container {
|
||||
.gh-head .gh-container {
|
||||
display: grid;
|
||||
grid-gap: 30px;
|
||||
grid-template-columns: 1fr auto 1fr;
|
||||
}
|
||||
|
||||
.gh-head-menu {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.site-head-left .nav {
|
||||
.gh-head-menu .nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.site-head-left .nav li {
|
||||
.gh-head-menu .nav li {
|
||||
margin: 0 10px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.site-head-logo img {
|
||||
height: 30px;
|
||||
width: auto;
|
||||
.gh-head-brand {
|
||||
max-width: 200px;
|
||||
text-align: center;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
/* Main */
|
||||
.site-main {
|
||||
margin: 5vw 4vw;
|
||||
.gh-head-logo {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.gh-head-logo img {
|
||||
max-height: 40px;
|
||||
}
|
||||
|
||||
.gh-head-actions {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.site-foot {
|
||||
.gh-foot {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
|
@ -82,12 +97,6 @@ production stylesheet in assets/built/screen.css using: gulp dev
|
|||
background: var(--color-base);
|
||||
}
|
||||
|
||||
.site-foot a {
|
||||
.gh-foot a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
/* Natural flow and rhythm in articles by default */
|
||||
.post-body > * + * {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
|
|
|||
51
default.hbs
51
default.hbs
|
|
@ -3,33 +3,34 @@
|
|||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
|
||||
<title>{{meta_title}}</title>
|
||||
<meta name="HandheldFriendly" content="True" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}" />
|
||||
|
||||
<title>{{meta_title}}</title>
|
||||
{{ghost_head}}
|
||||
{{!-- Outputs SEO meta+structured data and important settings, should always be in <head> --}}
|
||||
|
||||
</head>
|
||||
<body class="{{body_class}}">
|
||||
<div class="viewport">
|
||||
<div class="gh-viewport">
|
||||
|
||||
<header class="site-head">
|
||||
<div class="site-head-container inner">
|
||||
<nav class="site-head-left">
|
||||
<header class="gh-head">
|
||||
<nav class="gh-container">
|
||||
<div class="gh-head-menu">
|
||||
{{navigation}}
|
||||
</nav>
|
||||
<div class="site-head-center">
|
||||
{{#if @site.logo}}
|
||||
<a class="site-head-logo" href="{{@site.url}}"><img src="{{@site.logo}}" alt="{{@site.title}}" /></a>
|
||||
{{else}}
|
||||
<a class="site-head-logo" href="{{@site.url}}">{{@site.title}}</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
<div class="site-head-right">
|
||||
<div class="social-links">
|
||||
<div class="gh-head-brand">
|
||||
<a class="gh-head-logo" href="{{@site.url}}">
|
||||
{{#if @site.logo}}
|
||||
<img src="{{@site.logo}}" alt="{{@site.title}}" />
|
||||
{{else}}
|
||||
{{@site.title}}
|
||||
{{/if}}
|
||||
</a>
|
||||
</div>
|
||||
<div class="gh-head-actions">
|
||||
<div class="gh-head-actions-list">
|
||||
{{#if @site.facebook}}
|
||||
<a href="{{facebook_url @site.facebook}}" title="Facebook" target="_blank" rel="noopener">Facebook</a>
|
||||
{{/if}}
|
||||
|
|
@ -39,27 +40,23 @@
|
|||
<a href="https://feedly.com/i/subscription/feed/{{@site.url}}/rss/" title="RSS" target="_blank" rel="noopener">RSS</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="site-main">
|
||||
<div class="site-main-container inner">
|
||||
|
||||
{{{body}}}
|
||||
{{!-- All content gets inserted here, index.hbs, post.hbs, etc --}}
|
||||
|
||||
</div>
|
||||
<main class="gh-main">
|
||||
{{{body}}}
|
||||
{{!-- All content gets inserted here, index.hbs, post.hbs, etc --}}
|
||||
</main>
|
||||
|
||||
<footer class="site-foot">
|
||||
<div class="site-foot-container inner">
|
||||
<footer class="gh-foot">
|
||||
<div class="gh-container">
|
||||
© {{date format="YYYY"}} <a href="{{@site.url}}">{{@site.title}}</a> — Published with <a href="https://ghost.org" target="_blank" rel="noopener">Ghost</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
|
||||
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8=" crossorigin="anonymous"></script>
|
||||
|
||||
{{#if pagination.pages}}
|
||||
<script>
|
||||
|
|
|
|||
31
index.hbs
31
index.hbs
|
|
@ -1,21 +1,22 @@
|
|||
{{!< default}}
|
||||
{{!-- The tag above means: insert everything in this file
|
||||
into the {body} of the default.hbs template --}}
|
||||
|
||||
{{#is "home"}}
|
||||
{{#if @site.description}}
|
||||
<header class="page-head">
|
||||
<h2 class="page-head-title">{{@site.description}}</h2>
|
||||
</header>
|
||||
{{/if}}
|
||||
{{/is}}
|
||||
<div class="gh-container">
|
||||
|
||||
<div class="post-feed">
|
||||
{{#foreach posts}}
|
||||
{{#is "home"}}
|
||||
{{#if @site.description}}
|
||||
<header class="page-head">
|
||||
<h2 class="page-head-title">{{@site.description}}</h2>
|
||||
</header>
|
||||
{{/if}}
|
||||
{{/is}}
|
||||
|
||||
{{!-- The tag below includes the markup for each post - partials/post-card.hbs --}}
|
||||
{{> "post-card"}}
|
||||
<div class="post-feed">
|
||||
{{#foreach posts}}
|
||||
|
||||
{{> "post-card"}}
|
||||
{{!-- The tag below includes the markup for each post - partials/post-card.hbs --}}
|
||||
|
||||
{{/foreach}}
|
||||
</div>
|
||||
|
||||
{{/foreach}}
|
||||
</div>
|
||||
|
||||
|
|
|
|||
21
post.hbs
21
post.hbs
|
|
@ -1,23 +1,23 @@
|
|||
{{!< default}}
|
||||
|
||||
{{#post}}
|
||||
<article class="post-content {{post_class}} {{#unless feature_image}}no-image{{/unless}}">
|
||||
<article class="gh-post {{post_class}}">
|
||||
|
||||
<header class="post-content-header">
|
||||
<h1 class="post-content-title">{{title}}</h1>
|
||||
<header class="gh-post-header">
|
||||
<h1 class="gh-post-title">{{title}}</h1>
|
||||
</header>
|
||||
|
||||
{{#if custom_excerpt}}
|
||||
<p class="post-content-excerpt">{{custom_excerpt}}</p>
|
||||
<p class="gh-post-excerpt">{{custom_excerpt}}</p>
|
||||
{{/if}}
|
||||
|
||||
{{#if feature_image}}
|
||||
<div class="post-content-image">
|
||||
<div class="gh-post-image">
|
||||
<img class="kg-image" src="{{feature_image}}" alt="{{title}}" />
|
||||
</div>
|
||||
{{/if}}
|
||||
|
||||
<div class="post-content-body">
|
||||
<div class="gh-post-body">
|
||||
{{content}}
|
||||
</div>
|
||||
|
||||
|
|
@ -26,9 +26,9 @@
|
|||
{{> subscribe-form}}
|
||||
{{/if}}
|
||||
|
||||
<footer class="post-content-footer">
|
||||
<footer class="gh-post-footer">
|
||||
|
||||
<div class="post-authors">
|
||||
<div class="gh-post-authors">
|
||||
Written by
|
||||
{{#foreach authors}}
|
||||
<a href="{{url}}">{{name}}</a>
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
</footer>
|
||||
|
||||
{{!--
|
||||
<section class="post-content-comments">
|
||||
<section class="gh-post-comments">
|
||||
If you want to embed comments, this is a good place to do it!
|
||||
</section>
|
||||
--}}
|
||||
|
|
@ -46,10 +46,9 @@
|
|||
</article>
|
||||
{{/post}}
|
||||
|
||||
{{!-- The #contentFor helper here will send everything inside it up to the matching #block helper found in default.hbs --}}
|
||||
{{!-- The #contentFor helper here will send everything in it to the matching #block helper in default.hbs --}}
|
||||
{{#contentFor "scripts"}}
|
||||
<script>
|
||||
// Layout Script for Ghost Gallery Cards
|
||||
var images = document.querySelectorAll('.kg-gallery-image img');
|
||||
images.forEach(function (image) {
|
||||
var container = image.closest('.kg-gallery-image');
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue