From c15807d91b9558c47df230bb43dd66be78dc18cb Mon Sep 17 00:00:00 2001
From: xdavidwu <xdavidwuph@gmail.com>
Date: Wed, 26 May 2021 20:21:17 +0800
Subject: [PATCH] use icons for pagination

---
 _includes/paginator.html       | 24 +++++++++++++++++++-----
 _includes/post_pagination.html | 16 ++++++++++++----
 2 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/_includes/paginator.html b/_includes/paginator.html
index bffa079..7bf9d06 100644
--- a/_includes/paginator.html
+++ b/_includes/paginator.html
@@ -5,12 +5,20 @@
     {% comment %} Link for previous page {% endcomment %}
     {% if paginator.previous_page %}
       {% if paginator.previous_page == 1 %}
-        <li><a href="{{ first_page_path }}">{{ site.data.ui-text[site.locale].pagination_previous | default: "Previous" }}</a></li>
+        <li><a href="{{ first_page_path }}">
+          <i class="fa fa-angle-left"></i>
+        </a></li>
       {% else %}
-        <li><a href="{{ site.paginate_path | replace: ':num', paginator.previous_page | replace: '//', '/' | relative_url }}">{{ site.data.ui-text[site.locale].pagination_previous | default: "Previous" }}</a></li>
+        <li><a href="{{ site.paginate_path | replace: ':num', paginator.previous_page | replace: '//', '/' | relative_url }}">
+          <i class="fa fa-angle-left"></i>
+        </a></li>
       {% endif %}
     {% else %}
-    <li><a href="#" class="disabled"><span aria-hidden="true">{{ site.data.ui-text[site.locale].pagination_previous | default: "Previous" }}</span></a></li>
+    <li><a href="#" class="disabled">
+      <span aria-hidden="true">
+        <i class="fa fa-angle-left"></i>
+      </span>
+    </a></li>
     {% endif %}
 
     {% comment %} First page {% endcomment %}
@@ -60,9 +68,15 @@
 
     {% comment %} Link next page {% endcomment %}
     {% if paginator.next_page %}
-      <li><a href="{{ site.paginate_path | replace: ':num', paginator.next_page | replace: '//', '/' | relative_url }}">{{ site.data.ui-text[site.locale].pagination_next | default: "Next" }}</a></li>
+      <li><a href="{{ site.paginate_path | replace: ':num', paginator.next_page | replace: '//', '/' | relative_url }}">
+        <i class="fa fa-angle-right"></i>
+      </a></li>
     {% else %}
-      <li><a href="#" class="disabled"><span aria-hidden="true">{{ site.data.ui-text[site.locale].pagination_next | default: "Next" }}</span></a></li>
+      <li><a href="#" class="disabled">
+        <span aria-hidden="true">
+          <i class="fa fa-angle-right"></i>
+        </span>
+      </a></li>
     {% endif %}
   </ul>
 </nav>
diff --git a/_includes/post_pagination.html b/_includes/post_pagination.html
index a93c627..7bffeea 100644
--- a/_includes/post_pagination.html
+++ b/_includes/post_pagination.html
@@ -1,14 +1,22 @@
 {% if page.previous or page.next %}
   <nav class="pagination">
     {% if page.previous %}
-      <a href="{{ page.previous.url | relative_url }}" class="pagination--pager" title="{{ page.previous.title | markdownify | strip_html }}">{{ site.data.ui-text[site.locale].pagination_previous | default: "Previous" }}</a>
+      <a href="{{ page.previous.url | relative_url }}" class="pagination--pager" title="{{ page.previous.title | markdownify | strip_html }}">
+        <i class="fa fa-angle-left"></i>
+      </a>
     {% else %}
-      <a href="#" class="pagination--pager disabled">{{ site.data.ui-text[site.locale].pagination_previous | default: "Previous" }}</a>
+      <a href="#" class="pagination--pager disabled">
+        <i class="fa fa-angle-left"></i>
+      </a>
     {% endif %}
     {% if page.next %}
-      <a href="{{ page.next.url | relative_url }}" class="pagination--pager" title="{{ page.next.title | markdownify | strip_html }}">{{ site.data.ui-text[site.locale].pagination_next | default: "Next" }}</a>
+      <a href="{{ page.next.url | relative_url }}" class="pagination--pager" title="{{ page.next.title | markdownify | strip_html }}">
+        <i class="fa fa-angle-right"></i>
+      </a>
     {% else %}
-      <a href="#" class="pagination--pager disabled">{{ site.data.ui-text[site.locale].pagination_next | default: "Next" }}</a>
+      <a href="#" class="pagination--pager disabled">
+        <i class="fa fa-angle-right"></i>
+      </a>
     {% endif %}
   </nav>
 {% endif %}
\ No newline at end of file
-- 
2.43.0