website/_includes/navbar.html (71 lines of code) (raw):
{% include vars.html %}
<nav class="navbar navbar-full navbar-fixed-top navbar-dark">
<div class="container">
<a class="navbar-brand" href="{{url_base}}/">
{% include svg/logo-flow-nav.svg %}
<span class="sr-only">Flow</span>
</a>
<div class="clearfix hidden-lg-up">
<button class="navbar-toggler float-xs-right" type="button"
data-toggle="collapse" data-target="#navbar"
aria-controls="exCollapsingNavbar2" aria-expanded="false" aria-label="Toggle navigation">
<!-- ☰ -->
</button>
</div>
<div class="collapse navbar-toggleable-md" id="navbar">
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link" href="{{url_base}}/docs/getting-started/">{{i18n.navbar_getting_started}}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{url_base}}/docs/">{{i18n.navbar_documentation}}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{base_url}}/try/">{{i18n.navbar_try}}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{base_url}}/blog/">{{i18n.navbar_blog}}</a>
</li>
</ul>
<ul class="nav navbar-nav float-lg-right">
{% assign path = page.url | split: '/' %}
{% unless true || path[1] == 'blog' %}
<li class="nav-item dropdown">
<a id="dropdownNavLanguage" class="nav-link dropdown-toggle" role="button" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{% include svg/icon-language.svg class="navbar-icon" %}
<span class="navbar-language-label">{{lang.name}}</span>
</a>
<div class="dropdown-menu" aria-labelledby="dropdownNavLanguage">
{% for language in site.data.languages %}
{% if language.enabled %}
<a href="{{site.baseurl}}/{{language.tag}}/{{url_relative}}"
class="dropdown-item{% if lang.tag == language.tag %} active{% endif %}"
data-lang="{{language.accept_languages[0]}}">
{{language.name}}
</a>
{% endif %}
{% endfor %}
</div>
</li>
{% endunless %}
<li class="nav-item">
<a class="nav-link" href="https://twitter.com/flowtype">
{% include svg/icon-twitter.svg class="navbar-icon" %}
<span class="sr-only">{{i18n.navbar_twitter}}</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://stackoverflow.com/questions/tagged/flowtype">
{% include svg/icon-stackoverflow.svg class="navbar-icon" %}
<span class="sr-only">{{i18n.navbar_stackoverflow}}</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/facebook/flow">
{% include svg/icon-github.svg class="navbar-icon" %}
<span class="sr-only">{{i18n.navbar_github}}</span>
</a>
</li>
</ul>
</div>
</div>
</nav>