search.html

---
layout: default
---

<article class="body-wrapper margin-wrapper">

    <div id="left-column"></div>

    <div>
        <header>
            <h1>
                {{ page.title | escape }}
            </h1>
        </header>

        <form>
          <input class="search" placeholder="What are you looking for?" />
          <button class="search" type="submit">Find it with Google</button>
        </form>

        <small>Note: you will be redirected to Google.com website</small>
    </div>
</article>

<script>
  var button = document.getElementsByTagName('button')[0];
  var edit_box = document.getElementsByClassName('search')[0];

  button.onclick = function(e) {
    var edit_box_contents = edit_box.value;
    document.location = 'https://www.google.com/search?q=site%3Aelixir-luxembourg.org+' + edit_box_contents;
    e.preventDefault();
  }
</script>