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:
Badri Sunderarajan 2023-02-11 19:18:05 +05:30
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

View file

@ -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
/* ---------------------------------------------------------- */

View file

@ -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
View 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

9313
yarn.lock

File diff suppressed because it is too large Load diff