{{ if .Site.Author.gravataremail }}
    {{ .Scratch.Set "authorPicture" (printf "//www.gravatar.com/avatar/%s" (urlize (md5 (.Site.Author.gravataremail )))) }}
{{ else if .Site.Author.picture }}
    {{ .Scratch.Set "authorPicture" (absURL .Site.Author.picture) }}
{{ end }}

<nav id="sidebar" class="w5-ns w-100 bg-gray vh-100" style="background-image:url('{{ .Site.Params.coverImage | absURL }}');">
    <a class="bg-black white link dim db pa3 tc pointer" onclick="w3_close()">
        Close &times;
    </a>

    <div class="tc pv4">
        <a href="/#about" class="white link">
            {{ with ($.Scratch.Get "authorPicture") }}
            <img class="br-100" src="{{ . }}{{ if in . "//www.gravatar.com/avatar/" }}?s=110{{ end }}"/>
            {{ end }}
            <h3 class="f3">
                {{ .Site.Author.name }}
            </h3>
        </a>
    </div>
    <ul class="list">
        {{ range .Site.Menus.main }}
        <li class="pv2">
            <a class="link white db grow" href="{{ .URL | relLangURL }}" title="{{ .Title }}">
                {{ .Pre }} {{ .Name }}</a>
        </li>
        {{ end }}
    </ul>
    <ul class="list">
        {{ range .Site.Menus.links }}
        <li class="pv2">
            <a class="link white db grow" href="{{ .URL | relLangURL }}" title="{{ .Title }}">
                {{ .Pre }} {{ .Name }}</a>
        </li>
        {{ end }}
    </ul>
</nav>

<nav class="dt w-100 border-box pa2">

    <a class="dtc dib v-mid dim " onclick="w3_open()">
        <i class="fa fa-lg fa-bars"></i>
    </a>

    <a href="{{ "/" | relLangURL }}" class="dtc v-mid link dim tc">
        <div class="f4 dib black-50">{{ .Site.Title }}</div>
    </a>

    {{ with ($.Scratch.Get "authorPicture") }}
    <a href="/#about" class="dtc dim tr">
        <img class="dib v-mid dib w2 h2 br-100" src="{{ . }}{{ if in . "//www.gravatar.com/avatar/" }}?s=90{{ end }}"/>
    </a>
    {{ end }}
</nav>