post.html in jekyll-theme-mehdix-rtl-0.2.0

- old
+ new

@@ -1,18 +1,37 @@
 ---
 layout: default
 ---
+{% capture time %}{{ content | reading_time }}{% endcapture %}
 <div class="post">
   <header class="post-header">
     <h1 class="post-title">{{ page.title }}</h1>
     <p class="post-meta">
-      <span class="date">{{ page.date | jdate: "%A %d %b %Y" | habify}}</span> {% if page.meta %} • {{ page.meta }}{% endif %}
+      <p>
+<svg class="svg-inline--fa fa-calendar fa-w-14" aria-hidden="true" data-fa-processed="" data-prefix="fas" data-icon="calendar" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z"></path></svg>
+      <!--i class="fas fa-calendar"></i--> {{ page.date | jdate: "%d %b %Y" | habify}}<br>
+<svg class="svg-inline--fa fa-stopwatch fa-w-14" aria-hidden="true" data-fa-processed="" data-prefix="fas" data-icon="stopwatch" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M432 304c0 114.9-93.1 208-208 208S16 418.9 16 304c0-104 76.3-190.2 176-205.5V64h-28c-6.6 0-12-5.4-12-12V12c0-6.6 5.4-12 12-12h120c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-28v34.5c37.5 5.8 71.7 21.6 99.7 44.6l27.5-27.5c4.7-4.7 12.3-4.7 17 0l28.3 28.3c4.7 4.7 4.7 12.3 0 17l-29.4 29.4-.6.6C419.7 223.3 432 262.2 432 304zm-176 36V188.5c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12V340c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12z"></path></svg>
+      <!--i class="fas fa-stopwatch"></i--> {{ time | habify }} دقیقه مطالعه</p>
+     {% if page.meta %} • {{ page.meta }}{% endif %}
     </p>
   </header>
   <article class="post-content">
     {{ content }}
   </article>
+
+  {% if site.related_posts.size >= 1 %}
+  <div id="related-posts">
+    <h3>مطالب مرتبط</h3>
+    <ul>
+    {% for related_post in site.related_posts limit: 5 %}
+      <li><a href="{{ related_post.url }}">{{ related_post.title }}</a></li>
+    {% endfor %}
+    </ul>
+  </div>
+  {% endif %}
+
+
   <small id="post-tags">
     {% for tag in page.tags %}
     <!--i class="fas fa-tag"></i-->
     <svg class="svg-inline--fa fa-tag fa-w-16" aria-hidden="true" data-fa-processed="" data-prefix="fas" data-icon="tag" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M0 252.118V48C0 21.49 21.49 0 48 0h204.118a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882L293.823 497.941c-18.745 18.745-49.137 18.745-67.882 0L14.059 286.059A48 48 0 0 1 0 252.118zM112 64c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48z"></path></svg>
     <a rel="tag" href="{{ tag | tag_url  }}">{{tag}}</a>
@@ -21,23 +40,23 @@
     <!--i class="fas fa-code"></i-->
     <svg class="svg-inline--fa fa-code fa-w-20" aria-hidden="true" data-fa-processed="" data-prefix="fas" data-icon="code" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M278.9 511.5l-61-17.7c-6.4-1.8-10-8.5-8.2-14.9L346.2 8.7c1.8-6.4 8.5-10 14.9-8.2l61 17.7c6.4 1.8 10 8.5 8.2 14.9L293.8 503.3c-1.9 6.4-8.5 10.1-14.9 8.2zm-114-112.2l43.5-46.4c4.6-4.9 4.3-12.7-.8-17.2L117 256l90.6-79.7c5.1-4.5 5.5-12.3.8-17.2l-43.5-46.4c-4.5-4.8-12.1-5.1-17-.5L3.8 247.2c-5.1 4.7-5.1 12.8 0 17.5l144.1 135.1c4.9 4.6 12.5 4.4 17-.5zm327.2.6l144.1-135.1c5.1-4.7 5.1-12.8 0-17.5L492.1 112.1c-4.8-4.5-12.4-4.3-17 .5L431.6 159c-4.6 4.9-4.3 12.7.8 17.2L523 256l-90.6 79.7c-5.1 4.5-5.5 12.3-.8 17.2l43.5 46.4c4.5 4.9 12.1 5.1 17 .6z"></path></svg>
 
     <a href="https://raw.githubusercontent.com/{{site.github.username}}/{{site.github.repository}}/master/{{page.path}}">سورس</a>
   </small>
+
   <nav class="pagination">
-    {% if page.previous %}
-    <a href="{{ page.previous.url | absolute_url }}" class="pagination--pager" title="{{ page.previous.title }}">قبلی </a>
+    {% if page.next %}
+    <a href="{{ page.next.url | absolute_url }}" class="pagination--pager" title="{{ page.next.title }}">قبلی</a>
     {% else %}
-    <a href="#" class="pagination--pager disabled"">قبلی </a>
+    <a href="#" class="pagination--pager disabled"">قبلی</a>
     {% endif %}
 
-    {% if page.next %}
-    <a href="{{ page.next.url | absolute_url }}" class="pagination--pager" title="{{ page.next.title }}">بعدی</a>
+    {% if page.previous %}
+    <a href="{{ page.previous.url | absolute_url }}" class="pagination--pager" title="{{ page.previous.title }}">بعدی </a>
     {% else %}
-    <a href="#" class="pagination--pager disabled"">بعدی</a>
+    <a href="#" class="pagination--pager disabled"">بعدی </a>
     {% endif %}
   </nav>
-
 
   {% if site.comment_system == 'static' %}
   {% include static_comments.html %}
   {% elsif site.comment_system == 'disqus' %}
   {% include disqus.html %}
\ No newline at end of file