layout: base css_package: blog


{% assign author = page %} <div class=“jumbotron d-flex align-items-center jumbotron-fluid”>

<div class="container text-center">
    <div class="inner_content_wrapper">
        {% assign author_name = page.name %}
        {% capture author_image_alt %}{{author_name}} image{% endcapture %}
        {% if author.image %}
            {% assign author_image = author.image %}
        {% else %}
            {% assign author_image = site.avatar_placeholder %}
        {% endif %}
        <a href="{{author-url}}">
            {% picture author_thumbnail {{author_image}} --alt {{author_image_alt}} %}
        </a>
        <h1>{{page.name}}</h1>
        <div class="my-4 d-block lead">
        {% if author.twitter %}
            <a href="{{author.twitter}}">
                <i class="icon-twitter"></i>
            </a>
        {% endif %}
        {% if author.github %}
            <a href="{{author.github}}">
                <i class="icon-github"></i>
            </a>
        {% endif %}
        {% if author.linkedin %}
            <a href="{{author.linkedin}}">
                <i class="icon-linkedin"></i>
            </a>
        {% endif %}
        {% if author.youtube %}
            <a href="{{author.youtube}}">
                <i class="icon-youtube"></i>
            </a>
        {% endif %}
        </div>
    </div>
</div>

</div> <div class=“container-fluid main_content”>

<div class="row">
    <div class="container">
        <div class="row justify-content-sm-center">
            <div class="col col-12 col-lg-10 py-4  blog-content">
                {% assign content_length = author.content | size %}
                {% if content_length > 1 %}
                    <h3>About</h3>
                    {{author.content | markdownify }}
                    <hr/>
                {% endif %}

                {% include blog/authors_posts.html %}
            </div>
        </div>
    </div>
</div>

</div>