From 3000264b6ca4b2f8b0139b4dfc80c8b4e9c92ed3 Mon Sep 17 00:00:00 2001
From: Yohei Yasukawa <yohei@yasslab.jp>
Date: Sun, 19 Jan 2025 15:03:37 +0900
Subject: [PATCH] =?UTF-8?q?=E5=90=84=E3=83=9A=E3=83=BC=E3=82=B8=E3=81=AE?=
 =?UTF-8?q?=E3=83=95=E3=83=83=E3=82=BF=E3=83=BC=E3=81=8B=E3=82=89=E3=80=8C?=
 =?UTF-8?q?=E6=AC=A1=E3=81=AE=E6=8A=95=E7=A8=BF=E3=80=8D=E3=80=8C=E5=89=8D?=
 =?UTF-8?q?=E3=81=AE=E6=8A=95=E7=A8=BF=E3=80=8D=E3=81=AB=E3=83=AF=E3=83=B3?=
 =?UTF-8?q?=E3=82=AF=E3=83=AA=E3=83=83=E3=82=AF=E3=81=A7=E9=81=B7=E7=A7=BB?=
 =?UTF-8?q?=E3=81=A7=E3=81=8D=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB=E3=81=97?=
 =?UTF-8?q?=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/_data/translations.yml |  4 +--
 docs/_layouts/post.html     | 58 ++++++++++++++++++++++++++++++-------
 2 files changed, 50 insertions(+), 12 deletions(-)

diff --git a/docs/_data/translations.yml b/docs/_data/translations.yml
index f0b541f3..598c1f09 100644
--- a/docs/_data/translations.yml
+++ b/docs/_data/translations.yml
@@ -41,8 +41,8 @@ share:
   ja: 'シェア'
 
 back:
-  en: 'Back'
-  ja: '戻る'
+  en: 'Back to index'
+  ja: '目次に戻る'
 
 jekyll:
   en: '<a href="https://jekyllrb.com/">Jekyll</a>'
diff --git a/docs/_layouts/post.html b/docs/_layouts/post.html
index e735c3e8..30222014 100644
--- a/docs/_layouts/post.html
+++ b/docs/_layouts/post.html
@@ -28,7 +28,8 @@ <h1 class="post-title" data-aos="fade-up" data-aos-delay="200" data-aos-offset="
     <p><small>
       {{ site.data.translations.link[page.lang] }}: <a href="{{ page.link }}">{{ page.link }}</a><br>
 
-      {% assign urls   = site.posts | map: 'url' | sort %}
+      {% assign posts  = site.posts | sort: 'date' | reverse %}
+      {% assign urls   =      posts |  map: 'url' %}
       {% assign url_en = page.url | replace_first: page.lang, 'en'  %}
       {% assign url_ja = page.url | replace_first: page.lang, 'ja'  %}
       {% if page.lang == 'en' and urls contains url_ja %}
@@ -38,15 +39,52 @@ <h1 class="post-title" data-aos="fade-up" data-aos-delay="200" data-aos-offset="
       {% endif %}
 
       {% assign url = page.url | split: '/' | last %}
-      {{ site.data.translations.share[page.lang] }}: <a href='https://twitter.com/intent/tweet?text={{ page.title }}&hashtags=RemoteWorkJP&lang={{ page.lang }}&url={{ site.url }}/{{ page.lang }}/{{ url | cgi_escape | url_encode }}'><i class="fa-brands fa-x-twitter"></i></a>
+      {{ site.data.translations.share[page.lang] }}: <a href='https://twitter.com/intent/tweet?text={{ page.title }}&hashtags=RemoteWorkJP&lang={{ page.lang }}&url={{ site.url }}/{{ page.lang }}/{{ url | cgi_escape | url_encode }}'><i class="fa-brands fa-x-twitter"></i></a><br>
+      <br>
+      {% assign this_lang_posts = posts | where: 'lang', page.lang %}
+      {% assign current_index = nil %}
+      {% for tlp in this_lang_posts %}
+        {% if tlp.url == page.url %}
+          {% assign current_index = forloop.index0 %}
+        {% endif %}
+      {% endfor %}
+
+      {% assign prev_index = current_index | minus: 1 %}
+      {% assign next_index = current_index | plus:  1 %}
+      {% if prev_index == -1                   %}{% assign prev_index = this_lang_posts.size | minus: 1 %}{% endif %}
+      {% if next_index == this_lang_posts.size %}{% assign next_index = 0                               %}{% endif %}
+      <style>
+	.nav-wrapper {
+	  display: flex;
+	  justify-content: space-between; /* 左右端に配置 */
+	  align-items:     center;        /* 垂直方向で中央揃え */
+	  width: 100%;
+	  padding: 10px;
+	}
+	.prev { text-align: left;   }
+	.toc  { text-align: center; }
+	.next { text-align: right;  }
+	.clearfix { clear: both; } /* 直前の float を解除 */
+      </style>
+      <div class='clearfix'></div>
+      <div class="nav-wrapper">
+	<div class="prev">
+	  &laquo;
+	  <a href="{{ this_lang_posts[prev_index].url }}">
+	    {{ this_lang_posts[prev_index].title | remove_first: '株式会社' }}
+	  </a>
+	</div>
+	<div class="next">
+	  <a href="{{ this_lang_posts[next_index].url }}">
+	    {{ this_lang_posts[next_index].title | remove_first: '株式会社' }}
+	  </a>
+	  &raquo;
+	</div>
+      </div>
+      <div class="toc">
+	<small><a href="/{{ page.lang }}">{{ site.data.translations.back[page.lang] }}</a></small>
+      </div>
+
     </small></p>
-    
-    <p>
-      <small><a href="/{{ page.lang }}">« {{ site.data.translations.back[page.lang] }}</a></small>
-    </p>
   </article>
-
-  {% comment %}
-  <small>{{ site.data.translations.postCreatedBy[page.lang] }} <b>{{ page.by }}</b></small>
-  {% endcomment %}
 </div>