<header class="site-header">

  <h1>
    <a class='site-title lang-fa' href='{{ site.baseurl }}/'>
      {{ site.title }}
    </a>
  </h1>

  <nav>
    <p>
      <a href="/snippets">snippets</a>
      <a href="/art">pictures</a>
      <a href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">feed</a>
    </p>
  </nav>

  <span id='browser' class='notice hidden'>
    I recommend you use <a target="_blank" rel="noopener noreferrer" href="https://firefox.com/">Firefox</a>, a web
browser that respects your privacy.
  </span>

  <script>
    if (window.chrome) {
      document.getElementById('browser').className = 'notice';
    }
  </script>
</header>