--- title: Search --- <div class="columns"> <div class="column is-half"> <div class="content"> <h1>Blog results</h1> </div> <div id="blog_results"></div> </div> <div class="column"> <div class="content"> <h1>Event results</h1> </div> <div id="event_results"></div> </div> </div> <% content_for :head do %> <!-- CSS --> <!-- TiptueSearch CSS --> <link rel="stylesheet" href="/assets/stylesheets/tipuesearch/tipuesearch.css" > <% end %> <% content_for :scripts do %> <script src="https://code.jquery.com/jquery-3.0.0.min.js" charset="utf-8"></script> <%= asset :js, :tipuesearch_set %> <%= asset :js, :tipuesearch %> <script> $(document).ready(function() { $('#tipue_search_input_field').tipuesearch({ 'wholeWords': false, 'showTitleCount': false, 'tipue_search_content': '#blog_results', 'contentLocation': '../blog_search.json' }); $('#tipue_search_input_field').tipuesearch({ 'wholeWords': false, 'showTitleCount': false, 'tipue_search_content': '#event_results', 'contentLocation': '../event_search.json' }); }); </script> <% end %>