Add "I want to think about..." search bar to header
The subscribe link is added underneath with an email icon
This commit is contained in:
parent
20ebf30213
commit
49d341d69e
6 changed files with 4723 additions and 4609 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1704,6 +1704,11 @@ Ghost editor. */
|
|||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.header-cta-secondary p {
|
||||
color: #fff;
|
||||
font-size: 1.8rem;
|
||||
margin-top: 1.8rem;
|
||||
}
|
||||
|
||||
/* 7.4. Read more
|
||||
/* ---------------------------------------------------------- */
|
||||
|
|
|
@ -24,10 +24,13 @@ into the {body} of the default.hbs template --}}
|
|||
{{/if}}
|
||||
</h1>
|
||||
<p>{{@site.description}}</p>
|
||||
<a class="header-cta-button" href="#/search">
|
||||
<div>I want to think about...</div>
|
||||
<span>Search</span>
|
||||
</a>
|
||||
{{#unless @member}}
|
||||
<a class="header-cta-button" href="#/portal">
|
||||
<div>Enter your email</div>
|
||||
<span>Sign up</span>
|
||||
<a class="header-cta-secondary" href="#/portal">
|
||||
<p>{{> "icons/email"}} Think about something new every week</p>
|
||||
</a>
|
||||
{{/unless}}
|
||||
</div>
|
||||
|
|
1
partials/icons/email.hbs
Normal file
1
partials/icons/email.hbs
Normal file
|
@ -0,0 +1 @@
|
|||
<svg viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 24px; height: 24px; color: rgb(255, 255, 255);"><path d="M21.75 1.5H2.25c-.828 0-1.5.672-1.5 1.5v12c0 .828.672 1.5 1.5 1.5h19.5c.828 0 1.5-.672 1.5-1.5V3c0-.828-.672-1.5-1.5-1.5zM15.687 6.975L19.5 10.5M8.313 6.975L4.5 10.5" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M22.88 2.014l-9.513 6.56C12.965 8.851 12.488 9 12 9s-.965-.149-1.367-.426L1.12 2.014" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
|
After Width: | Height: | Size: 585 B |
Loading…
Reference in a new issue