{% include base.html %}

<div class="header_bar_container">
    <div class="header_bar">
      {% if page.url contains 'blog.html' or page.url contains 'characters.html' or page.url contains 'about.html' or page.url contains '/comic/' or page.url contains '/blog/' %}
        <div class="logo_header_bar">
            <a href="{{base}}">
                <div class="header_logo">
                </div>
            </a>
        </div>
        <div class="social_container_small">
            <a href="https://www.instagram.com/sealiconvalley/" target="_blank">
                <div class="social_img_small social_ig">
                </div>
            </a>
            <a href="https://www.facebook.com/sealiconvalley/" target="_blank">
                <div class="social_img_small social_fb">
                </div>
            </a>
            <a href="https://twitter.com/sealiconvalley" target="_blank">
            <div class="social_img_small social_twitter">
            </div>
          </a>
          <a href="https://www.snapchat.com/add/sealiconvalley" target="_blank">
            <div class="social_img_small social_snap">
            </div>
          </a>
            <a href="http://sealiconvalley.tumblr.com/">
            <div class="social_img_small social_tumblr" target="_blank">
            </div>
          </a>
        </div>
        {% else %}
        <div class="logo_header_bar home_logo_header_bar">
            <a href="{{base}}">
                <div class="header_logo">
                </div>
            </a>
        </div>

        <div class="social_container_small home_social_container_small">
            <a href="https://www.instagram.com/sealiconvalley/" target="_blank">
                <div class="social_img_small social_ig">
                </div>
            </a>
            <a href="https://www.facebook.com/sealiconvalley/" target="_blank">
                <div class="social_img_small social_fb">
                </div>
            </a>
            <a href="https://twitter.com/sealiconvalley" target="_blank">
            <div class="social_img_small social_twitter">
            </div>
          </a>
          <a href="https://www.snapchat.com/add/sealiconvalley" target="_blank">
            <div class="social_img_small social_snap">
            </div>
          </a>
            <a href="http://sealiconvalley.tumblr.com/" target="_blank">
            <div class="social_img_small social_tumblr">
            </div>
          </a>
        </div>
        {% endif %}
        <div class="menu_header_bar">
            <a href="{{base}}">
                <div class="menu_header_text_wrapper">
                    {% if page.url contains 'blog.html' or page.url contains 'characters.html' or page.url contains 'about.html' %}
                    <div class="menu_header_text">Comic</div>
                    {% else %}
                    <div class="menu_header_text_current">Comic</div>
                    {% endif %}
                </div>
            </a>
            <a href="{{base}}/blog.html">
                <div class="menu_header_text_wrapper">
                    {% if page.url contains 'blog.html' %}
                    <div class="menu_header_text_current">Blog</div>
                    {% else %}
                    <div class="menu_header_text">Blog</div>
                    {% endif %}
                </div>
            </a>
            <a href="{{base}}/characters.html">
                <div class="menu_header_text_wrapper">
                    {% if page.url contains 'characters.html' %}
                    <div class="menu_header_text_current">Characters</div>
                    {% else %}
                    <div class="menu_header_text">Characters</div>
                    {% endif %}
                </div>
            </a>
            <a href="{{base}}/about.html">
                <div class="menu_header_text_wrapper">
                    {% if page.url contains 'about.html' %}
                    <div class="menu_header_text_current">About</div>
                    {% else %}
                    <div class="menu_header_text">About</div>
                    {% endif %}
                </div>
            </a>
        </div>
    </div>
</div>