👷 Add sidebar site overview content.

layouts/partials/sidebar.html

@@ -0,0 +1,37 @@
+<div class="toggle sidebar-toggle" role="button">
+  <span class="toggle-line"></span>
+  <span class="toggle-line"></span>
+  <span class="toggle-line"></span>
+</div>
+<aside class="sidebar">
+  {{- $toc := and (isset .Page.Params "toc") .Page.Params.toc }}
+  <div class="sidebar-inner {{ if $toc }}sidebar-nav-active sidebar-toc-active{{ else }}sidebar-overview-active{{ end }}">
+    <ul class="sidebar-nav">
+      <li class="sidebar-nav-toc">
+        {{ T "TableOfContents" }}
+      </li>
+      <li class="sidebar-nav-overview">
+        {{ T "SiteOverview" }}
+      </li>
+    </ul>
+    <div class="sidebar-panel-container">
+      <!--noindex-->
+      <div class="post-toc-wrap sidebar-panel">
+        {{- if $toc }}
+        <div class="post-toc animated">{{ .Page.TableOfContents }}</div>
+        {{- end }}
+      </div>
+      <!--/noindex-->
+      <div class="site-overview-wrap sidebar-panel">
+        {{ partial "sidebar/overview" . }}
+      </div>
+    </div>
+    {{- if and .P.backTop.enable .P.backTop.sidebar }}
+    <div class="back-to-top animated" role="button" aria-label="{{ T "BackTop" }}">
+      <i class="fa fa-arrow-up"></i>
+      <span>0%</span>
+    </div>
+    {{- end }}
+  </div>
+</aside>
+<div class="sidebar-dimmer"></div>

layouts/partials/sidebar/overview.html

@@ -0,0 +1,94 @@
+{{- $author := .P.author }}
+{{- $Site := .Page.Site }}
+<div class="site-author site-overview-item animated" itemprop="author" itemscope itemtype="http://schema.org/Person">
+  {{- with .P.avatar.url }}
+    <img class="site-author-image" itemprop="image" alt="{{ $author }}"
+      src="{{ . }}">
+  {{- end }}
+  <p class="site-author-name" itemprop="name">{{ $author }}</p>
+  <div class="site-description" itemprop="description">{{ .P.description }}</div>
+</div>
+
+{{- if .P.siteState }}
+<div class="site-state-wrap site-overview-item animated">
+  <nav class="site-state">
+    <div class="site-state-item site-state-posts">
+      <a href="{{ "/archives/" | relLangURL }}">
+        <span class="site-state-item-count">{{ len $Site.RegularPages }}</span>
+        <span class="site-state-item-name">{{ T "SbPostsLable" }}</span>
+      </a>
+    </div>
+    <div class="site-state-item site-state-categories">
+      <a href="{{ "/categories/" | relLangURL }}">
+        <span class="site-state-item-count">{{ len $Site.Taxonomies.categories }}</span>
+        <span class="site-state-item-name">{{ T "SbCatesTitle" }}</span>
+      </a>
+    </div>
+    <div class="site-state-item site-state-tags">
+      <a href="{{ "/tags/" | relLangURL }}">
+        <span class="site-state-item-count">{{ len $Site.Taxonomies.tags }}</span>
+        <span class="site-state-item-name">{{ T "SbTagsTitle" }}</span>
+      </a>
+    </div>
+  </nav>
+</div>
+{{- end }}
+{{- if and .P.chat.enable (or (or .P.chatra.enable .P.tidio.enable) .P.gitter.enable) }}
+<div class="sidebar-button site-overview-item animated">
+  <button {{ if .P.gitter.enable }} class="js-gitter-toggle-chat-button" {{ end }}>
+    {{- if .P.chat.icon }}<i class="{{ .P.chat.icon }}"></i>{{ end }}
+    {{ .P.chat.text }}
+  </button>
+</div>
+{{- end }}
+<div class="links-of-social site-overview-item animated">
+{{ $si := .P.socialIcons }}
+{{ range $key,$val := .P.socials }}
+{{- $vals := split $val "||" }}
+{{- $name := trim (index $vals 0) " " }}
+{{- $url := trim (index $vals 1) " " }}
+{{- $icon := trim (index $vals 2) " " }}
+  <span class="links-of-social-item">
+    <a href="{{ $url }}" title="{{ $name }} → {{ $url }}" rel="noopener" {{- if and $si.enable $si.transition }} class="hvr-icon-pulse" {{- end }} target="_blank">
+      {{- if $si.enable }}
+      <i class="{{- $icon }} fa-fw {{ if $si.transition }} hvr-icon {{ end }}"></i>
+      {{- end }}
+      {{- if or (not $si.enable) (not $si.iconsOnly) }}
+      {{- $name }}
+      {{- end }}
+    </a>
+  </span>
+{{- end }}
+</div>
+
+{{- $lang := .Scratch.Get "lang" }}
+{{- with .P.creativeCommons }}
+{{- if .sidebar }}
+<div class="cc-license animated" itemprop="license">
+  <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.{{ substr $lang 0 2 }}" class="cc-opacity" rel="noopener" target="_blank" title="{{ T "CCLinkTitle" }}">
+    <img src="/imgs/cc/{{ .size }}/{{ replace .license "-" "_" }}.svg" alt="{{ T "CCLinkTitle" }}">
+  </a>
+</div>
+{{- end }}
+{{- end }}
+
+{{- if .P.links }}
+<div class="links-of-blogroll site-overview-item animated">
+  <div class="links-of-blogroll-title">
+    {{- if .P.linksSets.icon }}
+    <i class="{{ .P.linksSets.icon }} fa-fw"></i>
+    {{- end }}
+    {{- .P.linksSets.title }}
+  </div>
+  <ul class="links-of-blogroll-list">
+    {{- range $key,$val := .P.links }}
+    {{- $vals := split $val "||" }}
+    {{- $name := trim (index $vals 0) " " }}
+    {{- $url := trim (index $vals 1) " " }}
+    <li class="links-of-blogroll-item">
+      <a href="{{ $url }}" title="{{ $url }}" target="_blank">{{ $name }}</a>
+    </li>
+    {{- end }}
+  </ul>
+</div>
+{{- end }}