partials/theme_header.hbs

   1 <header>
   2         <div class="header-container">
   3                 <div class="container">
   4                         <a class="blog-logo" href="{{@site.url}}" title="{{@site.title}}">
   5                                 {{#if @site.logo}} <img src="{{@site.logo}}" alt="{{@site.title}}" /> {{else}} <b>{{@site.title}}</b> {{/if}}
   6                         </a>
   7                         {{navigation}}
   8                 </div>
   9         </div>
  10         {{!-- This is the search container - visible after a user clicks the search button --}}
  11
  12         <div id="morphing">
  13                 <svg width="100%" height="100%" viewBox="0 0 10 10" preserveAspectRatio="none" style="position: absolute; top: 0; left: 0; pointer-events: none;" xmlns:xlink="http://www.w3.org/1999/xlink"><path class="path" fill="#FFF100" d="M 10,0 L 10,0 C 10,0 10,0 5,0 C 0,0 0,0 0,0 L 0,0 Z"></path></svg>
  14         </div>
  15
  16         <div class="search-container">
  17                 <form>
  18                         <input id="search-field" placeholder="{{t "Search"}}" autocomplete="off"/>
  19                 </form>
  20                 <ul id="results" data-no-results="{{t "No posts found"}}"></ul>
  21         </div>
  22 </header>