<span class=“is-block has-text-centered is-hidden-desktop”>

<span class="icon">
  <i class="fas fa-infinity"></i>
  {%- comment -%} <i class="fas fa-paper-plane"></i> {%- endcomment -%}
  {%- comment -%} <i class="fas fa-leaf"></i> {%- endcomment -%}
  {%- comment -%} <i class="fas fa-grip-lines"></i> {%- endcomment -%}
  {%- comment -%} <i class="fas fa-mug-hot"></i> {%- endcomment -%}
</span>

</span> {%- comment -%} <span class=“is-size-3 is-block is-family-secondary has-text-centered”></span> {%- endcomment -%} <section class=“section” id=“main_article”>

<div class="container">
  <div class="columns">
    <div class="column is-10 is-offset-1">

      <article 
        data-words="{{ content | number_of_words }}" 
        class="pb-4">
        <h1 class="title is-2 is-family-secondary" id="article_heading">{{ page.title }}</h1>
        {% unless page.subtitle == null %}
        <h2 class="subtitle is-6 is-uppercase">{{ page.subtitle }}</h2>
        {% endunless %}
        <time class="is-size-7 has-text-black" datetime="{{ page.date | date_to_xmlschema }}"><em>{{ page.date | date: "%e %b" | append: " -" }}</em></time>

        {% assign postcontent = content %}
        {% capture readingtime %}{% include themes/jmblog-theme/components/reading-time.html %}{% endcapture %}
        {% if readingtime.size > 1 %}
        <span class="is-size-7 has-text-black">{{ readingtime | strip }}</span>
        {% endif %}

        {% include themes/jmblog-theme/components/share_buttons.html %}
        {% include themes/jmblog-theme/components/img.html 
          src=page.image.path 
          img_author=page.image.author
          img_source=page.image.source
          img_source_url=page.image.url
          alt=page.title %}

        <div class="content is-double-spaced is-size-5 is-family-secondary pb-6">
          {{content}}
        </div>

        <div class="columns is-mobile">
          <div class="column">
            <div class="tags">
            {% if page.tags.size > 0 %}
              {% for tag in page.tags %}
              <span class="tag">#{{ tag }}</span>
              {% endfor %}
            {% endif %}
            </div>
          </div>
          <div class="column">
            {% include themes/jmblog-theme/components/share_buttons.html %}
          </div>
        </div>
      <hr>
      </article>

      <h4 class="title is-6">The Author</h4>
      {% include themes/jmblog-theme/components/author.html is_media_object=true %}

      {% if page.comments %}
      <hr>
      {% include themes/jmblog-theme/components/comments.html %}
      {% endif %}

    </div>
  </div>
</div>

</section> {% include themes/jmblog-theme/components/related_articles.html %}