sidebar.html

          <div class="large-4 medium-4 columns">
            <div class="hide-for-small">
              <div id="sidebar" class="sidebar">
                <div id="site-info" class="site-info">
                  {% if ext_logo_path.length %}
                  <div class="site-a-logo"><img src="{{ ext_logo_path }}" /></div>
                  {% /if %}
                  <h1>{{ siteName }}</h1>
                  <div class="site-des">{{ siteDes }}</div>
                  <div class="social">
                    {% if ext_facebook_url.length %}<a target="_blank" class="facebook" href="{{ ext_facebook_url }}" title="Facebook">Facebook</a>{% /if %}
                    {% if ext_google_url.length %}<a target="_blank" class="google" href="{{ ext_google_url }}" rel="author" title="Google+">Google+</a>{% /if %}
                    {% if ext_stackoverflow_url.length %}<a target="_blank" class="stackoverflow" href="{{ ext_stackoverflow_url }}" title="StackOverflow"></a>{% /if %}
                    {% if ext_linkedin_url.length %}<a target="_blank" class="linkedin" href="{{ ext_linkedin_url }}" title="LinkedIn">LinkedIn</a>{% /if %}
                    {% if ext_pinterest_url.length %}<a target="_blank" class="pinterest" href="{{ ext_pinterest_url }}" title="Pinterest">Pinterest</a>{% /if %}
                    {% if ext_quora_url.length %}<a target="_blank" class="quora" href="{{ ext_quora_url }}" title="Quora">Quora</a>{% /if %}
                    {% if ext_instagram_url.length %}<a target="_blank" class="instagram" href="{{ ext_instagram_url }}" title="Instagram">Instagram</a>{% /if %}
                    {% if ext_weibo_url.length %}<a target="_blank" class="weibo" href="{{ ext_weibo_url }}" title="weibo">Weibo</a>{% /if %}
                    {% if ext_twitter_url.length %}<a target="_blank" class="twitter" target="_blank" href="{{ ext_twitter_url }}" title="Twitter">Twitter</a>{% /if %}
                    {% if ext_github_url.length %}<a target="_blank" class="github" target="_blank" href="{{ ext_github_url }}" title="GitHub">GitHub</a>{% /if %}
                    {% if ext_email.length %}<a target="_blank" class="email" href="mailto:{{ ext_email }}" title="Email">Email</a>{% /if %}
                    <a target="_blank" class="rss" href="atom.xml" title="RSS">RSS</a>
                  </div>
                </div>

                {% if ext_global_notice.length %}  
                <div id="site-categories" class="side-item ">
                  <div class="side-header">
                    <h2>Important</h2>
                  </div>
                  <div class="side-content">
                    <div style="color:#ff0000; text-align:center; padding:8px;" class="bg-info site_notice">
                      {{ ext_global_notice }}
                    </div>
                  </div>
                </div>
                {% /if %}

                <div id="site-categories" class="side-item ">
                  <div class="side-header">
                    <h2>Categories</h2>
                  </div>
                  <div class="side-content">
                    <p class="cat-list">
                      {% for p in categoriesTree %}
                      <a href="{{ p.url }}"><strong>{{ p.name }}</strong></a>
                      {% /for %} 
                    </p>
                  </div>
                </div>

                <div id="site-categories" class="side-item">
                  <div class="side-header">
                    <h2>Recent Posts</h2>
                  </div>
                  <div class="side-content">
                    <ul class="posts-list">
                    {% for p in recentPosts %}
                      {% if currentLoop.currentIndex < 5 %}
                        <li class="post">
                          <a href="{{ p.url }}">{{ p.title }}</a>
                        </li>
                      {% /if %}
                    {% /for %} 
                    </ul>
                  </div>
                </div>

              </div><!-- sidebar -->
            </div><!-- hide for small -->
          </div><!-- large 4 -->

          </div><!-- row -->