_layouts/post.html

@@ -1,7 +1,7 @@
 ---
 layout: default
 ---
-<div class="post">
+<div class='post {% if page.fa %}fa-post{% endif %}'>
 
   <div class="post-header">
     <h1 class="post-title">{{ page.title }}</h1>

_posts/2018-04-27-persian.md

@@ -0,0 +1,17 @@
+---
+layout: post
+title:  "پست فارسی"
+date:   2018-04-27
+permalink: persian-post/
+categories: life
+excerpt_separator: <!--more-->
+fa: true
+author: Amir
+---
+
+
+همیشه وقتی به زندگی نگاه می‌کنی متوجه یه سری چیزایی میشی که دوست داری باشن. اما همیشه زندگی بودن‌ها نیست. خیلی وقت‌ها خیلی چیزا رو نداری و همیشه به این فکر میکنی که چی میشد اگه داشتمش و یا چطوری میتونم داشته باشمش.
+
+<!--more-->
+
+خب زندگی همیشه اون چیزی که ما میخوایم نیست و حتی این دنیا هم دنیایی نیست که ما انتظارش رو داریم. همیشه اتفاقای جدید و خاطرات جدیی برامون ثبت میشن.

_sass/_base.scss

@@ -232,3 +232,30 @@ pre {
   font-family: Mononoki;
   src: url(fonts/mononoki-Regular.woff);
 }
+
+@font-face {
+    font-family: Sahel;
+    src: url(fonts/Sahel.eot);
+    src: url(fonts/Sahel.eot?#iefix) format('embedded-opentype'),
+            url(fonts/Sahel.woff) format('woff'),
+            url(fonts/Sahel.ttf) format('truetype');
+    font-weight: normal;
+}
+        
+@font-face {
+    font-family: Sahel;
+    src: url(fonts/Sahel-Bold.eot);
+    src: url(fonts/Sahel-Bold.eot?#iefix) format('embedded-opentype'),
+            url(fonts/Sahel-Bold.woff) format('woff'),
+            url(fonts/Sahel-Bold.ttf) format('truetype');
+    font-weight: bold;
+}
+
+@font-face {
+    font-family: Sahel;
+    src: url(fonts/Sahel-Black.eot);
+    src: url(fonts/Sahel-Black.eot?#iefix) format('embedded-opentype'),
+            url(fonts/Sahel-Black.woff) format('woff'),
+            url(fonts/Sahel-Black.ttf) format('truetype');
+    font-weight: 900;
+}

_sass/_layout.scss

@@ -127,6 +127,19 @@ strong {
   }
 }
 
+.fa-post {
+  font-family: $base-font-family;
+  direction: rtl !important;
+  .post-content {
+    text-align: right;
+    font-size: 1.05em;
+    line-height: 1.718em;
+  }
+  .share-page {
+    direction: ltr;
+  }
+}
+
 .post-content .heading-link {
   display: block;
   position: absolute;

css/main.scss

@@ -4,7 +4,7 @@
 @charset "utf-8";
 
 // Our variables
-$base-font-family: 'Nunito', Open Sans, sans-serif;
+$base-font-family: 'Nunito', 'Sahel', Open Sans, sans-serif;
 $head-font-family: 'Secular One', sans-serif;
 $base-font-size:   12pt;
 $small-font-size:  $base-font-size * 0.875;

index.html

@@ -6,7 +6,7 @@ layout: default
 
   <ul class="post-list">
     {% for post in site.posts %}
-      <li>
+      <li class='{% if post.fa %}fa-post{% endif %}'>
         <h2>
           <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>