Add Persian (#401)

ByteHamster · web-flow · commit 4ed59cfe8d67 · 2025-04-25T09:23:29.000+02:00
diff --git a/_config.yml b/_config.yml
@@ -21,7 +21,7 @@ plugins:
 permalink: /:categories/:title
 
 # Localization
-languages: [en, fr, nl, it, da, de, es]
+languages: [en, fr, nl, it, da, de, es, fa]
 # don't forget to add new languages also in _data/locales.yml
 defaultLang: en
 default_locale_in_subfolder: false
diff --git a/_data/locales.yml b/_data/locales.yml
@@ -14,4 +14,6 @@
 - code: da
   name: Dansk
 - code: es
-  name: Español
+  name: Español
+- code: fa
+  name: فارسی
diff --git a/_includes/breadcrumbs.html b/_includes/breadcrumbs.html
@@ -5,9 +5,9 @@
     <li class="breadcrumb-item"><a href="/{% if site.lang != 'en' %}{{ site.lang }}{% endif %}">{% t generic.home %}</a></li>
     {% for crumb in crumbs offset: 1 %}
     {% if forloop.last %}
-    <li class="breadcrumb-item active" aria-current="page">{% if page.texts %}{% t {{ page.texts }}.title %}{% else %}{% t page.title %}{% endif %}</li>
+    / <li class="breadcrumb-item active" aria-current="page">{% if page.texts %}{% t {{ page.texts }}.title %}{% else %}{% t page.title %}{% endif %}</li>
     {% else %}
-    <li class="breadcrumb-item"><a href="{% if site.lang != 'en' %}/{{ site.lang }}{% endif %}{% assign crumb_limit = forloop.index %}{% for crumb in crumbs offset: 1 limit: crumb_limit %}/{{ crumb }}{% endfor %}">{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}</a></li>
+    / <li class="breadcrumb-item"><a href="{% if site.lang != 'en' %}/{{ site.lang }}{% endif %}{% assign crumb_limit = forloop.index %}{% for crumb in crumbs offset: 1 limit: crumb_limit %}/{{ crumb }}{% endfor %}">{{ crumb | replace:'-',' ' | remove:'.html' | capitalize }}</a></li>
     {% endif %}
     {% endfor %}
   </ol>
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -56,34 +56,34 @@
           {% if site.mastodon_username %}
           <p class="mb-2">
             <a class="mr-2" href="https://{{ site.mastodon_server }}/@{{ site.mastodon_username }}" target="_blank" rel="me noopener">
-              <i class="fa-brands fa-mastodon mr-1"></i>Mastodon
+              <i class="fa-brands fa-mastodon mr-1 ml-1"></i>Mastodon
             </a>
           </p>
           {% endif %}
           {% if site.github_username %}
           <p class="mb-2">
             <a class="mr-2" href="https://github.com/{{ site.github_username }}" target="_blank" rel="noopener">
-              <i class="fa-brands fa-github mr-1"></i>GitHub
+              <i class="fa-brands fa-github mr-1 ml-1"></i>GitHub
             </a>
           </p>
           {% endif %}
           {% if site.bluesky_username %}
           <p class="mb-2">
             <a class="mr-2" href="https://bsky.app/profile/{{ site.bluesky_username }}" target="_blank" rel="noopener">
-              <i class="fa-brands fa-bluesky mr-1"></i>Bluesky
+              <i class="fa-brands fa-bluesky mr-1 ml-1"></i>Bluesky
             </a>
           </p>
           {% endif %}
           {% if site.twitter_username %}
           <p class="mb-2">
             <a class="mr-2" href="https://twitter.com/{{ site.twitter_username }}" target="_blank" rel="noopener">
-              <i class="fa-brands fa-x-twitter mr-1"></i>Twitter
+              <i class="fa-brands fa-x-twitter mr-1 ml-1"></i>Twitter
             </a>
           </p>
           {% endif %}
           <p>
             <a class="mr-2" href="/rss.xml" target="_blank" rel="noopener">
-              <i class="fa fa-rss mr-1"></i>RSS
+              <i class="fa fa-rss mr-1 ml-1"></i>RSS
             </a>
           </p>
         </div>
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -26,8 +26,8 @@
               <div class="nav-item dropdown mb-0">
                 <button class="nav-link dropdown-toggle" id="navbarDropdown1" aria-label="{% t generic.accessibility.lang-menu %}"
                         data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                  <i class="fa fa-globe size-16 color-gray-900"></i><span
-                     class="ml-1 size-16 color-gray-900 weight-600">{{ site.lang | upcase }}</span>
+                  <i class="fa fa-globe size-16 color-gray-900"></i>
+                  <span class="ml-1 mr-1 size-16 color-gray-900 weight-600">{{ site.lang | upcase }}</span>
                 </button>
                 <div class="dropdown-menu" aria-labelledby="navbarDropdown1">
                   {% include nav_languages.html %}
diff --git a/_layouts/blog.html b/_layouts/blog.html
@@ -3,10 +3,10 @@
 <head>
   {% include head.html %}
 </head>
-<body>
+<body dir="auto">
   <div class="content">
   {% include nav.html %}
-  <div class="container-fluid">
+  <div class="container-fluid" dir="ltr">
     <div class="container py-3">
       <div class="row no-gutters justify-content-center">
         <div class="col-lg-9 col-sm-12 pt-3">
@@ -28,7 +28,7 @@ <h1 class="size-36 weight-700 color-gray-900">{{ page.title }}</h1>
                   <img class="round-img" src="{{ site.baseurl_root }}/assets/images/authors/{{ author.image }}" width="40" />
                   <a class="underline" href="{{ author.web }}" target="_blank" rel="noopener">{{ author.name }}</a>
                   {% endif %}
-                  • 
+                  •
                   {% capture month %}{{ page.date | date: "%b" }}{% endcapture %}
                   {% t month.{{ month }} %} {{ page.date | date: "%-d, %Y"}}
                 </p>
@@ -41,7 +41,7 @@ <h1 class="size-36 weight-700 color-gray-900">{{ page.title }}</h1>
       </div>
     </div>
   </div>
-  <div class="container-fluid">
+  <div class="container-fluid" dir="ltr">
     <div class="container py-3">
       <div class="row no-gutters justify-content-center pb-4">
         <div class="col-lg-9">
diff --git a/_layouts/doc.html b/_layouts/doc.html
@@ -3,7 +3,7 @@
 <head>
 {% include head.html %}
 </head>
-<body>
+<body dir="auto">
 <div class="content">
     {% include nav.html %}
     <div class="container-fluid">
@@ -26,4 +26,4 @@
     {% include footer.html %}
 </body>
 
-</html>
+</html>
diff --git a/_layouts/download.html b/_layouts/download.html
@@ -5,7 +5,7 @@
     {% capture redirect_to %}{% if site.lang != 'en' %}/{{ site.lang }}{% endif %}{{ page.redirect_to }}{% endcapture %}
     <meta http-equiv="refresh" content="0; URL={{ redirect_to }}">
   </head>
-  <body>
+  <body dir="auto">
     <div class="content">
       {% include nav.html %}
       <div class="container-fluid background-gray-100 py-4">
diff --git a/_layouts/homepage.html b/_layouts/homepage.html
@@ -3,7 +3,7 @@
   <head>
     {% include head.html %}
   </head>
-  <body>
+  <body dir="auto">
     <div class="content">
       {% include nav.html %}
       {% include header.html %}
diff --git a/_layouts/internal.html b/_layouts/internal.html
@@ -3,7 +3,7 @@
   <head>
     {% include head.html %}
   </head>
-  <body>
+  <body dir="auto">
     <div class="content">
     {% include nav.html %}
         {{ content | remove: "<!-- mdpo-disable -->" | remove: "<!-- mdpo-enable -->" | remove: "<!-- mdpo-disable-next-line -->" | remove: "<!-- mdpo-enable-next-line -->" }}
diff --git a/_layouts/redirect.html b/_layouts/redirect.html
@@ -14,7 +14,7 @@
     <meta http-equiv="refresh" content="0; URL={{ redirect_to }}">
     {% include head.html %}
   </head>
-  <body>
+  <body dir="auto">
     <div class="content">
       {% include nav.html %}
       <div class="container-fluid background-gray-100 py-4">
diff --git a/_sass/_custom.scss b/_sass/_custom.scss
@@ -19,6 +19,7 @@ body {
   height: 100%;
   display: flex;
   flex-direction: column;
+  text-align: inherit;
 }
 
 .content {
@@ -546,6 +547,15 @@ blockquote {
   background-color: unset;
 }
 
+.breadcrumb-item::before {
+  display: none;
+}
+
+.breadcrumb-item {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
 .post-content {
   & p, li {
     color: $gray-900;
@@ -886,6 +896,7 @@ i.member-img {
   & > img {
     width: calc(100% + 60px); // twice the value of the parent's padding
     margin-left: -30px;
+    margin-right: -30px;
     margin-top: -30px;
     max-height: 200px;
     object-fit: cover;
@@ -981,7 +992,7 @@ i.member-img {
   blockquote {
     border-left: 4px solid $brand-dark;
   }
-}  
+}
 
 @media (max-width: 768px) {
   .post-card img {
@@ -1134,7 +1145,7 @@ footer .svg-wave {
   border-bottom: 0;
   border-left: 0.3rem solid transparent;
   vertical-align: 0.1em;
-  margin-left: 0.1em;
+  margin-left: 0;
 }
 
 // Pagination
diff --git a/blog/index.html b/blog/index.html
@@ -15,13 +15,13 @@ <h1 class="color-gray-800 weight-700">{% t titles.blog %}</h1>
                 {% for blog in site.blog reversed %}
                 {% if blog.unlisted != true %}
                     <div class="col-12 col-md-4 mb-4 d-flex">
-                      <div class="card highlight-card">
+                      <div class="card highlight-card" dir="ltr">
                         <a class="stretched-link" href="{{ site.baseurl }}{{ blog.url | replace:'.html','' }}"></a>
                           <img src="/assets/images/blog/{% if blog.image %}{{ blog.image }}{% else %}2020/default.png{% endif %}" loading="lazy" />
                           <h3 class="weight-700 pt-4">{{ blog.title }}</h3>
                           <p class="mb-4">{{ blog.excerpt | strip_html | truncate: 100 }}</p>
                           <div class="bottom">
-                            <p class="text-muted">{% t blog.posted %} 
+                            <p class="text-muted">{% t blog.posted %}
                                 {% capture month %}{{ blog.date | date: "%b" }}{% endcapture %}
                                 {% t month.{{ month }} %} {{ blog.date | date: "%-d, %Y"}}
                             </p>
