Merge pull request #64 from bmf-san/feat/bookshelf-non-asin-books

feat: add non-Amazon books to bookshelf (booth.pm / techbookfest)

Author: bmf-san

content/en/posts/freee-technical-book-multi-product-development.md

@@ -11,6 +11,9 @@ tags:
   - System Design
   - Book
 translation_key: freee-technical-book-multi-product-development
+books:
+  - title: freee Technical Book - Multi-Product Development at freee
+    url: https://techbookfest.org/product/8UNZJF7Rs5AWuqReQuZZgs?productVariantID=fZvUHjHxH4hqG6wtAaAVWN
 ---
 
 [Read the book on freee's technology](https://techbookfest.org/product/8UNZJF7Rs5AWuqReQuZZgs?productVariantID=fZvUHjHxH4hqG6wtAaAVWN).

content/en/posts/oauth-oidc-attacks-and-countermeasures-guide.md

@@ -11,6 +11,9 @@ tags:
   - OpenID Connect
   - Book
 translation_key: oauth-oidc-attacks-and-countermeasures-guide
+books:
+  - title: Understanding Attacks and Countermeasures on OAuth/OIDC (Redirect Attack Edition)
+    url: https://authya.booth.pm/items/1877818
 ---
 
 

content/en/posts/understanding-oauth-oauth2-openid-connect-differences.md

@@ -13,6 +13,9 @@ tags:
   - Authorization
   - Book
 translation_key: understanding-oauth-oauth2-openid-connect-differences
+books:
+  - title: A Book to Understand the Differences Between OAuth, OAuth Authentication, and OpenID Connect
+    url: https://authya.booth.pm/items/1550861
 ---
 
 

content/ja/posts/freee-technical-book-multi-product-development.md

@@ -11,6 +11,9 @@ tags:
   - システム設計
   - 書評
 translation_key: freee-technical-book-multi-product-development
+books:
+  - title: freee 技術の本 freeeにおけるマルチプロダクト開発
+    url: https://techbookfest.org/product/8UNZJF7Rs5AWuqReQuZZgs?productVariantID=fZvUHjHxH4hqG6wtAaAVWN
 ---
 
 

content/ja/posts/oauth-oidc-attacks-and-countermeasures-guide.md

@@ -11,6 +11,9 @@ tags:
   - OpenIDConnect
   - 書評
 translation_key: oauth-oidc-attacks-and-countermeasures-guide
+books:
+  - title: OAuth・OIDCへの攻撃と対策を整理して理解できる本（リダイレクトへの攻撃編）
+    url: https://authya.booth.pm/items/1877818
 ---
 
 

content/ja/posts/understanding-oauth-oauth2-openid-connect-differences.md

@@ -13,6 +13,9 @@ tags:
   - 認可
   - 書評
 translation_key: understanding-oauth-oauth2-openid-connect-differences
+books:
+  - title: OAuth、OAuth認証、OpenID Connectの違いを整理して理解できる本
+    url: https://authya.booth.pm/items/1550861
 ---
 
 

themes/default/templates/bookshelf.html

@@ -26,30 +26,43 @@ <h1 class="text-4xl font-bold mb-2">{{if eq $locale "ja"}}本棚{{else}}Bookshel
     </p>
   </header>
 
-  {{- $books := index .VirtualPageData "books"}}
-  {{if $books}}
-  <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-6">
-    {{range $books}}
-    <div class="flex flex-col items-center text-center gap-2">
-      <a href="{{.LinkURL}}" target="_blank" rel="noopener noreferrer" class="block hover:opacity-80 transition-opacity" aria-label="{{.Title}} on Amazon">
-        <img
-          src="{{.ImageURL}}"
-          alt="{{.Title}}"
-          class="rounded shadow w-full max-w-[160px] object-cover"
-          loading="lazy"
-          width="250"
-          height="250"
-        >
-      </a>
-      <p class="text-sm font-medium leading-snug line-clamp-3">{{.Title}}</p>
-      {{if .ArticleURL}}
-      <a href="{{.ArticleURL}}" class="text-xs text-secondary underline hover:text-primary">
-        {{if eq $locale "ja"}}書評を読む{{else}}Read review{{end}}
-      </a>
+  {{- $categories := index .VirtualPageData "categories"}}
+  {{if $categories}}
+  {{- range $categories}}
+  <section class="mb-12">
+    <h2 class="text-2xl font-semibold mb-6 pb-2 border-b border-border">
+      {{if .Name}}{{.Name}}{{else}}{{if eq $locale "ja"}}未分類{{else}}Uncategorized{{end}}{{end}}
+    </h2>
+    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-6">
+      {{range .Books}}
+      <div class="flex flex-col items-center text-center gap-2">
+        {{if .ImageURL}}
+        <a href="{{.LinkURL}}" target="_blank" rel="noopener noreferrer" class="block hover:opacity-80 transition-opacity" aria-label="{{.Title}} on Amazon">
+          <img
+            src="{{.ImageURL}}"
+            alt="{{.Title}}"
+            class="rounded shadow w-full max-w-[160px] object-cover"
+            loading="lazy"
+            width="250"
+            height="250"
+          >
+        </a>
+        {{else}}
+        <a href="{{.LinkURL}}" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center rounded shadow w-full max-w-[160px] min-h-[200px] bg-secondary text-secondary text-xs p-3 hover:opacity-80 transition-opacity leading-snug">
+          {{.Title}}
+        </a>
+        {{end}}
+        <p class="text-sm font-medium leading-snug line-clamp-3">{{.Title}}</p>
+        {{if .ArticleURL}}
+        <a href="{{.ArticleURL}}" class="text-xs text-secondary underline hover:text-primary">
+          {{if eq $locale "ja"}}書評を読む{{else}}Read review{{end}}
+        </a>
+        {{end}}
+      </div>
       {{end}}
     </div>
-    {{end}}
-  </div>
+  </section>
+  {{end}}
   {{else}}
   <p class="text-secondary">
     {{if eq $locale "ja"}}まだ本が登録されていません。{{else}}No books yet.{{end}}