265 lines
10 KiB
HTML
265 lines
10 KiB
HTML
|
|
<!-- Sidebar Container -->
|
|
<div class="
|
|
col-lg-3 col-lg-offset-0
|
|
col-md-3 col-md-offset-0
|
|
col-sm-12
|
|
col-xs-12
|
|
sidebar-container
|
|
">
|
|
<!-- Short About -->
|
|
{{ if .Site.Params.about_me }}
|
|
<section class="visible-md visible-lg">
|
|
<!--<hr><h5><a href="{{ "/about" | relLangURL }}">ABOUT ME</a></h5>-->
|
|
<div class="short-about">
|
|
{{ with .Site.Params.sidebar_avatar }}
|
|
<a href="{{ "/about" | relLangURL }}">
|
|
<img src="{{ . | relURL }}" alt="avatar" style="cursor: pointer" />
|
|
</a>
|
|
{{ end }}
|
|
{{ with .Site.Params.sidebar_about_description }}
|
|
<p>{{ . }}</p>
|
|
{{ end }}
|
|
<!-- SNS Link -->
|
|
<ul class="list-inline">
|
|
{{ if .Site.Params.social.email }}
|
|
<li>
|
|
<a href="mailto:{{ .Site.Params.social.email }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fa fa-circle fa-stack-2x"></i>
|
|
<i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.twitter }}
|
|
<li>
|
|
<a href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.zhihu }}
|
|
<li>
|
|
<a target="_blank" href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-stack-1x fa-inverse">知</i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.weibo }}
|
|
<li>
|
|
<a target="_blank" href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-weibo fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.facebook }}
|
|
<li>
|
|
<a target="_blank" href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-facebook fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.wechat }}
|
|
<li>
|
|
<a target="_blank" href="{{ . | relURL}}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-weixin fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.github }}
|
|
<li>
|
|
<a target="_blank" href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-github fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.gitlab }}
|
|
<li>
|
|
<a target="_blank" href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-gitlab fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.git }}
|
|
<li>
|
|
<a target="_blank" href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-git fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.linkedin }}
|
|
<li>
|
|
<a target="_blank" href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-linkedin fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.medium }}
|
|
<li>
|
|
<a target="_blank" href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-medium fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.stackoverflow }}
|
|
<li>
|
|
<a target="_blank" href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-stack-overflow fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.reddit }}
|
|
<li>
|
|
<a target="_blank" href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-reddit fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.mastodon }}
|
|
<li>
|
|
<a target="_blank" href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-mastodon fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.keybase }}
|
|
<li>
|
|
<a target="_blank" href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-keybase fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.xing }}
|
|
<li>
|
|
<a target="_blank" href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-xing fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.instagram }}
|
|
<li>
|
|
<a target="_blank" href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
{{ with .Site.Params.social.flickr }}
|
|
<li>
|
|
<a target="_blank" href="{{ . }}">
|
|
<span class="fa-stack fa-lg">
|
|
<i class="fas fa-circle fa-stack-2x"></i>
|
|
<i class="fab fa-flickr fa-stack-1x fa-inverse"></i>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{ end }}
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
{{ end }}
|
|
<!-- Bookmarks -->
|
|
{{ if .Site.Params.bookmarks }}
|
|
<section>
|
|
<hr>
|
|
<h5>QUICK LINKS</h5>
|
|
<ul class="list-inline">
|
|
{{ range .Site.Params.bookmark_link }}
|
|
<li><a target="_blank" href="{{.href }}">{{.title}}</a></li>
|
|
{{ end }}
|
|
</ul>
|
|
</section>
|
|
{{ end }}
|
|
<!-- Featured Tags -->
|
|
{{ if .Site.Params.featured_tags }}
|
|
<section>
|
|
<hr class="hidden-sm hidden-xs">
|
|
<h5>FEATURED TAGS</h5>
|
|
<div class="tags">
|
|
{{ $featured_condition_size := .Site.Params.featured_condition_size }}
|
|
{{ range $name, $taxonomy := .Site.Taxonomies.tags }}
|
|
{{ if gt (len $taxonomy.Pages) $featured_condition_size }}
|
|
<a href="{{ "/tags/" | relLangURL }}{{ $name | urlize }}" title="{{ $name }}">
|
|
{{ $name }}
|
|
</a>
|
|
{{ end }}
|
|
{{ end }}
|
|
</div>
|
|
</section>
|
|
{{ end }}
|
|
|
|
<!-- Friends Blog -->
|
|
{{ if .Site.Params.friends }}
|
|
<section>
|
|
<hr class="hidden-sm hidden-xs">
|
|
<h5>FRIENDS</h5>
|
|
<ul class="list-inline">
|
|
{{ range .Site.Params.friend_link }}
|
|
<li><a target="_blank" href="{{.href}}">{{.title}}</a></li>
|
|
{{ end }}
|
|
</ul>
|
|
</section>
|
|
{{ end }}
|
|
{{ if .Site.Params.publications }}
|
|
<section>
|
|
<hr class="hidden-sm hidden-xs">
|
|
<h5>{{ .Site.Params.publications.Title }}</h5>
|
|
<div class="short-about">
|
|
{{ range .Site.Params.publications.items }}
|
|
<a href="{{.href}}">
|
|
<img src="{{.image}}" alt="avatar" style="cursor: pointer" />
|
|
</a>
|
|
{{ end }}
|
|
</div>
|
|
</section>
|
|
{{ end }}
|
|
</div>
|