---
layout: page
title: Search
header: Search
group: navigation
---
{% include JB/setup %}

<script type="text/javascript">
   // Using liquid to populate JeykllApp.posts array
   JekyllApp.posts = {% include Helper/JekyllAppPosts %}
</script>

<div id="search-container" class="entrance" ng-app="JekyllApp" ng-controller="JekyllSearchController">
  <div class="entrance-item">
    <p><input id="searchText" type="search" placeholder="Live Search Posts..." ng-model-instant ng-model="searchText" />
  </div>
  <div class="entrance-item">
    <ul>
      <li ng-repeat="post in posts | filter:searchText">
         <span ng-bind-html-unsafe="post.date | date:'MMM d, y' | highlight:searchText"></span> &raquo;
        <a ng-href="{{ '{{ post.url ' }}}}" ng-click="externalLink()"
           ng-bind-html-unsafe="post.title | highlight:searchText"></a>
          <div class="preview" ng-bind-html-unsafe="post.content | highlight:searchText"></div>
      </li>
    </ul>
  </div>
</div>