262 lines
		
	
	
		
			9.9 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			262 lines
		
	
	
		
			9.9 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
 | |
| ">
 | |
| {{ with .Site.GetPage "/barre" }}
 | |
| 	{{ .Content }}
 | |
| {{ end }}
 | |
| 
 | |
|     <!-- 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">
 | |
| 
 | |
|           <!-- 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>
 |