{{- $SP := .Site.Params -}}
<aside class="sidebar">
    <div class="sidebar-inner sidebar-overview-active">
        <ul class="sidebar-nav">
            <li class="sidebar-nav-toc">{{ T "TableOfContents" }}</li>
            <li class="sidebar-nav-overview">{{ T "SiteInfo" }}</li>
        </ul>
        <div class="sidebar-panel-container">
            
            <div class="post-toc-wrap sidebar-panel">
            </div>
           
            <div class="site-overview-wrap sidebar-panel">
                <div class="site-author site-overview-item animated" itemprop="author" itemscope itemtype="http://schema.org/Person">
                    <img class="site-author-image" itemprop="image" alt="John Doe" src="{{ .Site.Params.avatar.url }}">
                    <p class="site-author-name" itemprop="name">{{ $SP.author }}</p>
                    <div class="site-description" itemprop="description">{{ $SP.description }}</div>
                </div>
                <div class="site-state-wrap site-overview-item animated">
                    {{- if $SP.siteState }}
                    <nav class="site-state">
                        <div class="site-state-item site-state-posts">
                            <a href="/archives/">
                                <span class="site-state-item-count">2</span>
                                <span class="site-state-item-name">{{ T "SitePostsTitle" }}</span>
                            </a>
                        </div>
                        <div class="site-state-item site-state-categories">
                            <span class="site-state-item-count">3</span>
                            <span class="site-state-item-name">{{ T "SiteCatesTitle" }}</span>
                        </div>
                        <div class="site-state-item site-state-tags">
                            <span class="site-state-item-count">3</span>
                            <span class="site-state-item-name">{{ T "SiteTagsTitle" }}</span>
                        </div>
                    </nav>
                    {{- end }}
                    <div class="rss-link">
                      <a href="/index.xml" rel="alternate" type="application/rss+xml" target="_blank">
                          <i class="fa fa-rss"></i>
                          {{ T "RSSTitle" }}
                      </a>
                    </div>
                </div>
                <div class="links-of-author site-overview-item animated">
                    {{- range $SP.socials }}
                    {{- range $name,$val := . }}
                    {{- $vals := split $val "||" }}
                    {{- $url := trim (index $vals 0) " " }}
                    {{- $icon := trim (index $vals 1) " " }}
                    <span class="links-of-author-item">
                       <a href="{{- $url }}" title="{{- $name }} → {{- $url }}" rel="noopener" target="_blank"><i class="{{- $icon }}"></i>{{- $name }}</a>
                    </span>                        
                    {{- end }}
                    {{- end }}
                </div>
                {{ $cc := $SP.creativeCommons }}
                {{ if and $cc $cc.sidebar }}
                  <div class="cc-license animated" itemprop="license">
                    <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.{{ substr .Site.Language 0 2 }}" class="cc-opacity" rel="noopener" target="_blank" title="{{ T "CCLinkTitle" }}">
                      <img src="/imgs/cc/{{ $cc.size }}/{{ replace $cc.license "-" "_" }}.svg" alt="{{ T "CCLinkTitle" }}">
                    </a>
                  </div>
                {{ end }}
            </div>
        </div>
    </div>
</aside>