Add "I want to think about..." search bar to header

The subscribe link is added underneath with an email icon

assets/css/screen.css

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

index.hbs

@@ -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">
+        <a class="header-cta-secondary" href="#/portal">
-            <div>Enter your email</div>
+          <p>{{> "icons/email"}} Think about something new every week</p>
-            <span>Sign up</span>
         </a>
     {{/unless}}
 </div>

partials/icons/email.hbs

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