diff --git a/package.json b/package.json
index 6c01f17..09109f0 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,8 @@
"dev": "astro dev",
"icons:generate": "node icons-generate.cjs",
"og:generate": "node og-generate.cjs",
+ "thumbnail:generate": "node thumbnail-generate.cjs",
+ "images": "npm-run-all og:generate thumbnail:generate",
"plop": "plop",
"prepreview": "pnpm run build",
"preview": "astro preview --open",
diff --git a/public/assets/images/thumbnail/101-things-you-can-do.jpg b/public/assets/images/thumbnail/101-things-you-can-do.jpg
new file mode 100644
index 0000000..e228708
Binary files /dev/null and b/public/assets/images/thumbnail/101-things-you-can-do.jpg differ
diff --git a/public/assets/images/thumbnail/15-years-xing.jpg b/public/assets/images/thumbnail/15-years-xing.jpg
new file mode 100644
index 0000000..a6b1184
Binary files /dev/null and b/public/assets/images/thumbnail/15-years-xing.jpg differ
diff --git a/public/assets/images/thumbnail/ai-cover-1.jpg b/public/assets/images/thumbnail/ai-cover-1.jpg
new file mode 100644
index 0000000..41735ca
Binary files /dev/null and b/public/assets/images/thumbnail/ai-cover-1.jpg differ
diff --git a/public/assets/images/thumbnail/ai-cover-2.jpg b/public/assets/images/thumbnail/ai-cover-2.jpg
new file mode 100644
index 0000000..09ea984
Binary files /dev/null and b/public/assets/images/thumbnail/ai-cover-2.jpg differ
diff --git a/public/assets/images/thumbnail/ai-cover-3.jpg b/public/assets/images/thumbnail/ai-cover-3.jpg
new file mode 100644
index 0000000..17e1c50
Binary files /dev/null and b/public/assets/images/thumbnail/ai-cover-3.jpg differ
diff --git a/public/assets/images/thumbnail/ai-cover-4.jpg b/public/assets/images/thumbnail/ai-cover-4.jpg
new file mode 100644
index 0000000..d312f3d
Binary files /dev/null and b/public/assets/images/thumbnail/ai-cover-4.jpg differ
diff --git a/public/assets/images/thumbnail/alien-worlds.jpg b/public/assets/images/thumbnail/alien-worlds.jpg
new file mode 100644
index 0000000..6d7947e
Binary files /dev/null and b/public/assets/images/thumbnail/alien-worlds.jpg differ
diff --git a/public/assets/images/thumbnail/anarcho-capitalist-city.jpg b/public/assets/images/thumbnail/anarcho-capitalist-city.jpg
new file mode 100644
index 0000000..9bef3ad
Binary files /dev/null and b/public/assets/images/thumbnail/anarcho-capitalist-city.jpg differ
diff --git a/public/assets/images/thumbnail/apps-tools-services.jpg b/public/assets/images/thumbnail/apps-tools-services.jpg
new file mode 100644
index 0000000..ccd711a
Binary files /dev/null and b/public/assets/images/thumbnail/apps-tools-services.jpg differ
diff --git a/public/assets/images/thumbnail/attention.jpg b/public/assets/images/thumbnail/attention.jpg
new file mode 100644
index 0000000..fd6dac0
Binary files /dev/null and b/public/assets/images/thumbnail/attention.jpg differ
diff --git a/public/assets/images/thumbnail/best-of-2020.jpg b/public/assets/images/thumbnail/best-of-2020.jpg
new file mode 100644
index 0000000..bc72642
Binary files /dev/null and b/public/assets/images/thumbnail/best-of-2020.jpg differ
diff --git a/public/assets/images/thumbnail/beyond-the-bookshelf-1.jpg b/public/assets/images/thumbnail/beyond-the-bookshelf-1.jpg
new file mode 100644
index 0000000..aaae0ad
Binary files /dev/null and b/public/assets/images/thumbnail/beyond-the-bookshelf-1.jpg differ
diff --git a/public/assets/images/thumbnail/beyond-the-bookshelf-2.jpg b/public/assets/images/thumbnail/beyond-the-bookshelf-2.jpg
new file mode 100644
index 0000000..bf27687
Binary files /dev/null and b/public/assets/images/thumbnail/beyond-the-bookshelf-2.jpg differ
diff --git a/public/assets/images/thumbnail/bonsai.jpg b/public/assets/images/thumbnail/bonsai.jpg
new file mode 100644
index 0000000..aaf4775
Binary files /dev/null and b/public/assets/images/thumbnail/bonsai.jpg differ
diff --git a/public/assets/images/thumbnail/book-decodeunicode.jpg b/public/assets/images/thumbnail/book-decodeunicode.jpg
new file mode 100644
index 0000000..3923056
Binary files /dev/null and b/public/assets/images/thumbnail/book-decodeunicode.jpg differ
diff --git a/public/assets/images/thumbnail/calisthenics.jpg b/public/assets/images/thumbnail/calisthenics.jpg
new file mode 100644
index 0000000..84e0cc6
Binary files /dev/null and b/public/assets/images/thumbnail/calisthenics.jpg differ
diff --git a/public/assets/images/thumbnail/civil-war-truth-1-introduction.jpg b/public/assets/images/thumbnail/civil-war-truth-1-introduction.jpg
new file mode 100644
index 0000000..6ce11a6
Binary files /dev/null and b/public/assets/images/thumbnail/civil-war-truth-1-introduction.jpg differ
diff --git a/public/assets/images/thumbnail/civil-war-truth-2-corporatism-technocracy.jpg b/public/assets/images/thumbnail/civil-war-truth-2-corporatism-technocracy.jpg
new file mode 100644
index 0000000..1b32357
Binary files /dev/null and b/public/assets/images/thumbnail/civil-war-truth-2-corporatism-technocracy.jpg differ
diff --git a/public/assets/images/thumbnail/civil-war-truth-3-political-division.jpg b/public/assets/images/thumbnail/civil-war-truth-3-political-division.jpg
new file mode 100644
index 0000000..beb3055
Binary files /dev/null and b/public/assets/images/thumbnail/civil-war-truth-3-political-division.jpg differ
diff --git a/public/assets/images/thumbnail/civil-war-truth-4-media-journalism.jpg b/public/assets/images/thumbnail/civil-war-truth-4-media-journalism.jpg
new file mode 100644
index 0000000..44ae0f3
Binary files /dev/null and b/public/assets/images/thumbnail/civil-war-truth-4-media-journalism.jpg differ
diff --git a/public/assets/images/thumbnail/civil-war-truth-5-academia.jpg b/public/assets/images/thumbnail/civil-war-truth-5-academia.jpg
new file mode 100644
index 0000000..6770ff7
Binary files /dev/null and b/public/assets/images/thumbnail/civil-war-truth-5-academia.jpg differ
diff --git a/public/assets/images/thumbnail/civil-war-truth-6-science.jpg b/public/assets/images/thumbnail/civil-war-truth-6-science.jpg
new file mode 100644
index 0000000..9ae4cfe
Binary files /dev/null and b/public/assets/images/thumbnail/civil-war-truth-6-science.jpg differ
diff --git a/public/assets/images/thumbnail/civil-war-truth-7-conclusion.jpg b/public/assets/images/thumbnail/civil-war-truth-7-conclusion.jpg
new file mode 100644
index 0000000..5e77650
Binary files /dev/null and b/public/assets/images/thumbnail/civil-war-truth-7-conclusion.jpg differ
diff --git a/public/assets/images/thumbnail/copybook-headings.jpg b/public/assets/images/thumbnail/copybook-headings.jpg
new file mode 100644
index 0000000..503185a
Binary files /dev/null and b/public/assets/images/thumbnail/copybook-headings.jpg differ
diff --git a/public/assets/images/thumbnail/decentralized-web-1.jpg b/public/assets/images/thumbnail/decentralized-web-1.jpg
new file mode 100644
index 0000000..f37cb19
Binary files /dev/null and b/public/assets/images/thumbnail/decentralized-web-1.jpg differ
diff --git a/public/assets/images/thumbnail/decentralized-web-2.jpg b/public/assets/images/thumbnail/decentralized-web-2.jpg
new file mode 100644
index 0000000..64bfeaf
Binary files /dev/null and b/public/assets/images/thumbnail/decentralized-web-2.jpg differ
diff --git a/public/assets/images/thumbnail/decentralized-web-3.jpg b/public/assets/images/thumbnail/decentralized-web-3.jpg
new file mode 100644
index 0000000..b49476a
Binary files /dev/null and b/public/assets/images/thumbnail/decentralized-web-3.jpg differ
diff --git a/public/assets/images/thumbnail/design-koi.jpg b/public/assets/images/thumbnail/design-koi.jpg
new file mode 100644
index 0000000..3d76c57
Binary files /dev/null and b/public/assets/images/thumbnail/design-koi.jpg differ
diff --git a/public/assets/images/thumbnail/devonthink-obsidian-for-note-taking.jpg b/public/assets/images/thumbnail/devonthink-obsidian-for-note-taking.jpg
new file mode 100644
index 0000000..a4b6b75
Binary files /dev/null and b/public/assets/images/thumbnail/devonthink-obsidian-for-note-taking.jpg differ
diff --git a/public/assets/images/thumbnail/dreaming-of-the-old-normal.jpg b/public/assets/images/thumbnail/dreaming-of-the-old-normal.jpg
new file mode 100644
index 0000000..6a9aec2
Binary files /dev/null and b/public/assets/images/thumbnail/dreaming-of-the-old-normal.jpg differ
diff --git a/public/assets/images/thumbnail/everyday-carry.jpg b/public/assets/images/thumbnail/everyday-carry.jpg
new file mode 100644
index 0000000..6d2b742
Binary files /dev/null and b/public/assets/images/thumbnail/everyday-carry.jpg differ
diff --git a/public/assets/images/thumbnail/from-typewriter-to-split-keyboard.jpg b/public/assets/images/thumbnail/from-typewriter-to-split-keyboard.jpg
new file mode 100644
index 0000000..7b45e50
Binary files /dev/null and b/public/assets/images/thumbnail/from-typewriter-to-split-keyboard.jpg differ
diff --git a/public/assets/images/thumbnail/fuck-you-sonos.jpg b/public/assets/images/thumbnail/fuck-you-sonos.jpg
new file mode 100644
index 0000000..d220f2d
Binary files /dev/null and b/public/assets/images/thumbnail/fuck-you-sonos.jpg differ
diff --git a/public/assets/images/thumbnail/git.jpg b/public/assets/images/thumbnail/git.jpg
new file mode 100644
index 0000000..a1bcce8
Binary files /dev/null and b/public/assets/images/thumbnail/git.jpg differ
diff --git a/public/assets/images/thumbnail/gitbook.jpg b/public/assets/images/thumbnail/gitbook.jpg
new file mode 100644
index 0000000..4e0d0d3
Binary files /dev/null and b/public/assets/images/thumbnail/gitbook.jpg differ
diff --git a/public/assets/images/thumbnail/gitweb-theme.jpg b/public/assets/images/thumbnail/gitweb-theme.jpg
new file mode 100644
index 0000000..763c44e
Binary files /dev/null and b/public/assets/images/thumbnail/gitweb-theme.jpg differ
diff --git a/public/assets/images/thumbnail/gtd.jpg b/public/assets/images/thumbnail/gtd.jpg
new file mode 100644
index 0000000..ddf8d2d
Binary files /dev/null and b/public/assets/images/thumbnail/gtd.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-1.jpg b/public/assets/images/thumbnail/gulp-1.jpg
new file mode 100644
index 0000000..177381d
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-1.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-10.jpg b/public/assets/images/thumbnail/gulp-10.jpg
new file mode 100644
index 0000000..1783909
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-10.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-11.jpg b/public/assets/images/thumbnail/gulp-11.jpg
new file mode 100644
index 0000000..b4713f7
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-11.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-12.jpg b/public/assets/images/thumbnail/gulp-12.jpg
new file mode 100644
index 0000000..5dca4c2
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-12.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-13.jpg b/public/assets/images/thumbnail/gulp-13.jpg
new file mode 100644
index 0000000..a1f5117
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-13.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-14.jpg b/public/assets/images/thumbnail/gulp-14.jpg
new file mode 100644
index 0000000..2009e37
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-14.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-15.jpg b/public/assets/images/thumbnail/gulp-15.jpg
new file mode 100644
index 0000000..73d83e2
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-15.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-16.jpg b/public/assets/images/thumbnail/gulp-16.jpg
new file mode 100644
index 0000000..bdb6012
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-16.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-2.jpg b/public/assets/images/thumbnail/gulp-2.jpg
new file mode 100644
index 0000000..190ab06
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-2.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-3.jpg b/public/assets/images/thumbnail/gulp-3.jpg
new file mode 100644
index 0000000..e0c43a5
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-3.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-4.jpg b/public/assets/images/thumbnail/gulp-4.jpg
new file mode 100644
index 0000000..a03a6f6
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-4.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-5.jpg b/public/assets/images/thumbnail/gulp-5.jpg
new file mode 100644
index 0000000..85948c5
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-5.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-6.jpg b/public/assets/images/thumbnail/gulp-6.jpg
new file mode 100644
index 0000000..79bc870
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-6.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-7.jpg b/public/assets/images/thumbnail/gulp-7.jpg
new file mode 100644
index 0000000..10ecf09
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-7.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-8.jpg b/public/assets/images/thumbnail/gulp-8.jpg
new file mode 100644
index 0000000..4f538bd
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-8.jpg differ
diff --git a/public/assets/images/thumbnail/gulp-9.jpg b/public/assets/images/thumbnail/gulp-9.jpg
new file mode 100644
index 0000000..59b6964
Binary files /dev/null and b/public/assets/images/thumbnail/gulp-9.jpg differ
diff --git a/public/assets/images/thumbnail/home-documentary.jpg b/public/assets/images/thumbnail/home-documentary.jpg
new file mode 100644
index 0000000..f5e5745
Binary files /dev/null and b/public/assets/images/thumbnail/home-documentary.jpg differ
diff --git a/public/assets/images/thumbnail/home-office.jpg b/public/assets/images/thumbnail/home-office.jpg
new file mode 100644
index 0000000..67fef84
Binary files /dev/null and b/public/assets/images/thumbnail/home-office.jpg differ
diff --git a/public/assets/images/thumbnail/how-to-prepare-for-the-worst-case.jpg b/public/assets/images/thumbnail/how-to-prepare-for-the-worst-case.jpg
new file mode 100644
index 0000000..5dcf9f3
Binary files /dev/null and b/public/assets/images/thumbnail/how-to-prepare-for-the-worst-case.jpg differ
diff --git a/public/assets/images/thumbnail/human-documentary.jpg b/public/assets/images/thumbnail/human-documentary.jpg
new file mode 100644
index 0000000..eaa0ebe
Binary files /dev/null and b/public/assets/images/thumbnail/human-documentary.jpg differ
diff --git a/public/assets/images/thumbnail/i-counted-everything-i-own.jpg b/public/assets/images/thumbnail/i-counted-everything-i-own.jpg
new file mode 100644
index 0000000..dba08eb
Binary files /dev/null and b/public/assets/images/thumbnail/i-counted-everything-i-own.jpg differ
diff --git a/public/assets/images/thumbnail/ia-writer-template-nanzan.jpg b/public/assets/images/thumbnail/ia-writer-template-nanzan.jpg
new file mode 100644
index 0000000..a24f9e2
Binary files /dev/null and b/public/assets/images/thumbnail/ia-writer-template-nanzan.jpg differ
diff --git a/public/assets/images/thumbnail/ia-writer-template-shibui.jpg b/public/assets/images/thumbnail/ia-writer-template-shibui.jpg
new file mode 100644
index 0000000..a68890a
Binary files /dev/null and b/public/assets/images/thumbnail/ia-writer-template-shibui.jpg differ
diff --git a/public/assets/images/thumbnail/interpretation-if.jpg b/public/assets/images/thumbnail/interpretation-if.jpg
new file mode 100644
index 0000000..6899163
Binary files /dev/null and b/public/assets/images/thumbnail/interpretation-if.jpg differ
diff --git a/public/assets/images/thumbnail/japanese-colors.jpg b/public/assets/images/thumbnail/japanese-colors.jpg
new file mode 100644
index 0000000..ed65279
Binary files /dev/null and b/public/assets/images/thumbnail/japanese-colors.jpg differ
diff --git a/public/assets/images/thumbnail/john-seymour.jpg b/public/assets/images/thumbnail/john-seymour.jpg
new file mode 100644
index 0000000..ead52a5
Binary files /dev/null and b/public/assets/images/thumbnail/john-seymour.jpg differ
diff --git a/public/assets/images/thumbnail/learning-poems.jpg b/public/assets/images/thumbnail/learning-poems.jpg
new file mode 100644
index 0000000..8f891ed
Binary files /dev/null and b/public/assets/images/thumbnail/learning-poems.jpg differ
diff --git a/public/assets/images/thumbnail/logo-design.jpg b/public/assets/images/thumbnail/logo-design.jpg
new file mode 100644
index 0000000..7312911
Binary files /dev/null and b/public/assets/images/thumbnail/logo-design.jpg differ
diff --git a/public/assets/images/thumbnail/manage-references-for-note-taking.jpg b/public/assets/images/thumbnail/manage-references-for-note-taking.jpg
new file mode 100644
index 0000000..45b4b82
Binary files /dev/null and b/public/assets/images/thumbnail/manage-references-for-note-taking.jpg differ
diff --git a/public/assets/images/thumbnail/minimalism.jpg b/public/assets/images/thumbnail/minimalism.jpg
new file mode 100644
index 0000000..90fff55
Binary files /dev/null and b/public/assets/images/thumbnail/minimalism.jpg differ
diff --git a/public/assets/images/thumbnail/modern-atlas-shrugged-1-signs-of-collapse.jpg b/public/assets/images/thumbnail/modern-atlas-shrugged-1-signs-of-collapse.jpg
new file mode 100644
index 0000000..348ea95
Binary files /dev/null and b/public/assets/images/thumbnail/modern-atlas-shrugged-1-signs-of-collapse.jpg differ
diff --git a/public/assets/images/thumbnail/modern-atlas-shrugged-2-looters-in-action.jpg b/public/assets/images/thumbnail/modern-atlas-shrugged-2-looters-in-action.jpg
new file mode 100644
index 0000000..9f6d6d7
Binary files /dev/null and b/public/assets/images/thumbnail/modern-atlas-shrugged-2-looters-in-action.jpg differ
diff --git a/public/assets/images/thumbnail/modern-atlas-shrugged-3-strike.jpg b/public/assets/images/thumbnail/modern-atlas-shrugged-3-strike.jpg
new file mode 100644
index 0000000..7e6eb96
Binary files /dev/null and b/public/assets/images/thumbnail/modern-atlas-shrugged-3-strike.jpg differ
diff --git a/public/assets/images/thumbnail/morning-routine.jpg b/public/assets/images/thumbnail/morning-routine.jpg
new file mode 100644
index 0000000..d1b3463
Binary files /dev/null and b/public/assets/images/thumbnail/morning-routine.jpg differ
diff --git a/public/assets/images/thumbnail/motivational-video.jpg b/public/assets/images/thumbnail/motivational-video.jpg
new file mode 100644
index 0000000..7a13c20
Binary files /dev/null and b/public/assets/images/thumbnail/motivational-video.jpg differ
diff --git a/public/assets/images/thumbnail/netflix-underwear.jpg b/public/assets/images/thumbnail/netflix-underwear.jpg
new file mode 100644
index 0000000..31e48f4
Binary files /dev/null and b/public/assets/images/thumbnail/netflix-underwear.jpg differ
diff --git a/public/assets/images/thumbnail/new-website-2020-design.jpg b/public/assets/images/thumbnail/new-website-2020-design.jpg
new file mode 100644
index 0000000..29f09df
Binary files /dev/null and b/public/assets/images/thumbnail/new-website-2020-design.jpg differ
diff --git a/public/assets/images/thumbnail/new-website-2020-development.jpg b/public/assets/images/thumbnail/new-website-2020-development.jpg
new file mode 100644
index 0000000..baa086d
Binary files /dev/null and b/public/assets/images/thumbnail/new-website-2020-development.jpg differ
diff --git a/public/assets/images/thumbnail/new-website-2020-inspiration.jpg b/public/assets/images/thumbnail/new-website-2020-inspiration.jpg
new file mode 100644
index 0000000..9b86228
Binary files /dev/null and b/public/assets/images/thumbnail/new-website-2020-inspiration.jpg differ
diff --git a/public/assets/images/thumbnail/new-website-2020.jpg b/public/assets/images/thumbnail/new-website-2020.jpg
new file mode 100644
index 0000000..a000fe5
Binary files /dev/null and b/public/assets/images/thumbnail/new-website-2020.jpg differ
diff --git a/public/assets/images/thumbnail/new-website-2021.jpg b/public/assets/images/thumbnail/new-website-2021.jpg
new file mode 100644
index 0000000..71620a2
Binary files /dev/null and b/public/assets/images/thumbnail/new-website-2021.jpg differ
diff --git a/public/assets/images/thumbnail/news-wave.jpg b/public/assets/images/thumbnail/news-wave.jpg
new file mode 100644
index 0000000..c277171
Binary files /dev/null and b/public/assets/images/thumbnail/news-wave.jpg differ
diff --git a/public/assets/images/thumbnail/note-taking-obsidian-readwise-ai.jpg b/public/assets/images/thumbnail/note-taking-obsidian-readwise-ai.jpg
new file mode 100644
index 0000000..ca652c0
Binary files /dev/null and b/public/assets/images/thumbnail/note-taking-obsidian-readwise-ai.jpg differ
diff --git a/public/assets/images/thumbnail/ok-boomer.jpg b/public/assets/images/thumbnail/ok-boomer.jpg
new file mode 100644
index 0000000..fecd949
Binary files /dev/null and b/public/assets/images/thumbnail/ok-boomer.jpg differ
diff --git a/public/assets/images/thumbnail/processing-information-into-notes.jpg b/public/assets/images/thumbnail/processing-information-into-notes.jpg
new file mode 100644
index 0000000..6b23938
Binary files /dev/null and b/public/assets/images/thumbnail/processing-information-into-notes.jpg differ
diff --git a/public/assets/images/thumbnail/rakkan.jpg b/public/assets/images/thumbnail/rakkan.jpg
new file mode 100644
index 0000000..180bae5
Binary files /dev/null and b/public/assets/images/thumbnail/rakkan.jpg differ
diff --git a/public/assets/images/thumbnail/raycast.jpg b/public/assets/images/thumbnail/raycast.jpg
new file mode 100644
index 0000000..b54b19d
Binary files /dev/null and b/public/assets/images/thumbnail/raycast.jpg differ
diff --git a/public/assets/images/thumbnail/rework.jpg b/public/assets/images/thumbnail/rework.jpg
new file mode 100644
index 0000000..4c6fae9
Binary files /dev/null and b/public/assets/images/thumbnail/rework.jpg differ
diff --git a/public/assets/images/thumbnail/shinto-gate.jpg b/public/assets/images/thumbnail/shinto-gate.jpg
new file mode 100644
index 0000000..5977f6c
Binary files /dev/null and b/public/assets/images/thumbnail/shinto-gate.jpg differ
diff --git a/public/assets/images/thumbnail/storing-information.jpg b/public/assets/images/thumbnail/storing-information.jpg
new file mode 100644
index 0000000..2ff4f90
Binary files /dev/null and b/public/assets/images/thumbnail/storing-information.jpg differ
diff --git a/public/assets/images/thumbnail/the-old-man-on-the-bench.jpg b/public/assets/images/thumbnail/the-old-man-on-the-bench.jpg
new file mode 100644
index 0000000..43a36cf
Binary files /dev/null and b/public/assets/images/thumbnail/the-old-man-on-the-bench.jpg differ
diff --git a/public/assets/images/thumbnail/thomas-sowell.jpg b/public/assets/images/thumbnail/thomas-sowell.jpg
new file mode 100644
index 0000000..be2d7e6
Binary files /dev/null and b/public/assets/images/thumbnail/thomas-sowell.jpg differ
diff --git a/public/assets/images/thumbnail/tools-for-better-writing.jpg b/public/assets/images/thumbnail/tools-for-better-writing.jpg
new file mode 100644
index 0000000..657c534
Binary files /dev/null and b/public/assets/images/thumbnail/tools-for-better-writing.jpg differ
diff --git a/public/assets/images/thumbnail/tools-i-use-for-note-taking.jpg b/public/assets/images/thumbnail/tools-i-use-for-note-taking.jpg
new file mode 100644
index 0000000..3554f86
Binary files /dev/null and b/public/assets/images/thumbnail/tools-i-use-for-note-taking.jpg differ
diff --git a/public/assets/images/thumbnail/using-readwise-with-obsidian-for-note-talking.jpg b/public/assets/images/thumbnail/using-readwise-with-obsidian-for-note-talking.jpg
new file mode 100644
index 0000000..45fb011
Binary files /dev/null and b/public/assets/images/thumbnail/using-readwise-with-obsidian-for-note-talking.jpg differ
diff --git a/public/assets/images/thumbnail/vim-polisher.jpg b/public/assets/images/thumbnail/vim-polisher.jpg
new file mode 100644
index 0000000..76a93f3
Binary files /dev/null and b/public/assets/images/thumbnail/vim-polisher.jpg differ
diff --git a/public/assets/images/thumbnail/vim.jpg b/public/assets/images/thumbnail/vim.jpg
new file mode 100644
index 0000000..96d8787
Binary files /dev/null and b/public/assets/images/thumbnail/vim.jpg differ
diff --git a/public/assets/images/thumbnail/web-developer-work-environment-1.jpg b/public/assets/images/thumbnail/web-developer-work-environment-1.jpg
new file mode 100644
index 0000000..f73a03b
Binary files /dev/null and b/public/assets/images/thumbnail/web-developer-work-environment-1.jpg differ
diff --git a/public/assets/images/thumbnail/web-developer-work-environment-2.jpg b/public/assets/images/thumbnail/web-developer-work-environment-2.jpg
new file mode 100644
index 0000000..378acc2
Binary files /dev/null and b/public/assets/images/thumbnail/web-developer-work-environment-2.jpg differ
diff --git a/public/assets/images/thumbnail/website-typography.jpg b/public/assets/images/thumbnail/website-typography.jpg
new file mode 100644
index 0000000..0903cd3
Binary files /dev/null and b/public/assets/images/thumbnail/website-typography.jpg differ
diff --git a/public/assets/images/thumbnail/webstandards-magazine-django.jpg b/public/assets/images/thumbnail/webstandards-magazine-django.jpg
new file mode 100644
index 0000000..ad95974
Binary files /dev/null and b/public/assets/images/thumbnail/webstandards-magazine-django.jpg differ
diff --git a/public/assets/images/thumbnail/zettelkasten-note-taking-devonthink.jpg b/public/assets/images/thumbnail/zettelkasten-note-taking-devonthink.jpg
new file mode 100644
index 0000000..50c27bd
Binary files /dev/null and b/public/assets/images/thumbnail/zettelkasten-note-taking-devonthink.jpg differ
diff --git a/src/components/JournalList.astro b/src/components/JournalList.astro
index 9a2801e..95f6f97 100644
--- a/src/components/JournalList.astro
+++ b/src/components/JournalList.astro
@@ -9,6 +9,7 @@ interface Props {
import { pickTwoRandomColors } from '../utils';
import Link from '../components/Link.astro';
import Subsubheadline from './Subsubheadline.astro';
+import ThemeBox from './ThemeBox.astro';
const { entries } = Astro.props;
---
@@ -17,38 +18,49 @@ const { entries } = Astro.props;
class="col-span-full grid auto-rows-[50px] grid-cols-[repeat(auto-fit,_minmax(100px,_1fr))] grid-rows-[50px] gap-[max(25px,_2vw)]"
>
{
- entries.map(({ slug, data }) => (
-
-
-
- {data.cover ? (
-
- ) : (
-
- )}
-
-
- {data.title}
-
-
-
-
- ))
+ entries.map(({ slug, data }) => {
+ const thumbnail =
+ data.cover &&
+ data.cover.startsWith('/assets/images/cover/') &&
+ data.cover.endsWith('.webp')
+ ? data.cover
+ .replace('/assets/images/cover/', '/assets/images/thumbnail/')
+ .replace(/\.webp$/, '.jpg')
+ : null;
+
+ return (
+
+
+
+ {thumbnail ? (
+
+ ) : (
+
+ )}
+
+
+ {data.title}
+
+
+
+
+ );
+ })
}
diff --git a/thumbnail-generate.cjs b/thumbnail-generate.cjs
new file mode 100644
index 0000000..44e5684
--- /dev/null
+++ b/thumbnail-generate.cjs
@@ -0,0 +1,29 @@
+const sharp = require('sharp');
+const path = require('path');
+const fs = require('fs');
+
+const inputFolder = './public/assets/images/cover/';
+const outputFolder = './public/assets/images/thumbnail/';
+const resizeSize = { width: 500, height: 500 };
+
+fs.readdir(inputFolder, async (err, files) => {
+ if (err) throw err;
+ for (const file of files) {
+ if (/\.(webp|png|jpg|jpeg)$/i.test(file)) {
+ const inputImagePath = path.join(inputFolder, file);
+ const outputFilename = path.parse(file).name + '.jpg';
+ const outputImagePath = path.join(outputFolder, outputFilename);
+
+ await sharp(inputImagePath)
+ .resize({
+ width: resizeSize.width,
+ height: resizeSize.height,
+ fit: 'cover',
+ })
+ .jpeg({ quality: 70 })
+ .toFile(outputImagePath);
+
+ console.log(`Generated: ${outputFilename}`);
+ }
+ }
+});