<a href="#main-content" class="skip-nav">Skip to main content</a>

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">

<div class="container">

<div style="vertical-align: middle; padding-top: 8px">

<div>

<a class="navbar-brand" href="{% tl about %}" style="border-bottom: none; line-height: 0.1em">

Python Deadlines<br /><br />

</a>

</div>

<div style="color: white; font-size: x-small">

<a href="https://dramsch.net" class="brand-link"> by Jesper Dramsch </a>

</div>

</div>

<button

class="navbar-toggler"

type="button"

data-toggle="collapse"

data-target="#navbar-toggler"

aria-controls="navbars-toggler"

aria-expanded="false"

aria-label="Toggle navigation"

>

<span class="navbar-toggler-icon"></span>

</button>

<div class="collapse navbar-collapse" id="navbar-toggler">

<ul class="navbar-nav">

<li class="nav-item">

<a href="{{site.baseurl}}/" class="nav-link" style="border-bottom: none"

>{% t header.countdown %}</a

>

</li>

<li class="nav-item">

<a href="{% tl calendar %}" class="nav-link" style="border-bottom: none">{% t header.calendar %}</a>

</li>

<li class="nav-item">

<a href="{% tl maps %}" class="nav-link" style="border-bottom: none">{% t header.maps %}</a>

</li>

<li class="nav-item">

<a href="{% tl series %}" class="nav-link" style="border-bottom: none">{% t header.series %}</a>

</li>

<li class="nav-item dropdown">

<a

class="nav-link dropdown-toggle"

href="#"

id="resourcesDropdown"

data-toggle="dropdown"

aria-haspopup="true"

aria-expanded="false"

style="border-bottom: none"

>

{% t header.resources %}

</a>

<div class="dropdown-menu" aria-labelledby="resourcesDropdown">

<a class="dropdown-item" href="{% tl resources %}">{% t header.articles %}</a>

<a class="dropdown-item" href="{% tl formatter %}">{% t header.formatter %}</a>

<div class="dropdown-divider"></div>

<a class="dropdown-item" href="{% tl course %}">{% t header.course %}</a>

</div>

</li>

</ul>

<ul class="navbar-nav ml-auto align-items-center">

<li class="nav-item">

<form class="form-inline flex-nowrap" action="{% tl search %}" method="get">

<input

type="search"

id="search-box"

name="query"

class="form-control form-control-sm mr-2"

placeholder="{% t titles.search %}"

aria-label="Search"

/>

<button class="btn btn-sm btn-outline-light" type="submit">{% t titles.search %}</button>

</form>

</li>

<li class="nav-item">

<a href="{{ site.baseurl }}/my-conferences/" class="nav-link" style="border-bottom: none; white-space: nowrap">

<i class="fas fa-bookmark"></i> My Conferences

<span class="badge badge-warning" id="fav-count"></span>

</a>

</li>

<li class="nav-item dropdown">

<a

class="nav-link dropdown-toggle"

href="#"

id="navbarDropdownMenuLink"

data-toggle="dropdown"

aria-haspopup="true"

aria-expanded="false"

>

<i class="fas fa-globe" aria-hidden="true"></i> {% t global.current %}

</a>

<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">

<h6 class="dropdown-header">{% t global.choose %}</h6>

{% for lang in {{site.languages | sort}} %} {% capture lang_permalink %}{% if lang != 'en'

%}permalink_{{ lang }}{% else %}permalink{% endif%}{% endcapture %}

<a

class="dropdown-item{% if site.lang == lang %} active{% endif %}"

href="{{ site.baseurl_root }}{% if lang != 'en' %}/{{ lang }}{% endif %}{% if page[lang_permalink] %}{{ page[lang_permalink] }}{% else %}{{ page.url }}{% endif %}"

>

{{ site.languages_available[lang].name }}

</a>

{% endfor %}

</div>

</li>

</ul>

</div>

</div>

</nav>