jekyll-theme-mehdix-rtl 0.1.21 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 1a1df1c997bfa6a1531a98d69201893e4b962e91
-  data.tar.gz: dcb8576a1eb0a1f9613caa64164e65d5cba9e8e8
+  metadata.gz: b516eb316a39d2abff4671e25b6c3c9d457e27a9
+  data.tar.gz: ee38de7ed89833d046efd3d00f73d114390e8c7a
 SHA512:
-  metadata.gz: b22157ee95d5bb7b564561d2dd586d9b23417dceaab34e3871be60606b58b29d0b39c62824b0a40c37085768d62bac766d118615d4c3a98b2275b54af049c1c7
-  data.tar.gz: 50d31e1c378e84f94ab876310753c3a066d63875ced1586dee59c75d546f9baec66bbdcc99aa2bed9369bf06c9cac65799e14e9c7198594fbe51aff96f310e6d
+  metadata.gz: b2899a5a0c29bfe1222a1284d41fb3badf8ee4160846986735f6703d26c836b053590ad29f6f7ed8040d258690040b147f4909fe2f83406d00a8fc33e8641d35
+  data.tar.gz: 298ebba978da34be6e5568bebd8f8eeca7d2a2de2543529153ddf7a813759394edcef932e7dd0c2d8fb3425f6865af01021fb10b749f0ebe2570affee3a7e165

data/_includes/static_comments.html

@@ -20,7 +20,7 @@
                 {{ comment.name }}
               {% endif %}
             </small>
-            <small class="post-meta"> &nbsp {{ comment.date | jdate: "%d %b %Y" | habify }}</small>
+            <small class="post-meta"> &nbsp; {{ comment.date | jdate: "%d %b %Y" | habify }}</small>
           </span>
           {{ comment.message | replace: "<p>", '' | replace: "</p>", newLine | replace: "<br>", newLine | strip_html | markdownify }}
         </div>
@@ -35,14 +35,13 @@
     <input name="page_uuid" style="display:none" value="{{page.uuid}}">
     <input name="page_date" style="display:none" value="{{page.date}}">
     <input name="page_title" style="display:none" value="{{page.title}}">
-    <label for="message">دیدگاه &nbsp<small>با <a href="http://commonmark.org/help/">مارک‌داون</a> هم می‌توانید بنویسید.
-      برای نقل قول از <strong>&gt;&nbsp;</strong>استفاده کنید.</small>
+    <label for="message">دیدگاه<sup class="required">*</sup> &nbsp;<small>می‌توانید با<a href="http://commonmark.org/help/">مارک‌داون</a> هم بنویسید.</small>
       <textarea id="message" name="message" required alt="no!!"></textarea>
     </label>
-    <label for="name">نام
+    <label for="name">نام<sup class="required">*</sup>
       <input id="name" type="text" name="name" required>
     </label>
-    <label for="email">ایمیل
+    <label for="email">ایمیل<sup class="required">*</sup>
       <input id="email" type="email" name="email" required>
     </label>
     <label for="website">وبسایت

data/_layouts/home.html

@@ -24,15 +24,18 @@ layout: default
   {% endif %}
   </ul>
 
-  <div class="pagination">
-    <p>
-      {% if paginator.next_page %}
-      <a href="{{ paginator.next_page_path | absolute_url }}" class="next" style="float: left"> بعدی >> </a>
-      {% endif %}
+  <nav class="pagination">
+    {% if paginator.previous_page %}
+    <a href="{{ paginator.previous_page_path | absolute_url }}" class="pagination--pager" title="{{ page.previous.title }}">قبلی </a>
+    {% else %}
+    <a href="#" class="pagination--pager disabled"">قبلی </a>
+    {% endif %}
+
+    {% if paginator.next_page %}
+    <a href="{{ paginator.next_page_path | absolute_url }}" class="pagination--pager" title="{{ page.next.title }}">بعدی</a>
+    {% else %}
+    <a href="#" class="pagination--pager disabled"">بعدی</a>
+    {% endif %}
+  </nav>
 
-      {% if paginator.previous_page %}
-      <a href="{{ paginator.previous_page_path | absolute_url }}" class="previous" style="margin-right:0px;">&#60&#60    قبلی</a>
-      {% endif %}
-    </p>
-  </div>
 </div>

data/_layouts/minimal.html

@@ -3,11 +3,15 @@ layout: default
 ---
 <div class="home">
   <h1 class="page-heading">❖ &nbsp; همه‌ی نوشته‌ها</h1>
-  <ul id="post-list">
+  <ul class="post-list">
     {% for post in site.posts %}
       <li>
