_layouts/default.html

<!DOCTYPE html>
<html>
<head>
  {% include head.html %}
</head>
<body class="team">

  {% include gtm_body_container.html %}

  <div id="wrapper">

    <header id="header">
      <div class="wrapper-holder">
        {% include nav.html %}
      </div>
        {% include content_header.html %}
      <div class="sub-nav-wrapper-holder">
        <div class="wrapper-holder">
        {% include subnav.html %}
        </div>
      </div>
    </header>

    <div id="main">
      <div class="wrapper-holder">
        <section class="container">


          <div class="content-container docs">

            {% include sidebar_nav.html %}

            <div style="float: right; width: 700px" class="content">
              {% if page.languages %}{% include language-dropdown.html %}{% endif %}<h1>{{ page.title }}</h1> {% if page.summary %}
              <p class="subtitle">{{ page.summary }}</p>{% endif %}
              {{ content }}
            </div>

          </div>
        </section>
      </div>
    </div>
  </div>

  <!-- footer -->
  <footer id="footer">
    {% include footer.html %}
    <script src="/js/jquery-2.1.1.min.js" type="text/javascript"></script>
    <script src="/js/jquery-ui-1.10.4.min.js" type="text/javascript"></script>
    <script src="/js/modernizr.js" type="text/javascript"></script>
    <script src="/js/application.js" type="text/javascript"></script>
    <script src="/js/custom.js" type="text/javascript"></script>
    <script src="/js/search.min.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">
      $(function() {
        $('#search-query').lunrSearch({
          indexUrl: '/search.json',
          results:  '#search-results',
          entries:  '.entries',
          template: '#search-results-template'
        });
      });
    </script>

    {% raw %}
    <script id="search-results-template" type="text/mustache">
      {{#entries}}
        <article>
          <h3>
            <a href="{{url}}">{{title}}</a>
          </h3>
          <p>{{short}}</p>
        </article>
      {{/entries}}
    </script>
    {% endraw %}
  </footer>
  {% if page.languages %}
  <script src="/js/bootstrap-dropdown.js" type="text/javascript"></script>
  <script src="/js/language_switcher.js" type="text/javascript"></script>
  <script src="/js/purl.js" type="text/javascript"></script>
  <script src="/js/cookies.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    {% assign default_lang = "ruby" %}
    var languages = { {% for lang in page.languages %}{% if lang.default %}{% assign default_lang = lang.slug %}{% endif %}
      '{{ lang.slug }}': '{{ lang.name }}'{% unless forloop.last %},{% endunless %}{% endfor %}
    };
  </script>
  <script>
  $(document).ready(function() {
    if ($.url().param('lang')!=null) {
      desiredLanguage = $.url().param('lang');
    } else {
      if (Cookies.get('desired_language')!=null || localStorage.getItem("desired_language")!=null) {
        if (Cookies.get('desired_language')!=null) {
          desiredLanguage = Cookies.get('desired_language');
        } else {
          desiredLanguage = localStorage.getItem('desired_language');
        }
      } else {
        desiredLanguage = "{{ default_lang }}";
      }
    };
    if(!validLanguage(desiredLanguage)) {
      switchLanguage("{{ default_lang }}", false);
    } else {
      switchLanguage(desiredLanguage);
    }
  });
  </script>
  {% endif %}
</body>
</html>