CTA
This commit is contained in:
Sodbileg Gansukh committed
1 parent
93bce3d338
commit
fa133aa6ad
8 files changed
+193
-26
No files matched your search
@@ -1,2 +1,2 @@
|
||||
:root{--color-white:#fff;--color-lighter-gray:#f6f6f6;--color-light-gray:#e6e6e6;--color-mid-gray:#ccc;--color-dark-gray:#444;--color-darker-gray:#15171a;--color-black:#000;--color-primary-text:var(--color-darker-gray);--color-secondary-text:rgba(0,0,0,.4);--color-border:rgba(0,0,0,.08);--font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-serif:"EB Garamond",Georgia,Times,serif;--font-slab:"Roboto Slab",Georgia,Times,serif;--font-mono:Menlo,Courier,monospace;--container-width:1280px;--container-gap:clamp(24px,1.7032rem + 1.9355vw,48px);--grid-gap:40px}:is(.gh-navigation,.gh-footer).has-accent-color,:root.has-light-text{--color-lighter-gray:rgba(0,0,0,.15);--color-darker-gray:#fff;--color-secondary-text:hsla(0,0%,100%,.64);--color-border:hsla(0,0%,100%,.15)}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(/assets/fonts/inter-roman.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:EB Garamond;font-style:normal;font-weight:400 800;src:url(/assets/fonts/eb-garamond-roman.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:EB Garamond;font-style:italic;font-weight:400 800;src:url(/assets/fonts/eb-garamond-italic.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:100 900;src:url(/assets/fonts/roboto-slab-roman.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*,:after,:before{box-sizing:border-box}*{margin:0}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}iframe{display:block}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:1.2}body{background-color:var(--background-color);color:var(--color-primary-text);font-family:var(--font-sans);font-size:1.6rem}a{color:var(--color-darker-gray);text-decoration:none}a:hover{opacity:.8}.gh-button{align-items:center;background-color:var(--ghost-accent-color);border:0;border-radius:100px;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:1.6rem;font-weight:600;gap:.4em;justify-content:center;letter-spacing:-.004em;line-height:1;padding:.8em 1.4em}.has-slab-title .gh-button{border-radius:8px}.has-serif-title .gh-button{border-radius:0}.gh-button:hover{opacity:.95}.gh-icon-button{align-items:center;background-color:transparent;border:0;color:var(--color-darker-gray);cursor:pointer;display:inline-flex;height:32px;justify-content:center;outline:none;padding:0;width:32px}.gh-icon-button:hover :is(svg,span){opacity:.8}.gh-icon-button svg{height:20px;width:20px}.gh-viewport{display:flex;flex-direction:column;min-height:100vh;position:relative}.gh-outer{padding:0 max(4vmin,20px)}.gh-inner{margin:0 auto;max-width:var(--container-width);width:100%}.gh-main{flex-grow:1}.gh-canvas,.kg-width-full.kg-content-wide{--main:min(var(--content-width,680px),100% - var(--container-gap) * 2);--wide:minmax(0,calc((var(--container-width, 1200px) - var(--content-width, 680px))/2));--full:minmax(var(--container-gap),1fr);display:grid;grid-template-columns:[full-start] var(--full) [wide-start] var(--wide) [main-start] var(--main) [main-end] var(--wide) [wide-end] var(--full) [full-end]}.gh-canvas>*{grid-column:main}.kg-content-wide>div,.kg-width-wide{grid-column:wide}.kg-width-full{grid-column:full}.gh-navigation{color:var(--color-darker-gray);font-size:1.5rem;font-weight:550;height:100px}.gh-navigation :is(.gh-navigation-logo,a:not(.gh-button),.gh-icon-button){color:inherit}.gh-navigation-inner{align-items:center;-moz-column-gap:24px;column-gap:24px;display:grid;grid-auto-flow:row dense;height:100%}.gh-navigation-brand{line-height:1}.gh-navigation-logo{font-size:2.6rem;font-weight:750;letter-spacing:-.015em;position:relative;white-space:nowrap}.gh-navigation-logo img{max-height:40px}.gh-navigation-menu{align-items:center;display:flex;gap:24px}.gh-navigation .nav{align-items:center;display:inline-flex;gap:24px;list-style:none;margin:0;padding:0;white-space:nowrap}.gh-navigation .gh-more-toggle{font-size:inherit;margin:0 -6px;position:relative;text-transform:inherit}.gh-navigation .gh-more-toggle svg{height:24px;width:24px}.ghLine truncated
|
||||
:root{--color-white:#fff;--color-lighter-gray:#f6f6f6;--color-light-gray:#e6e6e6;--color-mid-gray:#ccc;--color-dark-gray:#444;--color-darker-gray:#15171a;--color-black:#000;--color-primary-text:var(--color-darker-gray);--color-secondary-text:rgba(0,0,0,.4);--color-border:rgba(0,0,0,.08);--font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-serif:"EB Garamond",Georgia,Times,serif;--font-slab:"Roboto Slab",Georgia,Times,serif;--font-mono:Menlo,Courier,monospace;--container-width:1280px;--container-gap:clamp(24px,1.7032rem + 1.9355vw,48px);--grid-gap:40px}:is(.gh-navigation,.gh-footer).has-accent-color,:root.has-light-text{--color-lighter-gray:rgba(0,0,0,.15);--color-darker-gray:#fff;--color-secondary-text:hsla(0,0%,100%,.64);--color-border:hsla(0,0%,100%,.15)}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(/assets/fonts/inter-roman.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:EB Garamond;font-style:normal;font-weight:400 800;src:url(/assets/fonts/eb-garamond-roman.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:EB Garamond;font-style:italic;font-weight:400 800;src:url(/assets/fonts/eb-garamond-italic.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:100 900;src:url(/assets/fonts/roboto-slab-roman.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*,:after,:before{box-sizing:border-box}*{margin:0}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}iframe{display:block}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:1.2}body{background-color:var(--background-color);color:var(--color-primary-text);font-family:var(--font-sans);font-size:1.6rem}a{color:var(--color-darker-gray);text-decoration:none}a:hover{opacity:.8}.gh-button{align-items:center;background-color:var(--ghost-accent-color);border:0;border-radius:100px;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:1.6rem;font-weight:600;gap:.4em;justify-content:center;letter-spacing:-.004em;line-height:1;padding:.8em 1.4em}.gh-button:hover{opacity:.95}.gh-icon-button{align-items:center;background-color:transparent;border:0;color:var(--color-darker-gray);cursor:pointer;display:inline-flex;height:32px;justify-content:center;outline:none;padding:0;width:32px}.gh-icon-button:hover :is(svg,span){opacity:.8}.gh-icon-button svg{height:20px;width:20px}.gh-viewport{display:flex;flex-direction:column;min-height:100vh;position:relative}.gh-outer{padding:0 max(4vmin,20px)}.gh-inner{margin:0 auto;max-width:var(--container-width);width:100%}.gh-main{flex-grow:1}.gh-canvas,.kg-width-full.kg-content-wide{--main:min(var(--content-width,680px),100% - var(--container-gap) * 2);--wide:minmax(0,calc((var(--container-width, 1200px) - var(--content-width, 680px))/2));--full:minmax(var(--container-gap),1fr);display:grid;grid-template-columns:[full-start] var(--full) [wide-start] var(--wide) [main-start] var(--main) [main-end] var(--wide) [wide-end] var(--full) [full-end]}.gh-canvas>*{grid-column:main}.kg-content-wide>div,.kg-width-wide{grid-column:wide}.kg-width-full{grid-column:full}.gh-navigation{color:var(--color-darker-gray);font-size:1.5rem;font-weight:550;height:100px}.gh-navigation :is(.gh-navigation-logo,a:not(.gh-button),.gh-icon-button){color:inherit}.gh-navigation-inner{align-items:center;-moz-column-gap:24px;column-gap:24px;display:grid;grid-auto-flow:row dense;height:100%}.gh-navigation-brand{line-height:1}.gh-navigation-logo{font-size:2.6rem;font-weight:750;letter-spacing:-.015em;position:relative;white-space:nowrap}.gh-navigation-logo img{max-height:40px}.gh-navigation-menu{align-items:center;display:flex;gap:24px}.gh-navigation .nav{align-items:center;display:inline-flex;gap:24px;list-style:none;margin:0;padding:0;white-space:nowrap}.gh-navigation .gh-more-toggle{font-size:inherit;margin:0 -6px;position:relative;text-transform:inherit}.gh-navigation .gh-more-toggle svg{height:24px;width:24px}.gh-navigation-actions{align-items:center;display:flex;gap:24px;justify-content:flex-end}.ghLine truncated
|
||||
/*# sourceMappingURL=screen.css.map */
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sources":["screen.css"],"names":[],"mappings":"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 truncated
|
||||
{"version":3,"sources":["screen.css"],"names":[],"mappings":"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 truncated
|
||||
+155
-17
@@ -195,14 +195,6 @@ a:hover {
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
.has-slab-title .gh-button {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.has-serif-title .gh-button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.gh-button:hover {
|
||||
opacity: 0.95;
|
||||
}
|
||||
@@ -830,7 +822,7 @@ Search LOGO Login Subscribe
|
||||
|
||||
.gh-header {
|
||||
position: relative;
|
||||
margin-top: 20px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.gh-header-image {
|
||||
@@ -940,11 +932,12 @@ Search LOGO Login Subscribe
|
||||
|
||||
.gh-header.is-highlight .gh-header-inner {
|
||||
display: grid;
|
||||
grid-template-columns: 3fr 1fr;
|
||||
grid-template-columns: repeat(16, 1fr);
|
||||
gap: var(--grid-gap);
|
||||
}
|
||||
|
||||
.gh-header.is-highlight .gh-card:first-child {
|
||||
grid-column: span 8;
|
||||
grid-row: span 3;
|
||||
}
|
||||
|
||||
@@ -957,7 +950,7 @@ Search LOGO Login Subscribe
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.gh-header.is-highlight .gh-card:first-child .gh-card-title {
|
||||
.gh-header.is-highlight :is(.gh-header-inner, .gh-header-left) > .gh-card:first-child .gh-card-title {
|
||||
max-width: 840px;
|
||||
font-size: clamp(3.2rem, 3.18vw + 1.93rem, 6rem);
|
||||
font-weight: 750;
|
||||
@@ -965,12 +958,12 @@ Search LOGO Login Subscribe
|
||||
letter-spacing: -0.03em;
|
||||
}
|
||||
|
||||
.gh-header.is-highlight .gh-card:first-child .gh-card-excerpt {
|
||||
.gh-header.is-highlight :is(.gh-header-inner, .gh-header-left) > .gh-card:first-child .gh-card-excerpt {
|
||||
margin-top: 10px;
|
||||
font-size: 1.7rem;
|
||||
}
|
||||
|
||||
.gh-header.is-highlight .gh-card:first-child .gh-card-meta:not(:empty) {
|
||||
.gh-header.is-highlight :is(.gh-header-inner, .gh-header-left) > .gh-card:first-child .gh-card-meta:not(:empty) {
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
@@ -978,7 +971,47 @@ Search LOGO Login Subscribe
|
||||
display: none;
|
||||
}
|
||||
|
||||
.gh-header.is-highlight .gh-card:first-child::after {
|
||||
.gh-header.is-highlight .gh-header-left {
|
||||
position: relative;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(12, 1fr);
|
||||
gap: var(--grid-gap);
|
||||
grid-column: span 12;
|
||||
}
|
||||
|
||||
.gh-header.is-highlight .gh-header-left .gh-card:not(:first-child) {
|
||||
grid-column: 9 / -1;
|
||||
}
|
||||
|
||||
.gh-header.is-highlight .gh-header-left .gh-card:first-child .gh-card-title {
|
||||
font-size: clamp(2.4rem, 2.73vw + 1.31rem, 4.8rem);
|
||||
line-height: 1;
|
||||
letter-spacing: -0.022em;
|
||||
}
|
||||
|
||||
.gh-header.is-highlight .gh-header-left .gh-card:first-child .gh-card-image {
|
||||
aspect-ratio: 16 / 10;
|
||||
}
|
||||
|
||||
.gh-header.is-highlight .gh-header-left .gh-card:nth-child(4) .gh-card-image {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.gh-header.is-highlight .gh-header-right {
|
||||
grid-column: 13 / -1;
|
||||
}
|
||||
|
||||
.gh-header.is-highlight .gh-featured {
|
||||
margin-top: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.gh-header.is-highlight .gh-featured-feed {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.gh-header.is-highlight :is(.gh-card:first-child, .gh-header-left)::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: calc(var(--grid-gap) / -2);
|
||||
@@ -988,7 +1021,7 @@ Search LOGO Login Subscribe
|
||||
background-color: var(--color-border);
|
||||
}
|
||||
|
||||
.gh-header.is-highlight .gh-card:not(:first-child) + .gh-card::before {
|
||||
.gh-header.is-highlight .gh-card + .gh-card::before {
|
||||
position: absolute;
|
||||
top: calc(var(--grid-gap) / -2);
|
||||
left: 0;
|
||||
@@ -998,6 +1031,15 @@ Search LOGO Login Subscribe
|
||||
background-color: var(--color-border);
|
||||
}
|
||||
|
||||
.gh-header.is-highlight :is(.gh-header-inner, .gh-header-left) > .gh-card:nth-child(2)::before,
|
||||
.gh-header.is-highlight .gh-featured .gh-card::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* .gh-header.is-highlight .gh-featured-feed .gh-card::before {
|
||||
dis
|
||||
} */
|
||||
|
||||
/* 8.3. Classic layout */
|
||||
|
||||
.gh-header.is-classic {
|
||||
@@ -1117,7 +1159,8 @@ Search LOGO Login Subscribe
|
||||
}
|
||||
|
||||
.gh-featured-feed .gh-card-title {
|
||||
font-size: 1.8rem;
|
||||
font-size: 1.6rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.011em;
|
||||
}
|
||||
|
||||
@@ -1930,12 +1973,107 @@ figcaption a {
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
.has-slab-title :is(.gh-button, .gh-header-form) {
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.has-serif-title :is(.gh-button, .gh-header-form) {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* 19.2. Colors */
|
||||
|
||||
.has-light-text .gh-header.is-classic .gh-header-form:hover {
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.gh-cta {
|
||||
margin-top: 64px;
|
||||
}
|
||||
|
||||
.gh-cta-inner {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 34px;
|
||||
padding-top: 40px;
|
||||
border-top: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
.gh-cta-inner > * {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.gh-cta-content {
|
||||
padding: 8px 0 8px 24px;
|
||||
border-left: 8px solid var(--ghost-accent-color);
|
||||
}
|
||||
|
||||
.gh-cta-title {
|
||||
max-width: 720px;
|
||||
font-size: 3.8rem;
|
||||
font-weight: 750;
|
||||
line-height: 1.1;
|
||||
letter-spacing: -0.017em;
|
||||
}
|
||||
|
||||
.gh-cta-description {
|
||||
margin-top: 8px;
|
||||
font-size: 2rem;
|
||||
font-weight: 450;
|
||||
line-height: 1.4;
|
||||
letter-spacing: -.015em;
|
||||
color: var(--color-secondary-text);
|
||||
}
|
||||
|
||||
.gh-cta .gh-header-form {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
max-width: 640px;
|
||||
width: 100%;
|
||||
height: 64px;
|
||||
font-size: 1.8rem;
|
||||
font-weight: 450;
|
||||
letter-spacing: -0.008em;
|
||||
border-radius: 40px;
|
||||
background-color: var(--color-lighter-gray);
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
.gh-cta .gh-header-form:hover {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.gh-cta .gh-header-input {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
padding-inline: 28px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: inherit;
|
||||
letter-spacing: inherit;
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.gh-cta button.gh-header-input {
|
||||
padding-inline-start: 56px;
|
||||
text-align: left;
|
||||
color: var(--color-secondary-text);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.gh-cta .gh-button {
|
||||
position: absolute;
|
||||
right: 6px;
|
||||
padding-inline: 32px;
|
||||
height: 52px;
|
||||
font-size: inherit;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* X. Footer
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
@@ -2015,7 +2153,7 @@ figcaption a {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding-block: 100px;
|
||||
padding-block: 80px 100px;
|
||||
}
|
||||
|
||||
.gh-footer-signup-header {
|
||||
|
||||
@@ -2,5 +2,11 @@
|
||||
{{!-- The tag above means: insert everything in this file into the body of the default.hbs template --}}
|
||||
|
||||
{{> "components/header" headerStyle=@custom.header_style}}
|
||||
{{> "components/featured" showFeatured=@custom.show_featured}}
|
||||
|
||||
{{#match @custom.header_style "!=" "Highlight"}}
|
||||
{{> "components/featured" showFeatured=@custom.show_featured limit=4}}
|
||||
{{/match}}
|
||||
|
||||
{{> "components/cta"}}
|
||||
|
||||
{{> "components/post-list" postListStyle=@custom.post_list_style}}
|
||||
+2
-2
@@ -133,13 +133,13 @@
|
||||
"header_style": {
|
||||
"type": "select",
|
||||
"options": [
|
||||
"Magazine",
|
||||
"Highlight",
|
||||
"Magazine",
|
||||
"Landing",
|
||||
"Search",
|
||||
"Off"
|
||||
],
|
||||
"default": "Magazine",
|
||||
"default": "Highlight",
|
||||
"group": "homepage"
|
||||
},
|
||||
"use_publication_cover_as_background": {
|
||||
|
||||
@@ -0,0 +1,12 @@
|
||||
<section class="gh-cta gh-outer">
|
||||
<div class="gh-cta-inner gh-inner">
|
||||
<div class="gh-cta-content">
|
||||
<h2 class="gh-cta-title is-title">{{@custom.footer_signup_header}}</h2>
|
||||
<p class="gh-cta-description is-body">{{@custom.footer_signup_subhead}}</p>
|
||||
</div>
|
||||
<form class="gh-header-form">
|
||||
<input class="gh-header-input" type="email" placeholder="jamie@example.com">
|
||||
<button class="gh-button" type="submit">Subscribe</button>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,5 +1,5 @@
|
||||
{{#if showFeatured}}
|
||||
{{#get "posts" filter="featured:true" include="authors" limit="4" as |featured|}}
|
||||
{{#get "posts" filter="featured:true" include="authors" limit=limit as |featured|}}
|
||||
{{#if featured}}
|
||||
<section class="gh-featured gh-outer">
|
||||
<div class="gh-featured-inner gh-inner">
|
||||
|
||||
@@ -35,9 +35,20 @@
|
||||
|
||||
{{!-- Highlight layout --}}
|
||||
{{#match headerStyle "Highlight"}}
|
||||
{{#foreach posts limit="4"}}
|
||||
{{> "loop"}}
|
||||
{{/foreach}}
|
||||
{{#if @custom.show_featured}}
|
||||
<div class="gh-header-left">
|
||||
{{#foreach posts limit="4"}}
|
||||
{{> "loop"}}
|
||||
{{/foreach}}
|
||||
</div>
|
||||
<div class="gh-header-right">
|
||||
{{> "components/featured" showFeatured=@custom.show_featured limit=6}}
|
||||
</div>
|
||||
{{else}}
|
||||
{{#foreach posts limit="4"}}
|
||||
{{> "loop"}}
|
||||
{{/foreach}}
|
||||
{{/if}}
|
||||
{{/match}}
|
||||
|
||||
{{!-- Landing layout --}}
|
||||
|
||||
Reference in new issue
Block a user