<!DOCTYPE html>
<html {% if page.direction == "rtl" %}dir="rtl" {% endif %}lang="{{ page.lang }}">
  <head>
    <meta charset="utf-8">
    <meta name="dc.creator" content="Rémi Prévost - http://exomel.com">
    {% if page.title %}
    <title>{{ page.title }} — Homebrew</title>
    {% elsif page.direction == "rtl" %}
    <title>{{ page.subtitle }} — Homebrew</title>
    {% else %}
    <title>Homebrew — {{ page.subtitle }}</title>
    {% endif %}
    {% seo title=false %}
    {% feed_meta %}
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/img/favicon.ico">
    <link rel="icon" sizes="16x16" href="/img/favicon-16x16.png" >
    <link rel="icon" sizes="32x32" href="/img/favicon-32x32.png">
    <link rel="icon" sizes="96x96" href="/img/favicon-96x96.png">
    <link rel="icon" sizes="192x192" href="/img/favicon-192x192.png">
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/img/apple-touch-icon-57x57-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/apple-touch-icon-72x72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/img/apple-touch-icon-76x76-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/apple-touch-icon-114x114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/img/apple-touch-icon-120x120-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/img/apple-touch-icon-144x144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/img/apple-touch-icon-152x152-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/img/apple-touch-icon-180x180-precomposed.png">
    <link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen">
    <link rel="stylesheet" href="/css/pygments.css" type="text/css" media="screen">
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-76679469-2', 'auto');
      ga('set', 'anonymizeIp', true);
      ga('send', 'pageview');

    </script>
    {% for lang in site.langs %}
      {% if lang.langcode == "en" %}
      <link rel="alternate" hreflang="en" href="{{ site.url }}" />
      <link rel="alternate" hreflang="x-default" href="{{ site.url }}" />
      {% else %}
      <link rel="alternate" hreflang="{{ lang.langcode }}" href="{{ lang.langcode | downcase | append: '.html' | prepend: '/index_' | prepend: site.url }}" />
      {% endif %}
    {% endfor %}
  </head>
  <body>
    <div id="wrap">
      <div id="header" class="{{ page.header-class }}">
        <img alt="Homebrew logo" src="/img/homebrew-256x256.png" width="128" height="128">
        <h1><a href="/">Homebrew</a></h1>
        {% if page.subtitle %}
        <p id="subtitle"><strong>{{ page.subtitle }}</strong></p>
        {% endif %}

        {% if page.lang %}
        <select id="language" onchange="loadLanguage(this.options[this.selectedIndex].value)">
          {% for lang in site.langs %}
            {% if page.lang == lang.langcode %}
            <option value="{{ lang.langcode | downcase }}" selected="selected">{{ lang.lang_string }}</option>
            {% else %}
            <option value="{{ lang.langcode | downcase }}">{{ lang.lang_string }}</option>
            {% endif %}
          {% endfor %}
        </select>
        {% endif %}
      </div>

      {{ content }}

    </div>

    <a href="https://github.com/Homebrew/brew/"><img id="forkme" src="https://aral.github.io/fork-me-on-github-retina-ribbons/right-grey@2x.png" alt="Fork me on GitHub"></a>
    <script>
      function selectText(elem) {
        if (document.selection) {
            var range = document.body.createTextRange();
            range.moveToElementText(elem);
            range.select();
        } else if (window.getSelection) {
            var range = document.createRange();
            range.selectNode(elem);
            window.getSelection().addRange(range);
        }
      }

      function loadLanguage(lang) {
        if (lang === {{ page.lang | jsonify }}) {
            return;
        } else if (lang === "en") {
            window.location.replace("/");
        } else {
            window.location.replace("/index_" + lang + ".html");
        }
      }
    </script>
  </body>
</html>
