cotes2020 · davidazad1 · Feb 5, 2025 · Feb 5, 2025 · Feb 5, 2025 · Feb 6, 2025
diff --git a/_config.yml b/_config.yml
@@ -8,6 +8,15 @@ theme: jekyll-theme-chirpy
 # otherwise, the layout language will use the default value of 'en'.
 lang: en
 
+# the direction of the webpage
+#
+# Available options:
+#
+#     ltr — use left to right direction (default)
+#     rtl — use right to left direction
+#
+direction: rtl
+
 # Change to your timezone › https://kevinnovak.github.io/Time-Zone-Picker
 timezone: Asia/Shanghai
 

diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1,6 +1,7 @@
 <!-- The Footer -->
 
 <footer
+  dir={{ site.direction | default: ltr }}
   aria-label="Site Info"
   class="
     d-flex flex-column justify-content-center text-muted

diff --git a/_includes/head.html b/_includes/head.html
@@ -1,4 +1,4 @@
-<head>
+<head dir={{ site.direction | default: ltr }}>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">
   <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">

diff --git a/_includes/notification.html b/_includes/notification.html
@@ -1,4 +1,5 @@
 <aside
+  dir={{ site.direction | default: ltr }}
   id="notification"
   class="toast"
   role="alert"

diff --git a/_includes/post-nav.html b/_includes/post-nav.html
@@ -24,7 +24,7 @@
       class="btn btn-outline-primary"
       aria-label="{{ next }}"
     >
-      <p>{{ page.next.title }}</p>
+      <p dir={{ site.direction | default: ltr }}>{{ page.next.title }}</p>
     </a>
   {% else %}
     <div class="btn btn-outline-primary disabled" aria-label="{{ next }}">

diff --git a/_includes/post-sharing.html b/_includes/post-sharing.html
@@ -1,6 +1,6 @@
 <!-- Post sharing snippet -->
 
-<div class="share-wrapper d-flex align-items-center">
+<div dir={{ site.direction | default: ltr }} class="share-wrapper d-flex align-items-center">
   <span class="share-label text-muted">{{ site.data.locales[include.lang].post.share }}</span>
   <span class="share-icons">
     {% capture title %}{{ page.title }} - {{ site.title }}{% endcapture %}

diff --git a/_includes/sidebar.html b/_includes/sidebar.html
@@ -1,6 +1,6 @@
 <!-- The Side Bar -->
 
-<aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
+<aside dir={{ site.direction | default: ltr }} aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
   <header class="profile-wrapper">
     <a href="{{ '/' | relative_url }}" id="avatar" class="rounded-circle">
       {%- if site.avatar != empty and site.avatar -%}

diff --git a/_includes/toc.html b/_includes/toc.html
@@ -1,7 +1,7 @@
 {% include toc-status.html %}
 
 {% if enable_toc %}
-  <div class="toc-border-cover z-3"></div>
+  <div dir={{ site.direction | default: ltr }} class="toc-border-cover z-3"></div>
   <section id="toc-wrapper" class="invisible position-sticky ps-0 pe-4 pb-4">
     <h2 class="panel-heading ps-3 pb-2 mb-0">{{- site.data.locales[include.lang].panel.toc -}}</h2>
     <nav id="toc"></nav>

diff --git a/_includes/topbar.html b/_includes/topbar.html
@@ -1,6 +1,6 @@
 <!-- The Top Bar -->
 
-<header id="topbar-wrapper" aria-label="Top Bar">
+<header dir={{ site.direction | default: ltr }} id="topbar-wrapper" aria-label="Top Bar">
   <div
     id="topbar"
     class="d-flex align-items-center justify-content-between px-lg-3 h-100"

diff --git a/_includes/trending-tags.html b/_includes/trending-tags.html
@@ -34,7 +34,7 @@
 {% endfor %}
 
 {% if trending_tags.size > 0 %}
-  <section>
+  <section dir={{ site.direction | default: ltr }}>
     <h2 class="panel-heading">{{- site.data.locales[include.lang].panel.trending_tags -}}</h2>
     <div class="d-flex flex-wrap mt-3 mb-1 me-3">
       {% for tag_name in trending_tags %}

diff --git a/_includes/update-list.html b/_includes/update-list.html
@@ -23,7 +23,7 @@
 {% endfor %}
 
 {% if update_list.size > 0 %}
-  <section id="access-lastmod">
+  <section dir={{ site.direction | default: ltr }} id="access-lastmod">
     <h2 class="panel-heading">{{- site.data.locales[include.lang].panel.lastmod -}}</h2>
     <ul class="content list-unstyled ps-0 pb-1 ms-1 mt-2">
       {% for item in update_list %}

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -24,7 +24,7 @@
         {% include topbar.html lang=lang %}
 
         <div class="row flex-grow-1">
-          <main aria-label="Main Content" class="col-12 col-lg-11 col-xl-9 px-md-4">
+          <main dir={{ site.direction | default: ltr }} aria-label="Main Content" class="col-12 col-lg-11 col-xl-9 px-md-4">
             {% if layout.refactor or layout.layout == 'default' %}
               {% include refactor-content.html content=content lang=lang %}
             {% else %}
@@ -33,7 +33,7 @@
           </main>
 
           <!-- panel -->
-          <aside aria-label="Panel" id="panel-wrapper" class="col-xl-3 ps-2 text-muted">
+          <aside dir={{ site.direction | default: ltr }} aria-label="Panel" id="panel-wrapper" class="col-xl-3 ps-2 text-muted">
             <div class="access">
               {% include_cached update-list.html lang=lang %}
               {% include_cached trending-tags.html lang=lang %}