Replace hardcoded text with strings stored in _data file

_data/ui-text.yml

@@ -40,6 +40,8 @@ en: &DEFAULT_EN
   comment_success_msg        : "Thanks for your comment! It will show on the site once it has been approved."
   comment_error_msg          : "Sorry, there was an error with your submission. Please make sure all required fields have been completed and try again."
   loading_label              : "Loading..."
+  search_placeholder_text    : "Enter your search term..."
+  results_found              : "Result(s) found"
 en-US:
   <<: *DEFAULT_EN
 en-CA:

_layouts/search.html

@@ -21,10 +21,12 @@ layout: default
     {% endunless %}
 
     {{ content }}
-    
-    <input placeholder="Search..." type="search" id="search" class="search-input">
-    <div id="results"></div>
 
+    <form>
+      <input placeholder="{{ site.data.ui-text[site.locale].search_placeholder_text | default: "Enter your search term..." }}" type="search" id="search" class="search-input">
+    </form>
+
+    <div id="results"></div>
 
   </div>
 </div>

assets/js/lunr-en.js

@@ -1,6 +1,6 @@
 ---
+---
 
----
 var idx = lunr(function () {
   this.field('title', {boost: 10})
   this.field('excerpt')
@@ -58,26 +58,26 @@ $(document).ready(function() {
     var query = $(this).val();
     var result = idx.search(query);
     resultdiv.empty();
-    resultdiv.prepend('<p>'+result.length+' Result(s) found</p>');
+    resultdiv.prepend('<p>'+result.length+' {{ site.data.ui-text[site.locale].results_found | default: "Result(s) found" }}</p>');
     for (var item in result) {
       var ref = result[item].ref;
       if(store[ref].teaser){
         var searchitem =
-          '<div>'+
+          '<div class="list__item">'+
             '<article class="archive__item" itemscope itemtype="http://schema.org/CreativeWork">'+
-              '<div class="archive__item-teaser">'+
-                '<img src="'+store[ref].teaser+'" alt="">'+
-              '</div>'+
               '<h2 class="archive__item-title" itemprop="headline">'+
                 '<a href="'+store[ref].url+'" rel="permalink">'+store[ref].title+'</a>'+
               '</h2>'+
+              '<div class="archive__item-teaser">'+
+                '<img src="'+store[ref].teaser+'" alt="">'+
+              '</div>'+
               '<p class="archive__item-excerpt" itemprop="description">'+store[ref].excerpt+'</p>'+
             '</article>'+
           '</div>';
       }
       else{
     	  var searchitem =
-          '<div>'+
+          '<div class="list__item">'+
             '<article class="archive__item" itemscope itemtype="http://schema.org/CreativeWork">'+
               '<h2 class="archive__item-title" itemprop="headline">'+
                 '<a href="'+store[ref].url+'" rel="permalink">'+store[ref].title+'</a>'+

docs/_data/ui-text.yml

@@ -40,6 +40,8 @@ en: &DEFAULT_EN
   comment_success_msg        : "Thanks for your comment! It will show on the site once it has been approved."
   comment_error_msg          : "Sorry, there was an error with your submission. Please make sure all required fields have been completed and try again."
   loading_label              : "Loading..."
+  search_placeholder_text    : "Enter your search term..."
+  results_found              : "Result(s) found"
 en-US:
   <<: *DEFAULT_EN
 en-CA: