layout: default


<section class=“section”>

<div class="container">
  <div class="field">
    <div class="content">
      {{ content }}
    </div>
  </div>
  <div class="field">
    <div class="level">
      <div class="level-left"></div>
      <div class="level-right">
        {% include share-button.html %}
      </div>
    </div>
  </div>
  {% if page.author %}
    <div class="field">
      <article class="message is-info">
        <div class="message-header">
          About author
        </div>
        <div class="message-body">
          <div class="media">
            <figure class="media-left">
              <img class="image avatar" src="{{ page.author.image }}" alt="">
            </figure>
            <div class="media-content">
              <div class="content">
                <h1>
                  {{ page.author.realname }}
                  <span class="is-pulled-right">
                    {% if page.author.github %}
                      <a target="_blank" href="https://github.com/{{ page.author.github }}">
                        <span class="icon"><i class="fab fa-xs fa-github text-github"></i></span>
                      </a>
                    {% endif %}
                    {% if page.author.twitter %}
                      <a target="_blank" href="https://twitter.com/{{ page.author.twitter }}">
                        <span class="icon"><i class="fab fa-xs fa-twitter text-twitter"></i></span>
                      </a>
                    {% endif %}
                    {% if page.author.facebook %}
                      <a target="_blank" href="https://www.facebook.com/{{ page.author.facebook }}">
                        <span class="icon"><i class="fab fa-xs fa-facebook text-facebook"></i></span>
                      </a>
                    {% endif %}
                  </span>
                </h1>
                <blockquote>
                  {{ page.author.quote }}
                </blockquote>
                {{ page.author.extra-quote }}
              </div>
            </div>
          </div>
        </div>
      </article>
    </div>
  {% endif %}
</div>

</section>