post.html in jmblog-theme-1.0

- old
+ new
@@ -1,51 +1,77 @@
-<article class="post post-single" data-words="{{ content | number_of_words}}">
+<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">
 
-<div class="page-header">
-  {% unless page.intro.herounit == true %}
-  <h1>{{ page.title }} {% if page.tagline %}<small>{{page.tagline}}</small>{% endif %}</h1>
-  {% else %}
-  <h2 class="h1">{{ page.title }} {% if page.tagline %}<small>{{page.tagline}}</small>{% endif %}</h2>
-  {% endunless %}
-  <div class="post-date">
-    {% unless page.tags == empty %}
-    <ul class="tag-box list-inline pull-right hidden-xs hidden-sm">
-      {% assign tags_list = page.tags %}
-      {% assign nobadges = true %}
-      {% include JB/tags_list %}
-    </ul>
-    {% endunless %}
-    {{ page.date | date_to_long_string }} - <small class="reading-time eta">calculating reading time...</small> -
+        <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>
 
-    {% unless page.description == null %}
-    {% include themes/grayscale/components/share_buttons %}
-    {% endunless %}
-  </div>
-</div>
+          {% 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 %}
 
-<section class="row-fluid post-full">
-  <div class="span12">
-    <div class="content" id="{{page.id}}">
-      {{ content }}
-    </div>
+          {% include themes/jmblog-theme/components/share_buttons.html %}
+          {% include themes/jmblog-theme/components/img.html src=page.image.path alt=page.title %}
+          <span class="is-size-7 mb-5 is-block">Image by <a href="{{ page.image.url }}">{{ page.image.author }}</a> from <a href="{{ page.image.url }}">{{ page.image.source }}</a></span>
+          
+          <div class="content is-double-spaced is-size-5 is-family-secondary pb-6">
+            {{content}}
+          </div>
 
-    <hr>
-    <div class="">
-      <ul class="pager">
-      {% if page.previous %}
-        <li class="previous"><a href="{{ BASE_PATH }}{{ page.previous.url }}" title="{{ page.previous.title }}" data-toggle="tooltip" data-placement="right">&larr; Previous</a></li>
-      {% else %}
-        <li class="previous disabled"><a>&larr; Previous</a></li>
-      {% endif %}
-        {% comment %}<li><a href="{{ BASE_PATH }}{{ site.JB.archive_path }}">Archive</a></li>{% endcomment %}
-      {% if page.next %}
-        <li class="next"><a href="{{ BASE_PATH }}{{ page.next.url }}" title="{{ page.next.title }}" data-toggle="tooltip" data-placement="left">Next &rarr;</a></li>
-      {% else %}
-        <li class="next disabled"><a>Next &rarr;</a>
-      {% endif %}
-      </ul>
+          <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>
+{%- comment -%} 
+          <div class="is-clearfix">
+            {% if page.tags.size > 0 %}
+              {% for tag in page.tags %}
+              <span class="tag">#{{ tag }}</span>
+              {% endfor %}
+            {% endif %}
+            {% include themes/jmblog-theme/components/share_buttons.html %}
+          </div> {%- endcomment -%}
+
+        <hr>
+        </article>
+        
+        <h4 class="title is-6">The Author</h4>
+        {% include themes/jmblog-theme/components/author.html is_media_object=true %}
+    
+        <hr>
+
+        {% include themes/jmblog-theme/components/comments.html %}
+
+      </div>
     </div>
-    <hr>
-    {% include JB/comments %}
   </div>
 </section>
-</article>
+{% include themes/jmblog-theme/components/related_articles.html %}
\ No newline at end of file