-        <span class="post-meta list-meta-col"><span class="date">{{ post.date | jdate: "%A %d %b %Y" | habify }}</span></span>
-        <span><a href="{{ post.url  | absolute_url }}">{{ post.title }}</a></span>
+        <span class="post-meta list-meta-col">
+          <span class="date">{{ post.date | jdate: "%A %d %b %Y" | habify }}</span>
+        </span>
+        <span>
+          <a href="{{ post.url  | absolute_url }}">{{ post.title }}</a>
+        </span>
       </li>
     {% endfor %}
   </ul>

data/_layouts/post.html

@@ -1,16 +1,35 @@
 ---
 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-->
@@ -23,21 +42,21 @@ layout: default
 
     <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' %}

data/_sass/_base.scss

@@ -27,6 +27,15 @@ ul, ol, dl, figure,
     margin-bottom: $spacing-unit / 2;
 }
 
+h1, h2:not(.footer-heading), h3, h4, h5, h6 {
+    color: darken($header-color, 20%);
+    margin-bottom: unset;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-weight: normal;
+}
+
 img {
     max-width: 100%;
     height: auto;
@@ -43,6 +52,13 @@ figcaption {
 
 ul, ol {
     margin-left: $spacing-unit;
+}
+
+ul {
+    list-style-type: square;
+}
+
+ol {
     list-style-type: persian;
 }
 
@@ -53,22 +69,9 @@ li {
     }
 }
 
-h1, h2, h3, h4, h5, h6 {
-    font-weight: 300;
-}
-
 a {
-    color: $text-color;
+    color: darken($brand-color, 20%);
     text-decoration: none;
-
-    &:visited {
-        color: darken($brand-color, 20%);
-    }
-
-    &:hover {
-        text-decoration: none;
-        color: $brand-color;
-    }
 }
 
 blockquote {
@@ -90,23 +93,15 @@ blockquote {
     }
 }
 
-pre,
-code {
-    font-size: 15px;
-    border: 1px solid $grey-color-light;
-    border-radius: 3px;
-}
-
-code {
-    padding: 1px 5px;
-}
-
 pre {
+    direction: ltr;
+    border-radius: 3px;
+    border: 1px solid $grey-color-light;
     padding: 8px 12px;
     overflow-x: auto;
     > code {
+        font-size: 15px;
         border: 0;
-        padding-right: 0;
         padding-left: 0;
     }
 }
@@ -115,37 +110,6 @@ table, td, th {
     border: 1px dotted;
 }
 
-h1, h2:not(.footer-heading), h3, h4, h5, h6 {
-    color: darken($header-color, 20%);
-    margin-bottom: unset;
-}
-
-.wrapper {
-    max-width: -webkit-calc(800px - (#{$spacing-unit} * 2));
-    max-width:         calc(800px - (#{$spacing-unit} * 2));
-    margin-right: auto;
-    margin-left: auto;
-    padding-right: $spacing-unit;
-    padding-left: $spacing-unit;
-    @extend %clearfix;
-
-    @include media-query($on-laptop) {
-        //max-width: -webkit-calc(800px - (#{$spacing-unit}));
-        //max-width:         calc(800px - (#{$spacing-unit}));
-        width: 89vw;
-        padding-right: $spacing-unit / 2;
-        padding-left: $spacing-unit / 2;
-    }
-}
-
-%clearfix {
-
-    &:after {
-        content: "";
-        display: table;
-        clear: both;
-    }
-}
 
 @counter-style abjad {
     system: additive;

data/_sass/_footer.scss

@@ -35,12 +35,9 @@
     color: $grey-color;
     display: inline-flex;
     margin-top: 1em;
-
-    @extend %clearfix;
 }
 
 .footer-col {
-    float: left;
     padding-left: $spacing-unit / 2;
 }
 
@@ -112,10 +109,6 @@
     }
 }
 
-.footer-col {
-    float: right;
-}
-
 .circle {
     clip-path: circle();
     width: 100px;

data/_sass/_layout.scss

@@ -9,10 +9,16 @@
     height: 100%;
 }
 
-.content-body {
-    display: table-cell;
-    padding: 20px;
-    background: #e7e7e7;
+.wrapper {
+    max-width: -webkit-calc(800px - (#{$spacing-unit} * 2));
+    max-width:         calc(800px - (#{$spacing-unit} * 2));
+    margin: 0 auto;
+    padding: 0 $spacing-unit;
+
+    @include media-query($on-laptop) {
+        width: 89vw;
+        padding: 0 $spacing-unit / 2;
+    }
 }
 
 .site-header {
@@ -153,3 +159,4 @@
         }
     }
 }
+

data/_sass/_post.scss

@@ -3,25 +3,13 @@
     padding-right: initial;
     list-style: none;
 
-    > li {
-        margin-bottom: $spacing-unit;
-    }
-
     h2 {
         margin-bottom: initial;
     }
-}
-
-#post-list {
-    list-style: none;
 
     a {
         color: $text-color;
     }
-
-    a:hover {
-        color: $brand-color;
-    }
 }
 
 .post-meta {
@@ -47,11 +35,16 @@
     margin-bottom: 0;
     text-align: center;
     font-weight: bold;
-    font-size: 2em;
+    font-size: 4em;
 
     @include media-query($on-laptop) {
-        font-size: 36px;
+        font-size: 4em;
+    }
+
+    @include media-query($on-palm) {
+        font-size: 2em;
     }
+
 }
 
 .post-title, a.post-link {
@@ -72,44 +65,12 @@
 
     a {
         border-bottom: 1px dotted;
-        color: darken($brand-color, 10%);
     }
 
     iframe {
         width: 100%;
     }
 
-    h1 {
-        font-size: 34px;
-
-        @include media-query($on-laptop) {
-            font-size: 36px;
-        }
-    }
-
-    h2 {
-        font-size: 32px;
-
-        @include media-query($on-laptop) {
-            font-size: 28px;
-        }
-    }
-
-    h3 {
-        font-size: 26px;
-
-        @include media-query($on-laptop) {
-            font-size: 22px;
-        }
-    }
-
-    h4 {
-        font-size: 20px;
-
-        @include media-query($on-laptop) {
-            font-size: 18px;
-        }
-    }
 }
 
 #comment-form {
@@ -140,6 +101,10 @@
         height: 85px;
         resize: vertical;
     }
+
+    sup.required {
+        color: $brand-color;
+    }
 }
 
 #comments {
@@ -207,4 +172,11 @@
 .pagination--pager:first-child {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
+}
+
+#related-posts {
+    background: rgba(242, 243, 243, 0.48) none repeat scroll 0% 0%;
+    a {
+        color: $text-color;
+    }
 }

data/assets/css/main.scss

@@ -81,7 +81,6 @@ $assets-dir:	   '{{ "assets" | absolute_url }}';
     "post",
     "footer",
     "tagcloud",
-    "code",
     "print",
     "custom"
 ;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-mehdix-rtl
 version: !ruby/object:Gem::Version
-  version: 0.1.21
+  version: 0.2.0
 platform: ruby
 authors:
 - Mehdi Sadeghi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-12-30 00:00:00.000000000 Z
+date: 2018-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -108,6 +108,34 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.4'
+- !ruby/object:Gem::Dependency
+  name: jekyll-tagging-related_posts
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+- !ruby/object:Gem::Dependency
+  name: liquid_reading_time
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -162,7 +190,6 @@ files:
 - _layouts/project.html
 - _layouts/tag_page.html
 - _sass/_base.scss
-- _sass/_code.scss
 - _sass/_footer.scss
 - _sass/_layout.scss
 - _sass/_post.scss

data/_sass/_code.scss

@@ -1,93 +0,0 @@
-/* To adapt different screen sizes, mostly for code blocks */
-@media screen and (max-width: 240px) {
-    pre {
-        width: 200px;
-    }
-
-    li .list-meta-col {
-        display: none;
-    }
-}
-
-@media screen and (max-width: 540px) {
-    li .list-meta-col {
-        display: none;
-    }
-}
-
-@media screen and (min-width: 240px) and (max-width: 280px) {
-    pre {
-        width: 240px;
-    }
-}
-
-/*Including Apple iPhone 5 */
-@media screen and (min-width: 280px) and (max-width: 320px) {
-    pre {
-        width: 260px;
-    }
-}
-
-/*Including Apple iPhone 5 */
-@media screen and (min-width: 321px) and (max-width: 360px) {
-    pre {
-        width: 300px;
-    }
-}
-
-@media screen and (min-width: 361px) and (max-width: 400px) {
-    pre {
-        width: 340px;
-    }
-}
-
-/* Nexus 4 */
-@media screen and (min-width: 384px) and (max-width: 384px) {
-    pre {
-        width: 330px;
-    }
-}
-
-@media screen and (min-width: 401px) and (max-width: 540px) {
-    pre {
-        width: 365px;
-    }
-}
-
-@media screen and (min-width: 541px) and (max-width: 640px) {
-    pre {
-        width: 500px;
-    }
-}
-
-@media screen and (min-width: 641px) and (max-width: 768px) {
-    pre {
-        width: 600px;
-    }
-}
-
-/* iPad */
-@media screen and (min-width: 768px) and (max-width: 768px) {
-    pre {
-        width: 705px;
-    }
-}
-
-/* Apple iPhone 6 */
-@media screen and (min-width: 375px) and (max-width: 375px) {
-    pre {
-        width: 323px;
-    }
-}
-
-/* Apple iPhone 6 Plus */
-@media screen and (min-width: 414px) and (max-width: 414px) {
-    pre {
-        width: 363px;
-    }
-}
-
-/* Correcting direction for code blocks */
-.code, .highlighter-coderay, .highlight {
-    direction: ltr;
-}