diff --git a/public/assets/images/ai-art/after-humanity/1.webp b/public/assets/images/ai-art/after-humanity/1.webp
new file mode 100644
index 0000000..cc9e908
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/1.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/10.webp b/public/assets/images/ai-art/after-humanity/10.webp
new file mode 100644
index 0000000..66bf99e
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/10.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/11.webp b/public/assets/images/ai-art/after-humanity/11.webp
new file mode 100644
index 0000000..2ddbd7d
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/11.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/12.webp b/public/assets/images/ai-art/after-humanity/12.webp
new file mode 100644
index 0000000..b57ce42
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/12.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/13.webp b/public/assets/images/ai-art/after-humanity/13.webp
new file mode 100644
index 0000000..4a7f362
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/13.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/14.webp b/public/assets/images/ai-art/after-humanity/14.webp
new file mode 100644
index 0000000..12ee5bf
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/14.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/15.webp b/public/assets/images/ai-art/after-humanity/15.webp
new file mode 100644
index 0000000..3060501
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/15.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/16.webp b/public/assets/images/ai-art/after-humanity/16.webp
new file mode 100644
index 0000000..457b431
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/16.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/17.webp b/public/assets/images/ai-art/after-humanity/17.webp
new file mode 100644
index 0000000..176dc2b
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/17.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/18.webp b/public/assets/images/ai-art/after-humanity/18.webp
new file mode 100644
index 0000000..5c63e5e
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/18.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/2.webp b/public/assets/images/ai-art/after-humanity/2.webp
new file mode 100644
index 0000000..33e8774
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/2.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/3.webp b/public/assets/images/ai-art/after-humanity/3.webp
new file mode 100644
index 0000000..13210ae
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/3.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/4.webp b/public/assets/images/ai-art/after-humanity/4.webp
new file mode 100644
index 0000000..e4a1148
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/4.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/5.webp b/public/assets/images/ai-art/after-humanity/5.webp
new file mode 100644
index 0000000..6cde26e
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/5.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/6.webp b/public/assets/images/ai-art/after-humanity/6.webp
new file mode 100644
index 0000000..67e824f
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/6.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/7.webp b/public/assets/images/ai-art/after-humanity/7.webp
new file mode 100644
index 0000000..dc435bb
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/7.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/8.webp b/public/assets/images/ai-art/after-humanity/8.webp
new file mode 100644
index 0000000..930eefc
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/8.webp differ
diff --git a/public/assets/images/ai-art/after-humanity/9.webp b/public/assets/images/ai-art/after-humanity/9.webp
new file mode 100644
index 0000000..cc4c6e4
Binary files /dev/null and b/public/assets/images/ai-art/after-humanity/9.webp differ
diff --git a/public/assets/images/ai-art/ai-taking-over-the-world/1.webp b/public/assets/images/ai-art/ai-taking-over-the-world/1.webp
new file mode 100644
index 0000000..7b82bd6
Binary files /dev/null and b/public/assets/images/ai-art/ai-taking-over-the-world/1.webp differ
diff --git a/public/assets/images/ai-art/alien-world/1.webp b/public/assets/images/ai-art/alien-world/1.webp
new file mode 100644
index 0000000..919e244
Binary files /dev/null and b/public/assets/images/ai-art/alien-world/1.webp differ
diff --git a/public/assets/images/ai-art/alien-world/10.webp b/public/assets/images/ai-art/alien-world/10.webp
new file mode 100644
index 0000000..fbbe25c
Binary files /dev/null and b/public/assets/images/ai-art/alien-world/10.webp differ
diff --git a/public/assets/images/ai-art/alien-world/2.webp b/public/assets/images/ai-art/alien-world/2.webp
new file mode 100644
index 0000000..8dc37bf
Binary files /dev/null and b/public/assets/images/ai-art/alien-world/2.webp differ
diff --git a/public/assets/images/ai-art/alien-world/3.webp b/public/assets/images/ai-art/alien-world/3.webp
new file mode 100644
index 0000000..3e19289
Binary files /dev/null and b/public/assets/images/ai-art/alien-world/3.webp differ
diff --git a/public/assets/images/ai-art/alien-world/4.webp b/public/assets/images/ai-art/alien-world/4.webp
new file mode 100644
index 0000000..4f21082
Binary files /dev/null and b/public/assets/images/ai-art/alien-world/4.webp differ
diff --git a/public/assets/images/ai-art/alien-world/5.webp b/public/assets/images/ai-art/alien-world/5.webp
new file mode 100644
index 0000000..ca1124f
Binary files /dev/null and b/public/assets/images/ai-art/alien-world/5.webp differ
diff --git a/public/assets/images/ai-art/alien-world/6.webp b/public/assets/images/ai-art/alien-world/6.webp
new file mode 100644
index 0000000..31d1a81
Binary files /dev/null and b/public/assets/images/ai-art/alien-world/6.webp differ
diff --git a/public/assets/images/ai-art/alien-world/7.webp b/public/assets/images/ai-art/alien-world/7.webp
new file mode 100644
index 0000000..24cff6b
Binary files /dev/null and b/public/assets/images/ai-art/alien-world/7.webp differ
diff --git a/public/assets/images/ai-art/alien-world/8.webp b/public/assets/images/ai-art/alien-world/8.webp
new file mode 100644
index 0000000..bcc4b53
Binary files /dev/null and b/public/assets/images/ai-art/alien-world/8.webp differ
diff --git a/public/assets/images/ai-art/alien-world/9.webp b/public/assets/images/ai-art/alien-world/9.webp
new file mode 100644
index 0000000..b33fc83
Binary files /dev/null and b/public/assets/images/ai-art/alien-world/9.webp differ
diff --git a/public/assets/images/ai-art/aurora/1.webp b/public/assets/images/ai-art/aurora/1.webp
new file mode 100644
index 0000000..5fc67d2
Binary files /dev/null and b/public/assets/images/ai-art/aurora/1.webp differ
diff --git a/public/assets/images/ai-art/aurora/10.webp b/public/assets/images/ai-art/aurora/10.webp
new file mode 100644
index 0000000..13522e3
Binary files /dev/null and b/public/assets/images/ai-art/aurora/10.webp differ
diff --git a/public/assets/images/ai-art/aurora/11.webp b/public/assets/images/ai-art/aurora/11.webp
new file mode 100644
index 0000000..54a4b3a
Binary files /dev/null and b/public/assets/images/ai-art/aurora/11.webp differ
diff --git a/public/assets/images/ai-art/aurora/12.webp b/public/assets/images/ai-art/aurora/12.webp
new file mode 100644
index 0000000..862597a
Binary files /dev/null and b/public/assets/images/ai-art/aurora/12.webp differ
diff --git a/public/assets/images/ai-art/aurora/13.webp b/public/assets/images/ai-art/aurora/13.webp
new file mode 100644
index 0000000..7c59ed4
Binary files /dev/null and b/public/assets/images/ai-art/aurora/13.webp differ
diff --git a/public/assets/images/ai-art/aurora/14.webp b/public/assets/images/ai-art/aurora/14.webp
new file mode 100644
index 0000000..c8746c0
Binary files /dev/null and b/public/assets/images/ai-art/aurora/14.webp differ
diff --git a/public/assets/images/ai-art/aurora/2.webp b/public/assets/images/ai-art/aurora/2.webp
new file mode 100644
index 0000000..c9db17a
Binary files /dev/null and b/public/assets/images/ai-art/aurora/2.webp differ
diff --git a/public/assets/images/ai-art/aurora/3.webp b/public/assets/images/ai-art/aurora/3.webp
new file mode 100644
index 0000000..a2a67e9
Binary files /dev/null and b/public/assets/images/ai-art/aurora/3.webp differ
diff --git a/public/assets/images/ai-art/aurora/4.webp b/public/assets/images/ai-art/aurora/4.webp
new file mode 100644
index 0000000..f88f1f4
Binary files /dev/null and b/public/assets/images/ai-art/aurora/4.webp differ
diff --git a/public/assets/images/ai-art/aurora/5.webp b/public/assets/images/ai-art/aurora/5.webp
new file mode 100644
index 0000000..aa7d957
Binary files /dev/null and b/public/assets/images/ai-art/aurora/5.webp differ
diff --git a/public/assets/images/ai-art/aurora/6.webp b/public/assets/images/ai-art/aurora/6.webp
new file mode 100644
index 0000000..0d80141
Binary files /dev/null and b/public/assets/images/ai-art/aurora/6.webp differ
diff --git a/public/assets/images/ai-art/aurora/7.webp b/public/assets/images/ai-art/aurora/7.webp
new file mode 100644
index 0000000..780976d
Binary files /dev/null and b/public/assets/images/ai-art/aurora/7.webp differ
diff --git a/public/assets/images/ai-art/aurora/8.webp b/public/assets/images/ai-art/aurora/8.webp
new file mode 100644
index 0000000..b490370
Binary files /dev/null and b/public/assets/images/ai-art/aurora/8.webp differ
diff --git a/public/assets/images/ai-art/aurora/9.webp b/public/assets/images/ai-art/aurora/9.webp
new file mode 100644
index 0000000..dafcb7b
Binary files /dev/null and b/public/assets/images/ai-art/aurora/9.webp differ
diff --git a/public/assets/images/ai-art/bonsai/1.webp b/public/assets/images/ai-art/bonsai/1.webp
new file mode 100644
index 0000000..791162f
Binary files /dev/null and b/public/assets/images/ai-art/bonsai/1.webp differ
diff --git a/public/assets/images/ai-art/bonsai/2.webp b/public/assets/images/ai-art/bonsai/2.webp
new file mode 100644
index 0000000..3f16fd6
Binary files /dev/null and b/public/assets/images/ai-art/bonsai/2.webp differ
diff --git a/public/assets/images/ai-art/bonsai/3.webp b/public/assets/images/ai-art/bonsai/3.webp
new file mode 100644
index 0000000..c117fae
Binary files /dev/null and b/public/assets/images/ai-art/bonsai/3.webp differ
diff --git a/public/assets/images/ai-art/bonsai/4.webp b/public/assets/images/ai-art/bonsai/4.webp
new file mode 100644
index 0000000..4fdc53b
Binary files /dev/null and b/public/assets/images/ai-art/bonsai/4.webp differ
diff --git a/public/assets/images/ai-art/bonsai/5.webp b/public/assets/images/ai-art/bonsai/5.webp
new file mode 100644
index 0000000..d8c6763
Binary files /dev/null and b/public/assets/images/ai-art/bonsai/5.webp differ
diff --git a/public/assets/images/ai-art/chicken-nugget-woman/1.webp b/public/assets/images/ai-art/chicken-nugget-woman/1.webp
new file mode 100644
index 0000000..d2cb2a2
Binary files /dev/null and b/public/assets/images/ai-art/chicken-nugget-woman/1.webp differ
diff --git a/public/assets/images/ai-art/chimera/1.webp b/public/assets/images/ai-art/chimera/1.webp
new file mode 100644
index 0000000..4fbabb0
Binary files /dev/null and b/public/assets/images/ai-art/chimera/1.webp differ
diff --git a/public/assets/images/ai-art/chimera/2.webp b/public/assets/images/ai-art/chimera/2.webp
new file mode 100644
index 0000000..56c604b
Binary files /dev/null and b/public/assets/images/ai-art/chimera/2.webp differ
diff --git a/public/assets/images/ai-art/chimera/3.webp b/public/assets/images/ai-art/chimera/3.webp
new file mode 100644
index 0000000..22764b0
Binary files /dev/null and b/public/assets/images/ai-art/chimera/3.webp differ
diff --git a/public/assets/images/ai-art/chimera/4.webp b/public/assets/images/ai-art/chimera/4.webp
new file mode 100644
index 0000000..e98a65a
Binary files /dev/null and b/public/assets/images/ai-art/chimera/4.webp differ
diff --git a/public/assets/images/ai-art/chimera/5.webp b/public/assets/images/ai-art/chimera/5.webp
new file mode 100644
index 0000000..e1f7c6f
Binary files /dev/null and b/public/assets/images/ai-art/chimera/5.webp differ
diff --git a/public/assets/images/ai-art/chimera/6.webp b/public/assets/images/ai-art/chimera/6.webp
new file mode 100644
index 0000000..7b517bd
Binary files /dev/null and b/public/assets/images/ai-art/chimera/6.webp differ
diff --git a/public/assets/images/ai-art/clifton/1.webp b/public/assets/images/ai-art/clifton/1.webp
new file mode 100644
index 0000000..9974173
Binary files /dev/null and b/public/assets/images/ai-art/clifton/1.webp differ
diff --git a/public/assets/images/ai-art/comic-manga/1.webp b/public/assets/images/ai-art/comic-manga/1.webp
new file mode 100644
index 0000000..6d212ad
Binary files /dev/null and b/public/assets/images/ai-art/comic-manga/1.webp differ
diff --git a/public/assets/images/ai-art/comic-manga/2.webp b/public/assets/images/ai-art/comic-manga/2.webp
new file mode 100644
index 0000000..baa6137
Binary files /dev/null and b/public/assets/images/ai-art/comic-manga/2.webp differ
diff --git a/public/assets/images/ai-art/comic-manga/3.webp b/public/assets/images/ai-art/comic-manga/3.webp
new file mode 100644
index 0000000..46670bb
Binary files /dev/null and b/public/assets/images/ai-art/comic-manga/3.webp differ
diff --git a/public/assets/images/ai-art/comic-manga/4.webp b/public/assets/images/ai-art/comic-manga/4.webp
new file mode 100644
index 0000000..cd5dedd
Binary files /dev/null and b/public/assets/images/ai-art/comic-manga/4.webp differ
diff --git a/public/assets/images/ai-art/comic-manga/5.webp b/public/assets/images/ai-art/comic-manga/5.webp
new file mode 100644
index 0000000..067e5a9
Binary files /dev/null and b/public/assets/images/ai-art/comic-manga/5.webp differ
diff --git a/public/assets/images/ai-art/comic-manga/6.webp b/public/assets/images/ai-art/comic-manga/6.webp
new file mode 100644
index 0000000..7e0d813
Binary files /dev/null and b/public/assets/images/ai-art/comic-manga/6.webp differ
diff --git a/public/assets/images/ai-art/comic-manga/7.webp b/public/assets/images/ai-art/comic-manga/7.webp
new file mode 100644
index 0000000..ccd2ef9
Binary files /dev/null and b/public/assets/images/ai-art/comic-manga/7.webp differ
diff --git a/public/assets/images/ai-art/comic-manga/8.webp b/public/assets/images/ai-art/comic-manga/8.webp
new file mode 100644
index 0000000..a01723e
Binary files /dev/null and b/public/assets/images/ai-art/comic-manga/8.webp differ
diff --git a/public/assets/images/ai-art/cosmic-horror/1.webp b/public/assets/images/ai-art/cosmic-horror/1.webp
new file mode 100644
index 0000000..983bbeb
Binary files /dev/null and b/public/assets/images/ai-art/cosmic-horror/1.webp differ
diff --git a/public/assets/images/ai-art/cosmic-horror/2.webp b/public/assets/images/ai-art/cosmic-horror/2.webp
new file mode 100644
index 0000000..6b4f178
Binary files /dev/null and b/public/assets/images/ai-art/cosmic-horror/2.webp differ
diff --git a/public/assets/images/ai-art/cosmic-horror/3.webp b/public/assets/images/ai-art/cosmic-horror/3.webp
new file mode 100644
index 0000000..f088bde
Binary files /dev/null and b/public/assets/images/ai-art/cosmic-horror/3.webp differ
diff --git a/public/assets/images/ai-art/cosmic-horror/4.webp b/public/assets/images/ai-art/cosmic-horror/4.webp
new file mode 100644
index 0000000..de34234
Binary files /dev/null and b/public/assets/images/ai-art/cosmic-horror/4.webp differ
diff --git a/public/assets/images/ai-art/cosmic-horror/5.webp b/public/assets/images/ai-art/cosmic-horror/5.webp
new file mode 100644
index 0000000..d19f15b
Binary files /dev/null and b/public/assets/images/ai-art/cosmic-horror/5.webp differ
diff --git a/public/assets/images/ai-art/cosmic-horror/6.webp b/public/assets/images/ai-art/cosmic-horror/6.webp
new file mode 100644
index 0000000..55cc9d9
Binary files /dev/null and b/public/assets/images/ai-art/cosmic-horror/6.webp differ
diff --git a/public/assets/images/ai-art/cosmic-horror/7.webp b/public/assets/images/ai-art/cosmic-horror/7.webp
new file mode 100644
index 0000000..d714e52
Binary files /dev/null and b/public/assets/images/ai-art/cosmic-horror/7.webp differ
diff --git a/public/assets/images/ai-art/cosmic-horror/8.webp b/public/assets/images/ai-art/cosmic-horror/8.webp
new file mode 100644
index 0000000..9ae0ecc
Binary files /dev/null and b/public/assets/images/ai-art/cosmic-horror/8.webp differ
diff --git a/public/assets/images/ai-art/cosmic-horror/9.webp b/public/assets/images/ai-art/cosmic-horror/9.webp
new file mode 100644
index 0000000..221c7ac
Binary files /dev/null and b/public/assets/images/ai-art/cosmic-horror/9.webp differ
diff --git a/public/assets/images/ai-art/cyberpunk-city/1.webp b/public/assets/images/ai-art/cyberpunk-city/1.webp
new file mode 100644
index 0000000..2fd8751
Binary files /dev/null and b/public/assets/images/ai-art/cyberpunk-city/1.webp differ
diff --git a/public/assets/images/ai-art/cyberpunk-city/2.webp b/public/assets/images/ai-art/cyberpunk-city/2.webp
new file mode 100644
index 0000000..4e66600
Binary files /dev/null and b/public/assets/images/ai-art/cyberpunk-city/2.webp differ
diff --git a/public/assets/images/ai-art/cyberpunk-city/3.webp b/public/assets/images/ai-art/cyberpunk-city/3.webp
new file mode 100644
index 0000000..d3f94b4
Binary files /dev/null and b/public/assets/images/ai-art/cyberpunk-city/3.webp differ
diff --git a/public/assets/images/ai-art/cyberpunk-city/4.webp b/public/assets/images/ai-art/cyberpunk-city/4.webp
new file mode 100644
index 0000000..d1cb34e
Binary files /dev/null and b/public/assets/images/ai-art/cyberpunk-city/4.webp differ
diff --git a/public/assets/images/ai-art/cyberpunk-wizard/1.webp b/public/assets/images/ai-art/cyberpunk-wizard/1.webp
new file mode 100644
index 0000000..4e7eabd
Binary files /dev/null and b/public/assets/images/ai-art/cyberpunk-wizard/1.webp differ
diff --git a/public/assets/images/ai-art/death-of-the-stoic-man/1.webp b/public/assets/images/ai-art/death-of-the-stoic-man/1.webp
new file mode 100644
index 0000000..c984857
Binary files /dev/null and b/public/assets/images/ai-art/death-of-the-stoic-man/1.webp differ
diff --git a/public/assets/images/ai-art/death-of-the-stoic-man/2.webp b/public/assets/images/ai-art/death-of-the-stoic-man/2.webp
new file mode 100644
index 0000000..93104cb
Binary files /dev/null and b/public/assets/images/ai-art/death-of-the-stoic-man/2.webp differ
diff --git a/public/assets/images/ai-art/death-of-the-stoic-man/3.webp b/public/assets/images/ai-art/death-of-the-stoic-man/3.webp
new file mode 100644
index 0000000..2bf47da
Binary files /dev/null and b/public/assets/images/ai-art/death-of-the-stoic-man/3.webp differ
diff --git a/public/assets/images/ai-art/death-of-the-stoic-man/4.webp b/public/assets/images/ai-art/death-of-the-stoic-man/4.webp
new file mode 100644
index 0000000..f42c74c
Binary files /dev/null and b/public/assets/images/ai-art/death-of-the-stoic-man/4.webp differ
diff --git a/public/assets/images/ai-art/death-of-the-stoic-man/5.webp b/public/assets/images/ai-art/death-of-the-stoic-man/5.webp
new file mode 100644
index 0000000..3f2c047
Binary files /dev/null and b/public/assets/images/ai-art/death-of-the-stoic-man/5.webp differ
diff --git a/public/assets/images/ai-art/distant-galaxy/1.webp b/public/assets/images/ai-art/distant-galaxy/1.webp
new file mode 100644
index 0000000..8b6e86e
Binary files /dev/null and b/public/assets/images/ai-art/distant-galaxy/1.webp differ
diff --git a/public/assets/images/ai-art/distant-galaxy/2.webp b/public/assets/images/ai-art/distant-galaxy/2.webp
new file mode 100644
index 0000000..49dcc5a
Binary files /dev/null and b/public/assets/images/ai-art/distant-galaxy/2.webp differ
diff --git a/public/assets/images/ai-art/distant-galaxy/3.webp b/public/assets/images/ai-art/distant-galaxy/3.webp
new file mode 100644
index 0000000..a97a8d7
Binary files /dev/null and b/public/assets/images/ai-art/distant-galaxy/3.webp differ
diff --git a/public/assets/images/ai-art/distant-galaxy/4.webp b/public/assets/images/ai-art/distant-galaxy/4.webp
new file mode 100644
index 0000000..e3a19d7
Binary files /dev/null and b/public/assets/images/ai-art/distant-galaxy/4.webp differ
diff --git a/public/assets/images/ai-art/distant-galaxy/5.webp b/public/assets/images/ai-art/distant-galaxy/5.webp
new file mode 100644
index 0000000..64b720b
Binary files /dev/null and b/public/assets/images/ai-art/distant-galaxy/5.webp differ
diff --git a/public/assets/images/ai-art/distant-galaxy/6.webp b/public/assets/images/ai-art/distant-galaxy/6.webp
new file mode 100644
index 0000000..d9771ef
Binary files /dev/null and b/public/assets/images/ai-art/distant-galaxy/6.webp differ
diff --git a/public/assets/images/ai-art/dune/1.webp b/public/assets/images/ai-art/dune/1.webp
new file mode 100644
index 0000000..19479b5
Binary files /dev/null and b/public/assets/images/ai-art/dune/1.webp differ
diff --git a/public/assets/images/ai-art/dune/10.webp b/public/assets/images/ai-art/dune/10.webp
new file mode 100644
index 0000000..de4280e
Binary files /dev/null and b/public/assets/images/ai-art/dune/10.webp differ
diff --git a/public/assets/images/ai-art/dune/2.webp b/public/assets/images/ai-art/dune/2.webp
new file mode 100644
index 0000000..de20d06
Binary files /dev/null and b/public/assets/images/ai-art/dune/2.webp differ
diff --git a/public/assets/images/ai-art/dune/3.webp b/public/assets/images/ai-art/dune/3.webp
new file mode 100644
index 0000000..440d1a2
Binary files /dev/null and b/public/assets/images/ai-art/dune/3.webp differ
diff --git a/public/assets/images/ai-art/dune/4.webp b/public/assets/images/ai-art/dune/4.webp
new file mode 100644
index 0000000..22c2e47
Binary files /dev/null and b/public/assets/images/ai-art/dune/4.webp differ
diff --git a/public/assets/images/ai-art/dune/5.webp b/public/assets/images/ai-art/dune/5.webp
new file mode 100644
index 0000000..e7bd08c
Binary files /dev/null and b/public/assets/images/ai-art/dune/5.webp differ
diff --git a/public/assets/images/ai-art/dune/6.webp b/public/assets/images/ai-art/dune/6.webp
new file mode 100644
index 0000000..0c2f2b2
Binary files /dev/null and b/public/assets/images/ai-art/dune/6.webp differ
diff --git a/public/assets/images/ai-art/dune/7.webp b/public/assets/images/ai-art/dune/7.webp
new file mode 100644
index 0000000..57a3799
Binary files /dev/null and b/public/assets/images/ai-art/dune/7.webp differ
diff --git a/public/assets/images/ai-art/dune/8.webp b/public/assets/images/ai-art/dune/8.webp
new file mode 100644
index 0000000..6a697a7
Binary files /dev/null and b/public/assets/images/ai-art/dune/8.webp differ
diff --git a/public/assets/images/ai-art/dune/9.webp b/public/assets/images/ai-art/dune/9.webp
new file mode 100644
index 0000000..e1a29b8
Binary files /dev/null and b/public/assets/images/ai-art/dune/9.webp differ
diff --git a/public/assets/images/ai-art/fantasy-world/1.webp b/public/assets/images/ai-art/fantasy-world/1.webp
new file mode 100644
index 0000000..46e6209
Binary files /dev/null and b/public/assets/images/ai-art/fantasy-world/1.webp differ
diff --git a/public/assets/images/ai-art/fantasy-world/2.webp b/public/assets/images/ai-art/fantasy-world/2.webp
new file mode 100644
index 0000000..970dffd
Binary files /dev/null and b/public/assets/images/ai-art/fantasy-world/2.webp differ
diff --git a/public/assets/images/ai-art/fantasy-world/3.webp b/public/assets/images/ai-art/fantasy-world/3.webp
new file mode 100644
index 0000000..0004dee
Binary files /dev/null and b/public/assets/images/ai-art/fantasy-world/3.webp differ
diff --git a/public/assets/images/ai-art/fantasy-world/4.webp b/public/assets/images/ai-art/fantasy-world/4.webp
new file mode 100644
index 0000000..fc43ca0
Binary files /dev/null and b/public/assets/images/ai-art/fantasy-world/4.webp differ
diff --git a/public/assets/images/ai-art/fantasy-world/5.webp b/public/assets/images/ai-art/fantasy-world/5.webp
new file mode 100644
index 0000000..c0b4ac9
Binary files /dev/null and b/public/assets/images/ai-art/fantasy-world/5.webp differ
diff --git a/public/assets/images/ai-art/fantasy-world/6.webp b/public/assets/images/ai-art/fantasy-world/6.webp
new file mode 100644
index 0000000..01f3141
Binary files /dev/null and b/public/assets/images/ai-art/fantasy-world/6.webp differ
diff --git a/public/assets/images/ai-art/female-cyborg/1.webp b/public/assets/images/ai-art/female-cyborg/1.webp
new file mode 100644
index 0000000..9f799e9
Binary files /dev/null and b/public/assets/images/ai-art/female-cyborg/1.webp differ
diff --git a/public/assets/images/ai-art/female-cyborg/2.webp b/public/assets/images/ai-art/female-cyborg/2.webp
new file mode 100644
index 0000000..ec5f2b6
Binary files /dev/null and b/public/assets/images/ai-art/female-cyborg/2.webp differ
diff --git a/public/assets/images/ai-art/female-cyborg/3.webp b/public/assets/images/ai-art/female-cyborg/3.webp
new file mode 100644
index 0000000..f8d39a9
Binary files /dev/null and b/public/assets/images/ai-art/female-cyborg/3.webp differ
diff --git a/public/assets/images/ai-art/female-cyborg/4.webp b/public/assets/images/ai-art/female-cyborg/4.webp
new file mode 100644
index 0000000..5e6532e
Binary files /dev/null and b/public/assets/images/ai-art/female-cyborg/4.webp differ
diff --git a/public/assets/images/ai-art/futuristic-bedroom/1.webp b/public/assets/images/ai-art/futuristic-bedroom/1.webp
new file mode 100644
index 0000000..0c86bf3
Binary files /dev/null and b/public/assets/images/ai-art/futuristic-bedroom/1.webp differ
diff --git a/public/assets/images/ai-art/futuristic-bedroom/2.webp b/public/assets/images/ai-art/futuristic-bedroom/2.webp
new file mode 100644
index 0000000..55bb007
Binary files /dev/null and b/public/assets/images/ai-art/futuristic-bedroom/2.webp differ
diff --git a/public/assets/images/ai-art/futuristic-bedroom/3.webp b/public/assets/images/ai-art/futuristic-bedroom/3.webp
new file mode 100644
index 0000000..477e3c4
Binary files /dev/null and b/public/assets/images/ai-art/futuristic-bedroom/3.webp differ
diff --git a/public/assets/images/ai-art/futuristic-bedroom/4.webp b/public/assets/images/ai-art/futuristic-bedroom/4.webp
new file mode 100644
index 0000000..471840d
Binary files /dev/null and b/public/assets/images/ai-art/futuristic-bedroom/4.webp differ
diff --git a/public/assets/images/ai-art/futuristic-bedroom/5.webp b/public/assets/images/ai-art/futuristic-bedroom/5.webp
new file mode 100644
index 0000000..5dd5fb6
Binary files /dev/null and b/public/assets/images/ai-art/futuristic-bedroom/5.webp differ
diff --git a/public/assets/images/ai-art/futuristic-bedroom/6.webp b/public/assets/images/ai-art/futuristic-bedroom/6.webp
new file mode 100644
index 0000000..9599772
Binary files /dev/null and b/public/assets/images/ai-art/futuristic-bedroom/6.webp differ
diff --git a/public/assets/images/ai-art/gods-of-the-copybook-headings/1.webp b/public/assets/images/ai-art/gods-of-the-copybook-headings/1.webp
new file mode 100644
index 0000000..6764951
Binary files /dev/null and b/public/assets/images/ai-art/gods-of-the-copybook-headings/1.webp differ
diff --git a/public/assets/images/ai-art/gods-of-the-copybook-headings/2.webp b/public/assets/images/ai-art/gods-of-the-copybook-headings/2.webp
new file mode 100644
index 0000000..05d176d
Binary files /dev/null and b/public/assets/images/ai-art/gods-of-the-copybook-headings/2.webp differ
diff --git a/public/assets/images/ai-art/gods-of-the-copybook-headings/3.webp b/public/assets/images/ai-art/gods-of-the-copybook-headings/3.webp
new file mode 100644
index 0000000..d2ebb55
Binary files /dev/null and b/public/assets/images/ai-art/gods-of-the-copybook-headings/3.webp differ
diff --git a/public/assets/images/ai-art/gods-of-the-copybook-headings/4.webp b/public/assets/images/ai-art/gods-of-the-copybook-headings/4.webp
new file mode 100644
index 0000000..7df675e
Binary files /dev/null and b/public/assets/images/ai-art/gods-of-the-copybook-headings/4.webp differ
diff --git a/public/assets/images/ai-art/i-robot/1.webp b/public/assets/images/ai-art/i-robot/1.webp
new file mode 100644
index 0000000..8bc317b
Binary files /dev/null and b/public/assets/images/ai-art/i-robot/1.webp differ
diff --git a/public/assets/images/ai-art/i-robot/2.webp b/public/assets/images/ai-art/i-robot/2.webp
new file mode 100644
index 0000000..a6221ab
Binary files /dev/null and b/public/assets/images/ai-art/i-robot/2.webp differ
diff --git a/public/assets/images/ai-art/i-robot/3.webp b/public/assets/images/ai-art/i-robot/3.webp
new file mode 100644
index 0000000..c4ff58e
Binary files /dev/null and b/public/assets/images/ai-art/i-robot/3.webp differ
diff --git a/public/assets/images/ai-art/i-robot/4.webp b/public/assets/images/ai-art/i-robot/4.webp
new file mode 100644
index 0000000..53ff31f
Binary files /dev/null and b/public/assets/images/ai-art/i-robot/4.webp differ
diff --git a/public/assets/images/ai-art/i-robot/5.webp b/public/assets/images/ai-art/i-robot/5.webp
new file mode 100644
index 0000000..8204cdf
Binary files /dev/null and b/public/assets/images/ai-art/i-robot/5.webp differ
diff --git a/public/assets/images/ai-art/irezumi/1.webp b/public/assets/images/ai-art/irezumi/1.webp
new file mode 100644
index 0000000..d2c5b7b
Binary files /dev/null and b/public/assets/images/ai-art/irezumi/1.webp differ
diff --git a/public/assets/images/ai-art/irezumi/2.webp b/public/assets/images/ai-art/irezumi/2.webp
new file mode 100644
index 0000000..5d391eb
Binary files /dev/null and b/public/assets/images/ai-art/irezumi/2.webp differ
diff --git a/public/assets/images/ai-art/irezumi/3.webp b/public/assets/images/ai-art/irezumi/3.webp
new file mode 100644
index 0000000..1761dce
Binary files /dev/null and b/public/assets/images/ai-art/irezumi/3.webp differ
diff --git a/public/assets/images/ai-art/irezumi/4.webp b/public/assets/images/ai-art/irezumi/4.webp
new file mode 100644
index 0000000..14b7eee
Binary files /dev/null and b/public/assets/images/ai-art/irezumi/4.webp differ
diff --git a/public/assets/images/ai-art/irezumi/5.webp b/public/assets/images/ai-art/irezumi/5.webp
new file mode 100644
index 0000000..ed52796
Binary files /dev/null and b/public/assets/images/ai-art/irezumi/5.webp differ
diff --git a/public/assets/images/ai-art/irezumi/6.webp b/public/assets/images/ai-art/irezumi/6.webp
new file mode 100644
index 0000000..4ead22d
Binary files /dev/null and b/public/assets/images/ai-art/irezumi/6.webp differ
diff --git a/public/assets/images/ai-art/lord-of-the-rings/1.webp b/public/assets/images/ai-art/lord-of-the-rings/1.webp
new file mode 100644
index 0000000..578d57d
Binary files /dev/null and b/public/assets/images/ai-art/lord-of-the-rings/1.webp differ
diff --git a/public/assets/images/ai-art/lord-of-the-rings/10.webp b/public/assets/images/ai-art/lord-of-the-rings/10.webp
new file mode 100644
index 0000000..2831635
Binary files /dev/null and b/public/assets/images/ai-art/lord-of-the-rings/10.webp differ
diff --git a/public/assets/images/ai-art/lord-of-the-rings/2.webp b/public/assets/images/ai-art/lord-of-the-rings/2.webp
new file mode 100644
index 0000000..ef92bb2
Binary files /dev/null and b/public/assets/images/ai-art/lord-of-the-rings/2.webp differ
diff --git a/public/assets/images/ai-art/lord-of-the-rings/3.webp b/public/assets/images/ai-art/lord-of-the-rings/3.webp
new file mode 100644
index 0000000..61347d5
Binary files /dev/null and b/public/assets/images/ai-art/lord-of-the-rings/3.webp differ
diff --git a/public/assets/images/ai-art/lord-of-the-rings/4.webp b/public/assets/images/ai-art/lord-of-the-rings/4.webp
new file mode 100644
index 0000000..8c4d313
Binary files /dev/null and b/public/assets/images/ai-art/lord-of-the-rings/4.webp differ
diff --git a/public/assets/images/ai-art/lord-of-the-rings/5.webp b/public/assets/images/ai-art/lord-of-the-rings/5.webp
new file mode 100644
index 0000000..1922c1c
Binary files /dev/null and b/public/assets/images/ai-art/lord-of-the-rings/5.webp differ
diff --git a/public/assets/images/ai-art/lord-of-the-rings/6.webp b/public/assets/images/ai-art/lord-of-the-rings/6.webp
new file mode 100644
index 0000000..47c1aae
Binary files /dev/null and b/public/assets/images/ai-art/lord-of-the-rings/6.webp differ
diff --git a/public/assets/images/ai-art/lord-of-the-rings/7.webp b/public/assets/images/ai-art/lord-of-the-rings/7.webp
new file mode 100644
index 0000000..b15550e
Binary files /dev/null and b/public/assets/images/ai-art/lord-of-the-rings/7.webp differ
diff --git a/public/assets/images/ai-art/lord-of-the-rings/8.webp b/public/assets/images/ai-art/lord-of-the-rings/8.webp
new file mode 100644
index 0000000..d2852d4
Binary files /dev/null and b/public/assets/images/ai-art/lord-of-the-rings/8.webp differ
diff --git a/public/assets/images/ai-art/lord-of-the-rings/9.webp b/public/assets/images/ai-art/lord-of-the-rings/9.webp
new file mode 100644
index 0000000..241bd07
Binary files /dev/null and b/public/assets/images/ai-art/lord-of-the-rings/9.webp differ
diff --git a/public/assets/images/ai-art/misty-lake/1.webp b/public/assets/images/ai-art/misty-lake/1.webp
new file mode 100644
index 0000000..6b08cef
Binary files /dev/null and b/public/assets/images/ai-art/misty-lake/1.webp differ
diff --git a/public/assets/images/ai-art/misty-lake/2.webp b/public/assets/images/ai-art/misty-lake/2.webp
new file mode 100644
index 0000000..daeeec8
Binary files /dev/null and b/public/assets/images/ai-art/misty-lake/2.webp differ
diff --git a/public/assets/images/ai-art/misty-lake/3.webp b/public/assets/images/ai-art/misty-lake/3.webp
new file mode 100644
index 0000000..4395b7e
Binary files /dev/null and b/public/assets/images/ai-art/misty-lake/3.webp differ
diff --git a/public/assets/images/ai-art/misty-lake/4.webp b/public/assets/images/ai-art/misty-lake/4.webp
new file mode 100644
index 0000000..e412677
Binary files /dev/null and b/public/assets/images/ai-art/misty-lake/4.webp differ
diff --git a/public/assets/images/ai-art/misty-lake/5.webp b/public/assets/images/ai-art/misty-lake/5.webp
new file mode 100644
index 0000000..604c3d0
Binary files /dev/null and b/public/assets/images/ai-art/misty-lake/5.webp differ
diff --git a/public/assets/images/ai-art/misty-lake/6.webp b/public/assets/images/ai-art/misty-lake/6.webp
new file mode 100644
index 0000000..e0bd2ef
Binary files /dev/null and b/public/assets/images/ai-art/misty-lake/6.webp differ
diff --git a/public/assets/images/ai-art/misty-lake/7.webp b/public/assets/images/ai-art/misty-lake/7.webp
new file mode 100644
index 0000000..2f8db12
Binary files /dev/null and b/public/assets/images/ai-art/misty-lake/7.webp differ
diff --git a/public/assets/images/ai-art/mona-lisa/1.webp b/public/assets/images/ai-art/mona-lisa/1.webp
new file mode 100644
index 0000000..9db052e
Binary files /dev/null and b/public/assets/images/ai-art/mona-lisa/1.webp differ
diff --git a/public/assets/images/ai-art/mona-lisa/2.webp b/public/assets/images/ai-art/mona-lisa/2.webp
new file mode 100644
index 0000000..311a8bd
Binary files /dev/null and b/public/assets/images/ai-art/mona-lisa/2.webp differ
diff --git a/public/assets/images/ai-art/mona-lisa/3.webp b/public/assets/images/ai-art/mona-lisa/3.webp
new file mode 100644
index 0000000..e648390
Binary files /dev/null and b/public/assets/images/ai-art/mona-lisa/3.webp differ
diff --git a/public/assets/images/ai-art/mona-lisa/4.webp b/public/assets/images/ai-art/mona-lisa/4.webp
new file mode 100644
index 0000000..786879e
Binary files /dev/null and b/public/assets/images/ai-art/mona-lisa/4.webp differ
diff --git a/public/assets/images/ai-art/mona-lisa/5.webp b/public/assets/images/ai-art/mona-lisa/5.webp
new file mode 100644
index 0000000..8bb84c4
Binary files /dev/null and b/public/assets/images/ai-art/mona-lisa/5.webp differ
diff --git a/public/assets/images/ai-art/mona-lisa/6.webp b/public/assets/images/ai-art/mona-lisa/6.webp
new file mode 100644
index 0000000..914efdb
Binary files /dev/null and b/public/assets/images/ai-art/mona-lisa/6.webp differ
diff --git a/public/assets/images/ai-art/mona-lisa/7.webp b/public/assets/images/ai-art/mona-lisa/7.webp
new file mode 100644
index 0000000..bbb5a07
Binary files /dev/null and b/public/assets/images/ai-art/mona-lisa/7.webp differ
diff --git a/public/assets/images/ai-art/mushrooms/1.webp b/public/assets/images/ai-art/mushrooms/1.webp
new file mode 100644
index 0000000..e5a1a3b
Binary files /dev/null and b/public/assets/images/ai-art/mushrooms/1.webp differ
diff --git a/public/assets/images/ai-art/mushrooms/2.webp b/public/assets/images/ai-art/mushrooms/2.webp
new file mode 100644
index 0000000..62ee634
Binary files /dev/null and b/public/assets/images/ai-art/mushrooms/2.webp differ
diff --git a/public/assets/images/ai-art/mushrooms/3.webp b/public/assets/images/ai-art/mushrooms/3.webp
new file mode 100644
index 0000000..cdb86b3
Binary files /dev/null and b/public/assets/images/ai-art/mushrooms/3.webp differ
diff --git a/public/assets/images/ai-art/mushrooms/4.webp b/public/assets/images/ai-art/mushrooms/4.webp
new file mode 100644
index 0000000..0f6ee04
Binary files /dev/null and b/public/assets/images/ai-art/mushrooms/4.webp differ
diff --git a/public/assets/images/ai-art/photo-realism/1.webp b/public/assets/images/ai-art/photo-realism/1.webp
new file mode 100644
index 0000000..009f034
Binary files /dev/null and b/public/assets/images/ai-art/photo-realism/1.webp differ
diff --git a/public/assets/images/ai-art/photo-realism/10.webp b/public/assets/images/ai-art/photo-realism/10.webp
new file mode 100644
index 0000000..d60abee
Binary files /dev/null and b/public/assets/images/ai-art/photo-realism/10.webp differ
diff --git a/public/assets/images/ai-art/photo-realism/11.webp b/public/assets/images/ai-art/photo-realism/11.webp
new file mode 100644
index 0000000..519c169
Binary files /dev/null and b/public/assets/images/ai-art/photo-realism/11.webp differ
diff --git a/public/assets/images/ai-art/photo-realism/12.webp b/public/assets/images/ai-art/photo-realism/12.webp
new file mode 100644
index 0000000..6fabe63
Binary files /dev/null and b/public/assets/images/ai-art/photo-realism/12.webp differ
diff --git a/public/assets/images/ai-art/photo-realism/13.webp b/public/assets/images/ai-art/photo-realism/13.webp
new file mode 100644
index 0000000..a1037b7
Binary files /dev/null and b/public/assets/images/ai-art/photo-realism/13.webp differ
diff --git a/public/assets/images/ai-art/photo-realism/2.webp b/public/assets/images/ai-art/photo-realism/2.webp
new file mode 100644
index 0000000..613f23e
Binary files /dev/null and b/public/assets/images/ai-art/photo-realism/2.webp differ
diff --git a/public/assets/images/ai-art/photo-realism/3.webp b/public/assets/images/ai-art/photo-realism/3.webp
new file mode 100644
index 0000000..da8fbf0
Binary files /dev/null and b/public/assets/images/ai-art/photo-realism/3.webp differ
diff --git a/public/assets/images/ai-art/photo-realism/4.webp b/public/assets/images/ai-art/photo-realism/4.webp
new file mode 100644
index 0000000..cb1ec99
Binary files /dev/null and b/public/assets/images/ai-art/photo-realism/4.webp differ
diff --git a/public/assets/images/ai-art/photo-realism/5.webp b/public/assets/images/ai-art/photo-realism/5.webp
new file mode 100644
index 0000000..201b4eb
Binary files /dev/null and b/public/assets/images/ai-art/photo-realism/5.webp differ
diff --git a/public/assets/images/ai-art/photo-realism/6.webp b/public/assets/images/ai-art/photo-realism/6.webp
new file mode 100644
index 0000000..43bc1e3
Binary files /dev/null and b/public/assets/images/ai-art/photo-realism/6.webp differ
diff --git a/public/assets/images/ai-art/photo-realism/7.webp b/public/assets/images/ai-art/photo-realism/7.webp
new file mode 100644
index 0000000..0625463
Binary files /dev/null and b/public/assets/images/ai-art/photo-realism/7.webp differ
diff --git a/public/assets/images/ai-art/photo-realism/8.webp b/public/assets/images/ai-art/photo-realism/8.webp
new file mode 100644
index 0000000..c580ea4
Binary files /dev/null and b/public/assets/images/ai-art/photo-realism/8.webp differ
diff --git a/public/assets/images/ai-art/photo-realism/9.webp b/public/assets/images/ai-art/photo-realism/9.webp
new file mode 100644
index 0000000..6d45cfb
Binary files /dev/null and b/public/assets/images/ai-art/photo-realism/9.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/1.webp b/public/assets/images/ai-art/propaganda-poster/1.webp
new file mode 100644
index 0000000..823de61
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/1.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/10.webp b/public/assets/images/ai-art/propaganda-poster/10.webp
new file mode 100644
index 0000000..6b8193c
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/10.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/11.webp b/public/assets/images/ai-art/propaganda-poster/11.webp
new file mode 100644
index 0000000..ddb2936
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/11.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/12.webp b/public/assets/images/ai-art/propaganda-poster/12.webp
new file mode 100644
index 0000000..ac51e33
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/12.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/13.webp b/public/assets/images/ai-art/propaganda-poster/13.webp
new file mode 100644
index 0000000..2ce527f
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/13.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/14.webp b/public/assets/images/ai-art/propaganda-poster/14.webp
new file mode 100644
index 0000000..566fac9
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/14.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/15.webp b/public/assets/images/ai-art/propaganda-poster/15.webp
new file mode 100644
index 0000000..c92e9ea
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/15.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/16.webp b/public/assets/images/ai-art/propaganda-poster/16.webp
new file mode 100644
index 0000000..1932e9f
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/16.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/17.webp b/public/assets/images/ai-art/propaganda-poster/17.webp
new file mode 100644
index 0000000..92718ff
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/17.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/18.webp b/public/assets/images/ai-art/propaganda-poster/18.webp
new file mode 100644
index 0000000..c84c2f4
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/18.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/19.webp b/public/assets/images/ai-art/propaganda-poster/19.webp
new file mode 100644
index 0000000..c4220e4
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/19.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/2.webp b/public/assets/images/ai-art/propaganda-poster/2.webp
new file mode 100644
index 0000000..d03505c
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/2.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/20.webp b/public/assets/images/ai-art/propaganda-poster/20.webp
new file mode 100644
index 0000000..4d3a618
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/20.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/21.webp b/public/assets/images/ai-art/propaganda-poster/21.webp
new file mode 100644
index 0000000..9355a28
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/21.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/3.webp b/public/assets/images/ai-art/propaganda-poster/3.webp
new file mode 100644
index 0000000..ca126bc
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/3.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/4.webp b/public/assets/images/ai-art/propaganda-poster/4.webp
new file mode 100644
index 0000000..8f0f81d
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/4.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/5.webp b/public/assets/images/ai-art/propaganda-poster/5.webp
new file mode 100644
index 0000000..184cab7
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/5.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/6.webp b/public/assets/images/ai-art/propaganda-poster/6.webp
new file mode 100644
index 0000000..6ffa623
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/6.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/7.webp b/public/assets/images/ai-art/propaganda-poster/7.webp
new file mode 100644
index 0000000..16159dc
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/7.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/8.webp b/public/assets/images/ai-art/propaganda-poster/8.webp
new file mode 100644
index 0000000..c11406a
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/8.webp differ
diff --git a/public/assets/images/ai-art/propaganda-poster/9.webp b/public/assets/images/ai-art/propaganda-poster/9.webp
new file mode 100644
index 0000000..cde48ba
Binary files /dev/null and b/public/assets/images/ai-art/propaganda-poster/9.webp differ
diff --git a/public/assets/images/ai-art/roman-stoics/epictetus.webp b/public/assets/images/ai-art/roman-stoics/epictetus.webp
new file mode 100644
index 0000000..9c11d16
Binary files /dev/null and b/public/assets/images/ai-art/roman-stoics/epictetus.webp differ
diff --git a/public/assets/images/ai-art/roman-stoics/marcus-aurelius.webp b/public/assets/images/ai-art/roman-stoics/marcus-aurelius.webp
new file mode 100644
index 0000000..dca82d4
Binary files /dev/null and b/public/assets/images/ai-art/roman-stoics/marcus-aurelius.webp differ
diff --git a/public/assets/images/ai-art/roman-stoics/seneca.webp b/public/assets/images/ai-art/roman-stoics/seneca.webp
new file mode 100644
index 0000000..7f8f1ff
Binary files /dev/null and b/public/assets/images/ai-art/roman-stoics/seneca.webp differ
diff --git a/public/assets/images/ai-art/sin-city/1.webp b/public/assets/images/ai-art/sin-city/1.webp
new file mode 100644
index 0000000..55b09d7
Binary files /dev/null and b/public/assets/images/ai-art/sin-city/1.webp differ
diff --git a/public/assets/images/ai-art/sin-city/2.webp b/public/assets/images/ai-art/sin-city/2.webp
new file mode 100644
index 0000000..bf21d08
Binary files /dev/null and b/public/assets/images/ai-art/sin-city/2.webp differ
diff --git a/public/assets/images/ai-art/sin-city/3.webp b/public/assets/images/ai-art/sin-city/3.webp
new file mode 100644
index 0000000..a80af45
Binary files /dev/null and b/public/assets/images/ai-art/sin-city/3.webp differ
diff --git a/public/assets/images/ai-art/sin-city/4.webp b/public/assets/images/ai-art/sin-city/4.webp
new file mode 100644
index 0000000..9e7be50
Binary files /dev/null and b/public/assets/images/ai-art/sin-city/4.webp differ
diff --git a/public/assets/images/ai-art/song-of-ice-and-fire/1.webp b/public/assets/images/ai-art/song-of-ice-and-fire/1.webp
new file mode 100644
index 0000000..a05f43d
Binary files /dev/null and b/public/assets/images/ai-art/song-of-ice-and-fire/1.webp differ
diff --git a/public/assets/images/ai-art/song-of-ice-and-fire/2.webp b/public/assets/images/ai-art/song-of-ice-and-fire/2.webp
new file mode 100644
index 0000000..6b3e88f
Binary files /dev/null and b/public/assets/images/ai-art/song-of-ice-and-fire/2.webp differ
diff --git a/public/assets/images/ai-art/song-of-ice-and-fire/3.webp b/public/assets/images/ai-art/song-of-ice-and-fire/3.webp
new file mode 100644
index 0000000..69feb6d
Binary files /dev/null and b/public/assets/images/ai-art/song-of-ice-and-fire/3.webp differ
diff --git a/public/assets/images/ai-art/song-of-ice-and-fire/4.webp b/public/assets/images/ai-art/song-of-ice-and-fire/4.webp
new file mode 100644
index 0000000..677e9e2
Binary files /dev/null and b/public/assets/images/ai-art/song-of-ice-and-fire/4.webp differ
diff --git a/public/assets/images/ai-art/song-of-ice-and-fire/5.webp b/public/assets/images/ai-art/song-of-ice-and-fire/5.webp
new file mode 100644
index 0000000..57281d8
Binary files /dev/null and b/public/assets/images/ai-art/song-of-ice-and-fire/5.webp differ
diff --git a/public/assets/images/ai-art/song-of-ice-and-fire/6.webp b/public/assets/images/ai-art/song-of-ice-and-fire/6.webp
new file mode 100644
index 0000000..841d391
Binary files /dev/null and b/public/assets/images/ai-art/song-of-ice-and-fire/6.webp differ
diff --git a/public/assets/images/ai-art/song-of-ice-and-fire/7.webp b/public/assets/images/ai-art/song-of-ice-and-fire/7.webp
new file mode 100644
index 0000000..2a3c224
Binary files /dev/null and b/public/assets/images/ai-art/song-of-ice-and-fire/7.webp differ
diff --git a/public/assets/images/ai-art/sons-of-anarchy/1.webp b/public/assets/images/ai-art/sons-of-anarchy/1.webp
new file mode 100644
index 0000000..6d06f0a
Binary files /dev/null and b/public/assets/images/ai-art/sons-of-anarchy/1.webp differ
diff --git a/public/assets/images/ai-art/sons-of-anarchy/2.webp b/public/assets/images/ai-art/sons-of-anarchy/2.webp
new file mode 100644
index 0000000..b9055df
Binary files /dev/null and b/public/assets/images/ai-art/sons-of-anarchy/2.webp differ
diff --git a/public/assets/images/ai-art/sons-of-anarchy/3.webp b/public/assets/images/ai-art/sons-of-anarchy/3.webp
new file mode 100644
index 0000000..e7f7aff
Binary files /dev/null and b/public/assets/images/ai-art/sons-of-anarchy/3.webp differ
diff --git a/public/assets/images/ai-art/sons-of-anarchy/4.webp b/public/assets/images/ai-art/sons-of-anarchy/4.webp
new file mode 100644
index 0000000..7151861
Binary files /dev/null and b/public/assets/images/ai-art/sons-of-anarchy/4.webp differ
diff --git a/public/assets/images/ai-art/south-park/1.webp b/public/assets/images/ai-art/south-park/1.webp
new file mode 100644
index 0000000..b2505f9
Binary files /dev/null and b/public/assets/images/ai-art/south-park/1.webp differ
diff --git a/public/assets/images/ai-art/south-park/2.webp b/public/assets/images/ai-art/south-park/2.webp
new file mode 100644
index 0000000..ed1f8a7
Binary files /dev/null and b/public/assets/images/ai-art/south-park/2.webp differ
diff --git a/public/assets/images/ai-art/south-park/3.webp b/public/assets/images/ai-art/south-park/3.webp
new file mode 100644
index 0000000..6d84f6d
Binary files /dev/null and b/public/assets/images/ai-art/south-park/3.webp differ
diff --git a/public/assets/images/ai-art/south-park/4.webp b/public/assets/images/ai-art/south-park/4.webp
new file mode 100644
index 0000000..a6d2088
Binary files /dev/null and b/public/assets/images/ai-art/south-park/4.webp differ
diff --git a/public/assets/images/ai-art/star-wars/1.webp b/public/assets/images/ai-art/star-wars/1.webp
new file mode 100644
index 0000000..a84930d
Binary files /dev/null and b/public/assets/images/ai-art/star-wars/1.webp differ
diff --git a/public/assets/images/ai-art/star-wars/2.webp b/public/assets/images/ai-art/star-wars/2.webp
new file mode 100644
index 0000000..7160b48
Binary files /dev/null and b/public/assets/images/ai-art/star-wars/2.webp differ
diff --git a/public/assets/images/ai-art/star-wars/3.webp b/public/assets/images/ai-art/star-wars/3.webp
new file mode 100644
index 0000000..5dc03b9
Binary files /dev/null and b/public/assets/images/ai-art/star-wars/3.webp differ
diff --git a/public/assets/images/ai-art/star-wars/4.webp b/public/assets/images/ai-art/star-wars/4.webp
new file mode 100644
index 0000000..91d7621
Binary files /dev/null and b/public/assets/images/ai-art/star-wars/4.webp differ
diff --git a/public/assets/images/ai-art/star-wars/5.webp b/public/assets/images/ai-art/star-wars/5.webp
new file mode 100644
index 0000000..6b87081
Binary files /dev/null and b/public/assets/images/ai-art/star-wars/5.webp differ
diff --git a/public/assets/images/ai-art/star-wars/6.webp b/public/assets/images/ai-art/star-wars/6.webp
new file mode 100644
index 0000000..81075b9
Binary files /dev/null and b/public/assets/images/ai-art/star-wars/6.webp differ
diff --git a/public/assets/images/ai-art/star-wars/7.webp b/public/assets/images/ai-art/star-wars/7.webp
new file mode 100644
index 0000000..4aed58b
Binary files /dev/null and b/public/assets/images/ai-art/star-wars/7.webp differ
diff --git a/public/assets/images/ai-art/star-wars/8.webp b/public/assets/images/ai-art/star-wars/8.webp
new file mode 100644
index 0000000..e7acdb6
Binary files /dev/null and b/public/assets/images/ai-art/star-wars/8.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/1.webp b/public/assets/images/ai-art/the-simpsons/1.webp
new file mode 100644
index 0000000..3aa13af
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/1.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/10.webp b/public/assets/images/ai-art/the-simpsons/10.webp
new file mode 100644
index 0000000..ce213a7
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/10.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/11.webp b/public/assets/images/ai-art/the-simpsons/11.webp
new file mode 100644
index 0000000..127ccfb
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/11.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/12.webp b/public/assets/images/ai-art/the-simpsons/12.webp
new file mode 100644
index 0000000..427bdd2
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/12.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/13.webp b/public/assets/images/ai-art/the-simpsons/13.webp
new file mode 100644
index 0000000..f6968cd
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/13.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/14.webp b/public/assets/images/ai-art/the-simpsons/14.webp
new file mode 100644
index 0000000..7ef1104
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/14.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/15.webp b/public/assets/images/ai-art/the-simpsons/15.webp
new file mode 100644
index 0000000..65ad89f
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/15.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/16.webp b/public/assets/images/ai-art/the-simpsons/16.webp
new file mode 100644
index 0000000..be620f9
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/16.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/17.webp b/public/assets/images/ai-art/the-simpsons/17.webp
new file mode 100644
index 0000000..c7806dc
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/17.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/18.webp b/public/assets/images/ai-art/the-simpsons/18.webp
new file mode 100644
index 0000000..0042871
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/18.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/19.webp b/public/assets/images/ai-art/the-simpsons/19.webp
new file mode 100644
index 0000000..bf0117f
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/19.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/2.webp b/public/assets/images/ai-art/the-simpsons/2.webp
new file mode 100644
index 0000000..2918211
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/2.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/20.webp b/public/assets/images/ai-art/the-simpsons/20.webp
new file mode 100644
index 0000000..44a4c70
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/20.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/3.webp b/public/assets/images/ai-art/the-simpsons/3.webp
new file mode 100644
index 0000000..9fa3d70
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/3.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/4.webp b/public/assets/images/ai-art/the-simpsons/4.webp
new file mode 100644
index 0000000..964dd13
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/4.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/5.webp b/public/assets/images/ai-art/the-simpsons/5.webp
new file mode 100644
index 0000000..6b7862e
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/5.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/6.webp b/public/assets/images/ai-art/the-simpsons/6.webp
new file mode 100644
index 0000000..eda7743
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/6.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/7.webp b/public/assets/images/ai-art/the-simpsons/7.webp
new file mode 100644
index 0000000..806c1a5
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/7.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/8.webp b/public/assets/images/ai-art/the-simpsons/8.webp
new file mode 100644
index 0000000..ddc8ec3
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/8.webp differ
diff --git a/public/assets/images/ai-art/the-simpsons/9.webp b/public/assets/images/ai-art/the-simpsons/9.webp
new file mode 100644
index 0000000..15bb011
Binary files /dev/null and b/public/assets/images/ai-art/the-simpsons/9.webp differ
diff --git a/public/assets/images/ai-art/the-terminator/1.webp b/public/assets/images/ai-art/the-terminator/1.webp
new file mode 100644
index 0000000..a5758b8
Binary files /dev/null and b/public/assets/images/ai-art/the-terminator/1.webp differ
diff --git a/public/assets/images/ai-art/the-terminator/2.webp b/public/assets/images/ai-art/the-terminator/2.webp
new file mode 100644
index 0000000..36285df
Binary files /dev/null and b/public/assets/images/ai-art/the-terminator/2.webp differ
diff --git a/public/assets/images/ai-art/the-terminator/3.webp b/public/assets/images/ai-art/the-terminator/3.webp
new file mode 100644
index 0000000..f6f8d66
Binary files /dev/null and b/public/assets/images/ai-art/the-terminator/3.webp differ
diff --git a/public/assets/images/ai-art/the-walking-dead/1.webp b/public/assets/images/ai-art/the-walking-dead/1.webp
new file mode 100644
index 0000000..c81471e
Binary files /dev/null and b/public/assets/images/ai-art/the-walking-dead/1.webp differ
diff --git a/public/assets/images/ai-art/the-walking-dead/2.webp b/public/assets/images/ai-art/the-walking-dead/2.webp
new file mode 100644
index 0000000..d0b7fc4
Binary files /dev/null and b/public/assets/images/ai-art/the-walking-dead/2.webp differ
diff --git a/public/assets/images/ai-art/the-walking-dead/3.webp b/public/assets/images/ai-art/the-walking-dead/3.webp
new file mode 100644
index 0000000..fe13565
Binary files /dev/null and b/public/assets/images/ai-art/the-walking-dead/3.webp differ
diff --git a/public/assets/images/ai-art/the-walking-dead/4.webp b/public/assets/images/ai-art/the-walking-dead/4.webp
new file mode 100644
index 0000000..0002b66
Binary files /dev/null and b/public/assets/images/ai-art/the-walking-dead/4.webp differ
diff --git a/public/assets/images/ai-art/the-walking-dead/5.webp b/public/assets/images/ai-art/the-walking-dead/5.webp
new file mode 100644
index 0000000..52d4431
Binary files /dev/null and b/public/assets/images/ai-art/the-walking-dead/5.webp differ
diff --git a/public/assets/images/ai-art/the-walking-dead/6.webp b/public/assets/images/ai-art/the-walking-dead/6.webp
new file mode 100644
index 0000000..ae6a707
Binary files /dev/null and b/public/assets/images/ai-art/the-walking-dead/6.webp differ
diff --git a/public/assets/images/ai-art/this-is-john-galt-speaking/1.webp b/public/assets/images/ai-art/this-is-john-galt-speaking/1.webp
new file mode 100644
index 0000000..38caac9
Binary files /dev/null and b/public/assets/images/ai-art/this-is-john-galt-speaking/1.webp differ
diff --git a/public/assets/images/ai-art/tower-of-babel/1.webp b/public/assets/images/ai-art/tower-of-babel/1.webp
new file mode 100644
index 0000000..32b72e4
Binary files /dev/null and b/public/assets/images/ai-art/tower-of-babel/1.webp differ
diff --git a/public/assets/images/ai-art/tower-of-babel/2.webp b/public/assets/images/ai-art/tower-of-babel/2.webp
new file mode 100644
index 0000000..446ee36
Binary files /dev/null and b/public/assets/images/ai-art/tower-of-babel/2.webp differ
diff --git a/public/assets/images/ai-art/tower-of-babel/3.webp b/public/assets/images/ai-art/tower-of-babel/3.webp
new file mode 100644
index 0000000..c686179
Binary files /dev/null and b/public/assets/images/ai-art/tower-of-babel/3.webp differ
diff --git a/public/assets/images/ai-art/tower-of-babel/4.webp b/public/assets/images/ai-art/tower-of-babel/4.webp
new file mode 100644
index 0000000..29fe26d
Binary files /dev/null and b/public/assets/images/ai-art/tower-of-babel/4.webp differ
diff --git a/public/assets/images/ai-art/tower-of-babel/5.webp b/public/assets/images/ai-art/tower-of-babel/5.webp
new file mode 100644
index 0000000..166f169
Binary files /dev/null and b/public/assets/images/ai-art/tower-of-babel/5.webp differ
diff --git a/public/assets/images/ai-art/tower-of-babel/6.webp b/public/assets/images/ai-art/tower-of-babel/6.webp
new file mode 100644
index 0000000..5a57829
Binary files /dev/null and b/public/assets/images/ai-art/tower-of-babel/6.webp differ
diff --git a/public/assets/images/ai-art/tower-of-babel/7.webp b/public/assets/images/ai-art/tower-of-babel/7.webp
new file mode 100644
index 0000000..9cd6eda
Binary files /dev/null and b/public/assets/images/ai-art/tower-of-babel/7.webp differ
diff --git a/public/assets/images/ai-art/tower-of-babel/8.webp b/public/assets/images/ai-art/tower-of-babel/8.webp
new file mode 100644
index 0000000..303c029
Binary files /dev/null and b/public/assets/images/ai-art/tower-of-babel/8.webp differ
diff --git a/public/assets/images/ai-art/tower-of-babel/9.webp b/public/assets/images/ai-art/tower-of-babel/9.webp
new file mode 100644
index 0000000..b5ebf07
Binary files /dev/null and b/public/assets/images/ai-art/tower-of-babel/9.webp differ
diff --git a/public/assets/images/ai-art/utopia-dystopia/1.webp b/public/assets/images/ai-art/utopia-dystopia/1.webp
new file mode 100644
index 0000000..42ce497
Binary files /dev/null and b/public/assets/images/ai-art/utopia-dystopia/1.webp differ
diff --git a/public/assets/images/ai-art/utopia-dystopia/2.webp b/public/assets/images/ai-art/utopia-dystopia/2.webp
new file mode 100644
index 0000000..e90d637
Binary files /dev/null and b/public/assets/images/ai-art/utopia-dystopia/2.webp differ
diff --git a/public/assets/images/ai-art/utopia-dystopia/3.webp b/public/assets/images/ai-art/utopia-dystopia/3.webp
new file mode 100644
index 0000000..f4c7277
Binary files /dev/null and b/public/assets/images/ai-art/utopia-dystopia/3.webp differ
diff --git a/public/assets/images/ai-art/utopia-dystopia/4.webp b/public/assets/images/ai-art/utopia-dystopia/4.webp
new file mode 100644
index 0000000..33a615c
Binary files /dev/null and b/public/assets/images/ai-art/utopia-dystopia/4.webp differ
diff --git a/public/assets/images/ai-art/utopia-dystopia/5.webp b/public/assets/images/ai-art/utopia-dystopia/5.webp
new file mode 100644
index 0000000..4e6f2fe
Binary files /dev/null and b/public/assets/images/ai-art/utopia-dystopia/5.webp differ
diff --git a/public/assets/images/ai-art/yakuza/1.webp b/public/assets/images/ai-art/yakuza/1.webp
new file mode 100644
index 0000000..2eb1dbe
Binary files /dev/null and b/public/assets/images/ai-art/yakuza/1.webp differ
diff --git a/public/assets/images/ai-art/yakuza/2.webp b/public/assets/images/ai-art/yakuza/2.webp
new file mode 100644
index 0000000..49a6fa0
Binary files /dev/null and b/public/assets/images/ai-art/yakuza/2.webp differ
diff --git a/public/assets/images/ai-art/yakuza/3.webp b/public/assets/images/ai-art/yakuza/3.webp
new file mode 100644
index 0000000..77195dd
Binary files /dev/null and b/public/assets/images/ai-art/yakuza/3.webp differ
diff --git a/public/assets/images/ai-art/yakuza/4.webp b/public/assets/images/ai-art/yakuza/4.webp
new file mode 100644
index 0000000..6d85602
Binary files /dev/null and b/public/assets/images/ai-art/yakuza/4.webp differ
diff --git a/public/assets/images/ai-art/yakuza/5.webp b/public/assets/images/ai-art/yakuza/5.webp
new file mode 100644
index 0000000..2e89656
Binary files /dev/null and b/public/assets/images/ai-art/yakuza/5.webp differ
diff --git a/public/assets/images/ai-art/yakuza/6.webp b/public/assets/images/ai-art/yakuza/6.webp
new file mode 100644
index 0000000..d3639e1
Binary files /dev/null and b/public/assets/images/ai-art/yakuza/6.webp differ
diff --git a/public/assets/images/ai-portrait-stefan-imhoff.webp b/public/assets/images/ai-portrait-stefan-imhoff.webp
new file mode 100644
index 0000000..d60abc9
Binary files /dev/null and b/public/assets/images/ai-portrait-stefan-imhoff.webp differ
diff --git a/public/assets/images/branding/og/ai-cover-1.webp b/public/assets/images/branding/og/ai-cover-1.webp
new file mode 100644
index 0000000..80bfaae
Binary files /dev/null and b/public/assets/images/branding/og/ai-cover-1.webp differ
diff --git a/public/assets/images/branding/og/ai-cover-2.webp b/public/assets/images/branding/og/ai-cover-2.webp
new file mode 100644
index 0000000..605a345
Binary files /dev/null and b/public/assets/images/branding/og/ai-cover-2.webp differ
diff --git a/public/assets/images/branding/og/ai-cover-3.webp b/public/assets/images/branding/og/ai-cover-3.webp
new file mode 100644
index 0000000..bafeac1
Binary files /dev/null and b/public/assets/images/branding/og/ai-cover-3.webp differ
diff --git a/public/assets/images/branding/og/ai-cover-4.webp b/public/assets/images/branding/og/ai-cover-4.webp
new file mode 100644
index 0000000..831e992
Binary files /dev/null and b/public/assets/images/branding/og/ai-cover-4.webp differ
diff --git a/public/assets/images/branding/og/alien-worlds.webp b/public/assets/images/branding/og/alien-worlds.webp
new file mode 100644
index 0000000..21117cd
Binary files /dev/null and b/public/assets/images/branding/og/alien-worlds.webp differ
diff --git a/public/assets/images/branding/og/attention.webp b/public/assets/images/branding/og/attention.webp
new file mode 100644
index 0000000..ee963ba
Binary files /dev/null and b/public/assets/images/branding/og/attention.webp differ
diff --git a/public/assets/images/branding/og/bonsai.webp b/public/assets/images/branding/og/bonsai.webp
new file mode 100644
index 0000000..91d49a7
Binary files /dev/null and b/public/assets/images/branding/og/bonsai.webp differ
diff --git a/public/assets/images/branding/og/book-decodeunicode.webp b/public/assets/images/branding/og/book-decodeunicode.webp
new file mode 100644
index 0000000..4d993cb
Binary files /dev/null and b/public/assets/images/branding/og/book-decodeunicode.webp differ
diff --git a/public/assets/images/branding/og/bug-out-bag.webp b/public/assets/images/branding/og/bug-out-bag.webp
new file mode 100644
index 0000000..ef74818
Binary files /dev/null and b/public/assets/images/branding/og/bug-out-bag.webp differ
diff --git a/public/assets/images/branding/og/calisthenics.webp b/public/assets/images/branding/og/calisthenics.webp
new file mode 100644
index 0000000..ae530f5
Binary files /dev/null and b/public/assets/images/branding/og/calisthenics.webp differ
diff --git a/public/assets/images/branding/og/civil-war-truth-1-introduction.webp b/public/assets/images/branding/og/civil-war-truth-1-introduction.webp
new file mode 100644
index 0000000..4dec298
Binary files /dev/null and b/public/assets/images/branding/og/civil-war-truth-1-introduction.webp differ
diff --git a/public/assets/images/branding/og/civil-war-truth-2-corporatism-technocracy.webp b/public/assets/images/branding/og/civil-war-truth-2-corporatism-technocracy.webp
new file mode 100644
index 0000000..d082724
Binary files /dev/null and b/public/assets/images/branding/og/civil-war-truth-2-corporatism-technocracy.webp differ
diff --git a/public/assets/images/branding/og/civil-war-truth-3-political-division.webp b/public/assets/images/branding/og/civil-war-truth-3-political-division.webp
new file mode 100644
index 0000000..9db4ea4
Binary files /dev/null and b/public/assets/images/branding/og/civil-war-truth-3-political-division.webp differ
diff --git a/public/assets/images/branding/og/civil-war-truth-4-media-journalism.webp b/public/assets/images/branding/og/civil-war-truth-4-media-journalism.webp
new file mode 100644
index 0000000..0a2f80a
Binary files /dev/null and b/public/assets/images/branding/og/civil-war-truth-4-media-journalism.webp differ
diff --git a/public/assets/images/branding/og/civil-war-truth-5-academia.webp b/public/assets/images/branding/og/civil-war-truth-5-academia.webp
new file mode 100644
index 0000000..874e5a7
Binary files /dev/null and b/public/assets/images/branding/og/civil-war-truth-5-academia.webp differ
diff --git a/public/assets/images/branding/og/civil-war-truth-6-science.webp b/public/assets/images/branding/og/civil-war-truth-6-science.webp
new file mode 100644
index 0000000..b16ec92
Binary files /dev/null and b/public/assets/images/branding/og/civil-war-truth-6-science.webp differ
diff --git a/public/assets/images/branding/og/civil-war-truth-7-conclusion.webp b/public/assets/images/branding/og/civil-war-truth-7-conclusion.webp
new file mode 100644
index 0000000..bcc5943
Binary files /dev/null and b/public/assets/images/branding/og/civil-war-truth-7-conclusion.webp differ
diff --git a/public/assets/images/branding/og/copybook-headings.webp b/public/assets/images/branding/og/copybook-headings.webp
new file mode 100644
index 0000000..761c2b8
Binary files /dev/null and b/public/assets/images/branding/og/copybook-headings.webp differ
diff --git a/public/assets/images/branding/og/design-koi.webp b/public/assets/images/branding/og/design-koi.webp
new file mode 100644
index 0000000..88467d3
Binary files /dev/null and b/public/assets/images/branding/og/design-koi.webp differ
diff --git a/public/assets/images/branding/og/everyday-carry.webp b/public/assets/images/branding/og/everyday-carry.webp
new file mode 100644
index 0000000..0cba3f1
Binary files /dev/null and b/public/assets/images/branding/og/everyday-carry.webp differ
diff --git a/public/assets/images/branding/og/git.webp b/public/assets/images/branding/og/git.webp
new file mode 100644
index 0000000..12ce857
Binary files /dev/null and b/public/assets/images/branding/og/git.webp differ
diff --git a/public/assets/images/branding/og/gitbook.webp b/public/assets/images/branding/og/gitbook.webp
new file mode 100644
index 0000000..8fed313
Binary files /dev/null and b/public/assets/images/branding/og/gitbook.webp differ
diff --git a/public/assets/images/branding/og/gulp-1.webp b/public/assets/images/branding/og/gulp-1.webp
new file mode 100644
index 0000000..4166493
Binary files /dev/null and b/public/assets/images/branding/og/gulp-1.webp differ
diff --git a/public/assets/images/branding/og/gulp-10.webp b/public/assets/images/branding/og/gulp-10.webp
new file mode 100644
index 0000000..e318385
Binary files /dev/null and b/public/assets/images/branding/og/gulp-10.webp differ
diff --git a/public/assets/images/branding/og/gulp-11.webp b/public/assets/images/branding/og/gulp-11.webp
new file mode 100644
index 0000000..9e5c051
Binary files /dev/null and b/public/assets/images/branding/og/gulp-11.webp differ
diff --git a/public/assets/images/branding/og/gulp-12.webp b/public/assets/images/branding/og/gulp-12.webp
new file mode 100644
index 0000000..339dd5c
Binary files /dev/null and b/public/assets/images/branding/og/gulp-12.webp differ
diff --git a/public/assets/images/branding/og/gulp-13.webp b/public/assets/images/branding/og/gulp-13.webp
new file mode 100644
index 0000000..d3588a5
Binary files /dev/null and b/public/assets/images/branding/og/gulp-13.webp differ
diff --git a/public/assets/images/branding/og/gulp-14.webp b/public/assets/images/branding/og/gulp-14.webp
new file mode 100644
index 0000000..f09418e
Binary files /dev/null and b/public/assets/images/branding/og/gulp-14.webp differ
diff --git a/public/assets/images/branding/og/gulp-15.webp b/public/assets/images/branding/og/gulp-15.webp
new file mode 100644
index 0000000..17b5e6b
Binary files /dev/null and b/public/assets/images/branding/og/gulp-15.webp differ
diff --git a/public/assets/images/branding/og/gulp-16.webp b/public/assets/images/branding/og/gulp-16.webp
new file mode 100644
index 0000000..5f258d8
Binary files /dev/null and b/public/assets/images/branding/og/gulp-16.webp differ
diff --git a/public/assets/images/branding/og/gulp-2.webp b/public/assets/images/branding/og/gulp-2.webp
new file mode 100644
index 0000000..0d216ca
Binary files /dev/null and b/public/assets/images/branding/og/gulp-2.webp differ
diff --git a/public/assets/images/branding/og/gulp-3.webp b/public/assets/images/branding/og/gulp-3.webp
new file mode 100644
index 0000000..72496e3
Binary files /dev/null and b/public/assets/images/branding/og/gulp-3.webp differ
diff --git a/public/assets/images/branding/og/gulp-4.webp b/public/assets/images/branding/og/gulp-4.webp
new file mode 100644
index 0000000..aa77a23
Binary files /dev/null and b/public/assets/images/branding/og/gulp-4.webp differ
diff --git a/public/assets/images/branding/og/gulp-5.webp b/public/assets/images/branding/og/gulp-5.webp
new file mode 100644
index 0000000..2987aab
Binary files /dev/null and b/public/assets/images/branding/og/gulp-5.webp differ
diff --git a/public/assets/images/branding/og/gulp-6.webp b/public/assets/images/branding/og/gulp-6.webp
new file mode 100644
index 0000000..6b48720
Binary files /dev/null and b/public/assets/images/branding/og/gulp-6.webp differ
diff --git a/public/assets/images/branding/og/gulp-7.webp b/public/assets/images/branding/og/gulp-7.webp
new file mode 100644
index 0000000..0087955
Binary files /dev/null and b/public/assets/images/branding/og/gulp-7.webp differ
diff --git a/public/assets/images/branding/og/gulp-8.webp b/public/assets/images/branding/og/gulp-8.webp
new file mode 100644
index 0000000..907c789
Binary files /dev/null and b/public/assets/images/branding/og/gulp-8.webp differ
diff --git a/public/assets/images/branding/og/gulp-9.webp b/public/assets/images/branding/og/gulp-9.webp
new file mode 100644
index 0000000..b330665
Binary files /dev/null and b/public/assets/images/branding/og/gulp-9.webp differ
diff --git a/public/assets/images/branding/og/home-documentary.webp b/public/assets/images/branding/og/home-documentary.webp
new file mode 100644
index 0000000..de952c2
Binary files /dev/null and b/public/assets/images/branding/og/home-documentary.webp differ
diff --git a/public/assets/images/branding/og/home-office.webp b/public/assets/images/branding/og/home-office.webp
new file mode 100644
index 0000000..477ad17
Binary files /dev/null and b/public/assets/images/branding/og/home-office.webp differ
diff --git a/public/assets/images/branding/og/human-documentary.webp b/public/assets/images/branding/og/human-documentary.webp
new file mode 100644
index 0000000..efbcb79
Binary files /dev/null and b/public/assets/images/branding/og/human-documentary.webp differ
diff --git a/public/assets/images/branding/og/ia-writer-template-nanzan.webp b/public/assets/images/branding/og/ia-writer-template-nanzan.webp
new file mode 100644
index 0000000..2c90fde
Binary files /dev/null and b/public/assets/images/branding/og/ia-writer-template-nanzan.webp differ
diff --git a/public/assets/images/branding/og/ia-writer-template-shibui.webp b/public/assets/images/branding/og/ia-writer-template-shibui.webp
new file mode 100644
index 0000000..8f56679
Binary files /dev/null and b/public/assets/images/branding/og/ia-writer-template-shibui.webp differ
diff --git a/public/assets/images/branding/og/john-seymour.webp b/public/assets/images/branding/og/john-seymour.webp
new file mode 100644
index 0000000..710510c
Binary files /dev/null and b/public/assets/images/branding/og/john-seymour.webp differ
diff --git a/public/assets/images/branding/og/manage-references-for-note-taking.webp b/public/assets/images/branding/og/manage-references-for-note-taking.webp
new file mode 100644
index 0000000..42b77d3
Binary files /dev/null and b/public/assets/images/branding/og/manage-references-for-note-taking.webp differ
diff --git a/public/assets/images/branding/og/motivational-video.webp b/public/assets/images/branding/og/motivational-video.webp
new file mode 100644
index 0000000..cc30126
Binary files /dev/null and b/public/assets/images/branding/og/motivational-video.webp differ
diff --git a/public/assets/images/branding/og/netflix-underwear.webp b/public/assets/images/branding/og/netflix-underwear.webp
new file mode 100644
index 0000000..0e0ba36
Binary files /dev/null and b/public/assets/images/branding/og/netflix-underwear.webp differ
diff --git a/public/assets/images/branding/og/news-wave.webp b/public/assets/images/branding/og/news-wave.webp
new file mode 100644
index 0000000..395c4e0
Binary files /dev/null and b/public/assets/images/branding/og/news-wave.webp differ
diff --git a/public/assets/images/branding/og/rakkan.webp b/public/assets/images/branding/og/rakkan.webp
new file mode 100644
index 0000000..f2ef429
Binary files /dev/null and b/public/assets/images/branding/og/rakkan.webp differ
diff --git a/public/assets/images/branding/og/raycast.webp b/public/assets/images/branding/og/raycast.webp
new file mode 100644
index 0000000..9010834
Binary files /dev/null and b/public/assets/images/branding/og/raycast.webp differ
diff --git a/public/assets/images/branding/og/rework.webp b/public/assets/images/branding/og/rework.webp
new file mode 100644
index 0000000..175340d
Binary files /dev/null and b/public/assets/images/branding/og/rework.webp differ
diff --git a/public/assets/images/branding/og/shinto-gate.webp b/public/assets/images/branding/og/shinto-gate.webp
new file mode 100644
index 0000000..53aa04b
Binary files /dev/null and b/public/assets/images/branding/og/shinto-gate.webp differ
diff --git a/public/assets/images/branding/og/thomas-sowell.webp b/public/assets/images/branding/og/thomas-sowell.webp
new file mode 100644
index 0000000..394dfb2
Binary files /dev/null and b/public/assets/images/branding/og/thomas-sowell.webp differ
diff --git a/public/assets/images/branding/og/tools-for-better-writing.webp b/public/assets/images/branding/og/tools-for-better-writing.webp
new file mode 100644
index 0000000..8cfaf37
Binary files /dev/null and b/public/assets/images/branding/og/tools-for-better-writing.webp differ
diff --git a/public/assets/images/branding/og/vim-polisher.webp b/public/assets/images/branding/og/vim-polisher.webp
new file mode 100644
index 0000000..d230a89
Binary files /dev/null and b/public/assets/images/branding/og/vim-polisher.webp differ
diff --git a/public/assets/images/branding/og/webstandards-magazine-django.webp b/public/assets/images/branding/og/webstandards-magazine-django.webp
new file mode 100644
index 0000000..b85e7e0
Binary files /dev/null and b/public/assets/images/branding/og/webstandards-magazine-django.webp differ
diff --git a/public/assets/images/branding/webfeeds-cover.webp b/public/assets/images/branding/webfeeds-cover.webp
new file mode 100644
index 0000000..c4ea609
Binary files /dev/null and b/public/assets/images/branding/webfeeds-cover.webp differ
diff --git a/public/assets/images/cover/ai-cover-1.webp b/public/assets/images/cover/ai-cover-1.webp
new file mode 100644
index 0000000..f34a5e8
Binary files /dev/null and b/public/assets/images/cover/ai-cover-1.webp differ
diff --git a/public/assets/images/cover/ai-cover-2.webp b/public/assets/images/cover/ai-cover-2.webp
new file mode 100644
index 0000000..5b32657
Binary files /dev/null and b/public/assets/images/cover/ai-cover-2.webp differ
diff --git a/public/assets/images/cover/ai-cover-3.webp b/public/assets/images/cover/ai-cover-3.webp
new file mode 100644
index 0000000..3cf4214
Binary files /dev/null and b/public/assets/images/cover/ai-cover-3.webp differ
diff --git a/public/assets/images/cover/ai-cover-4.webp b/public/assets/images/cover/ai-cover-4.webp
new file mode 100644
index 0000000..11e7600
Binary files /dev/null and b/public/assets/images/cover/ai-cover-4.webp differ
diff --git a/public/assets/images/cover/alien-worlds.webp b/public/assets/images/cover/alien-worlds.webp
new file mode 100644
index 0000000..e3e8ced
Binary files /dev/null and b/public/assets/images/cover/alien-worlds.webp differ
diff --git a/public/assets/images/cover/attention.webp b/public/assets/images/cover/attention.webp
new file mode 100644
index 0000000..c315dc3
Binary files /dev/null and b/public/assets/images/cover/attention.webp differ
diff --git a/public/assets/images/cover/bonsai.webp b/public/assets/images/cover/bonsai.webp
new file mode 100644
index 0000000..3e61b70
Binary files /dev/null and b/public/assets/images/cover/bonsai.webp differ
diff --git a/public/assets/images/cover/book-decodeunicode.webp b/public/assets/images/cover/book-decodeunicode.webp
new file mode 100644
index 0000000..8666f6c
Binary files /dev/null and b/public/assets/images/cover/book-decodeunicode.webp differ
diff --git a/public/assets/images/cover/bug-out-bag.webp b/public/assets/images/cover/bug-out-bag.webp
new file mode 100644
index 0000000..97a6618
Binary files /dev/null and b/public/assets/images/cover/bug-out-bag.webp differ
diff --git a/public/assets/images/cover/calisthenics.webp b/public/assets/images/cover/calisthenics.webp
new file mode 100644
index 0000000..d48a9b1
Binary files /dev/null and b/public/assets/images/cover/calisthenics.webp differ
diff --git a/public/assets/images/cover/civil-war-truth-1-introduction.webp b/public/assets/images/cover/civil-war-truth-1-introduction.webp
new file mode 100644
index 0000000..747743b
Binary files /dev/null and b/public/assets/images/cover/civil-war-truth-1-introduction.webp differ
diff --git a/public/assets/images/cover/civil-war-truth-2-corporatism-technocracy.webp b/public/assets/images/cover/civil-war-truth-2-corporatism-technocracy.webp
new file mode 100644
index 0000000..a4c467f
Binary files /dev/null and b/public/assets/images/cover/civil-war-truth-2-corporatism-technocracy.webp differ
diff --git a/public/assets/images/cover/civil-war-truth-3-political-division.webp b/public/assets/images/cover/civil-war-truth-3-political-division.webp
new file mode 100644
index 0000000..f454362
Binary files /dev/null and b/public/assets/images/cover/civil-war-truth-3-political-division.webp differ
diff --git a/public/assets/images/cover/civil-war-truth-4-media-journalism.webp b/public/assets/images/cover/civil-war-truth-4-media-journalism.webp
new file mode 100644
index 0000000..c9bf6e4
Binary files /dev/null and b/public/assets/images/cover/civil-war-truth-4-media-journalism.webp differ
diff --git a/public/assets/images/cover/civil-war-truth-5-academia.webp b/public/assets/images/cover/civil-war-truth-5-academia.webp
new file mode 100644
index 0000000..0cf1cfd
Binary files /dev/null and b/public/assets/images/cover/civil-war-truth-5-academia.webp differ
diff --git a/public/assets/images/cover/civil-war-truth-6-science.webp b/public/assets/images/cover/civil-war-truth-6-science.webp
new file mode 100644
index 0000000..c69cf5f
Binary files /dev/null and b/public/assets/images/cover/civil-war-truth-6-science.webp differ
diff --git a/public/assets/images/cover/civil-war-truth-7-conclusion.webp b/public/assets/images/cover/civil-war-truth-7-conclusion.webp
new file mode 100644
index 0000000..806a1f5
Binary files /dev/null and b/public/assets/images/cover/civil-war-truth-7-conclusion.webp differ
diff --git a/public/assets/images/cover/copybook-headings.webp b/public/assets/images/cover/copybook-headings.webp
new file mode 100644
index 0000000..d84f764
Binary files /dev/null and b/public/assets/images/cover/copybook-headings.webp differ
diff --git a/public/assets/images/cover/design-koi.webp b/public/assets/images/cover/design-koi.webp
new file mode 100644
index 0000000..cd98c7f
Binary files /dev/null and b/public/assets/images/cover/design-koi.webp differ
diff --git a/public/assets/images/cover/everyday-carry.webp b/public/assets/images/cover/everyday-carry.webp
new file mode 100644
index 0000000..ea3631d
Binary files /dev/null and b/public/assets/images/cover/everyday-carry.webp differ
diff --git a/public/assets/images/cover/git.webp b/public/assets/images/cover/git.webp
new file mode 100644
index 0000000..8b98f57
Binary files /dev/null and b/public/assets/images/cover/git.webp differ
diff --git a/public/assets/images/cover/gitbook.webp b/public/assets/images/cover/gitbook.webp
new file mode 100644
index 0000000..38b4278
Binary files /dev/null and b/public/assets/images/cover/gitbook.webp differ
diff --git a/public/assets/images/cover/gulp-1.webp b/public/assets/images/cover/gulp-1.webp
new file mode 100644
index 0000000..e9a3c20
Binary files /dev/null and b/public/assets/images/cover/gulp-1.webp differ
diff --git a/public/assets/images/cover/gulp-10.webp b/public/assets/images/cover/gulp-10.webp
new file mode 100644
index 0000000..96831a8
Binary files /dev/null and b/public/assets/images/cover/gulp-10.webp differ
diff --git a/public/assets/images/cover/gulp-11.webp b/public/assets/images/cover/gulp-11.webp
new file mode 100644
index 0000000..299a948
Binary files /dev/null and b/public/assets/images/cover/gulp-11.webp differ
diff --git a/public/assets/images/cover/gulp-12.webp b/public/assets/images/cover/gulp-12.webp
new file mode 100644
index 0000000..794c456
Binary files /dev/null and b/public/assets/images/cover/gulp-12.webp differ
diff --git a/public/assets/images/cover/gulp-13.webp b/public/assets/images/cover/gulp-13.webp
new file mode 100644
index 0000000..9a390dd
Binary files /dev/null and b/public/assets/images/cover/gulp-13.webp differ
diff --git a/public/assets/images/cover/gulp-14.webp b/public/assets/images/cover/gulp-14.webp
new file mode 100644
index 0000000..b4c1db2
Binary files /dev/null and b/public/assets/images/cover/gulp-14.webp differ
diff --git a/public/assets/images/cover/gulp-15.webp b/public/assets/images/cover/gulp-15.webp
new file mode 100644
index 0000000..3f91036
Binary files /dev/null and b/public/assets/images/cover/gulp-15.webp differ
diff --git a/public/assets/images/cover/gulp-16.webp b/public/assets/images/cover/gulp-16.webp
new file mode 100644
index 0000000..7675443
Binary files /dev/null and b/public/assets/images/cover/gulp-16.webp differ
diff --git a/public/assets/images/cover/gulp-2.webp b/public/assets/images/cover/gulp-2.webp
new file mode 100644
index 0000000..2b37a9b
Binary files /dev/null and b/public/assets/images/cover/gulp-2.webp differ
diff --git a/public/assets/images/cover/gulp-3.webp b/public/assets/images/cover/gulp-3.webp
new file mode 100644
index 0000000..1a0fbe3
Binary files /dev/null and b/public/assets/images/cover/gulp-3.webp differ
diff --git a/public/assets/images/cover/gulp-4.webp b/public/assets/images/cover/gulp-4.webp
new file mode 100644
index 0000000..c43013d
Binary files /dev/null and b/public/assets/images/cover/gulp-4.webp differ
diff --git a/public/assets/images/cover/gulp-5.webp b/public/assets/images/cover/gulp-5.webp
new file mode 100644
index 0000000..24c7596
Binary files /dev/null and b/public/assets/images/cover/gulp-5.webp differ
diff --git a/public/assets/images/cover/gulp-6.webp b/public/assets/images/cover/gulp-6.webp
new file mode 100644
index 0000000..c96b794
Binary files /dev/null and b/public/assets/images/cover/gulp-6.webp differ
diff --git a/public/assets/images/cover/gulp-7.webp b/public/assets/images/cover/gulp-7.webp
new file mode 100644
index 0000000..bcfabd8
Binary files /dev/null and b/public/assets/images/cover/gulp-7.webp differ
diff --git a/public/assets/images/cover/gulp-8.webp b/public/assets/images/cover/gulp-8.webp
new file mode 100644
index 0000000..e9cca62
Binary files /dev/null and b/public/assets/images/cover/gulp-8.webp differ
diff --git a/public/assets/images/cover/gulp-9.webp b/public/assets/images/cover/gulp-9.webp
new file mode 100644
index 0000000..a1aa013
Binary files /dev/null and b/public/assets/images/cover/gulp-9.webp differ
diff --git a/public/assets/images/cover/home-documentary.webp b/public/assets/images/cover/home-documentary.webp
new file mode 100644
index 0000000..bf4d8fb
Binary files /dev/null and b/public/assets/images/cover/home-documentary.webp differ
diff --git a/public/assets/images/cover/home-office.webp b/public/assets/images/cover/home-office.webp
new file mode 100644
index 0000000..54f5a49
Binary files /dev/null and b/public/assets/images/cover/home-office.webp differ
diff --git a/public/assets/images/cover/human-documentary.webp b/public/assets/images/cover/human-documentary.webp
new file mode 100644
index 0000000..d3cc6f4
Binary files /dev/null and b/public/assets/images/cover/human-documentary.webp differ
diff --git a/public/assets/images/cover/ia-writer-template-nanzan.webp b/public/assets/images/cover/ia-writer-template-nanzan.webp
new file mode 100644
index 0000000..81986a9
Binary files /dev/null and b/public/assets/images/cover/ia-writer-template-nanzan.webp differ
diff --git a/public/assets/images/cover/ia-writer-template-shibui.webp b/public/assets/images/cover/ia-writer-template-shibui.webp
new file mode 100644
index 0000000..af92277
Binary files /dev/null and b/public/assets/images/cover/ia-writer-template-shibui.webp differ
diff --git a/public/assets/images/cover/john-seymour.webp b/public/assets/images/cover/john-seymour.webp
new file mode 100644
index 0000000..7d2d8b9
Binary files /dev/null and b/public/assets/images/cover/john-seymour.webp differ
diff --git a/public/assets/images/cover/manage-references-for-note-taking.webp b/public/assets/images/cover/manage-references-for-note-taking.webp
new file mode 100644
index 0000000..5d312a4
Binary files /dev/null and b/public/assets/images/cover/manage-references-for-note-taking.webp differ
diff --git a/public/assets/images/cover/motivational-video.webp b/public/assets/images/cover/motivational-video.webp
new file mode 100644
index 0000000..3052826
Binary files /dev/null and b/public/assets/images/cover/motivational-video.webp differ
diff --git a/public/assets/images/cover/netflix-underwear.webp b/public/assets/images/cover/netflix-underwear.webp
new file mode 100644
index 0000000..84a3a43
Binary files /dev/null and b/public/assets/images/cover/netflix-underwear.webp differ
diff --git a/public/assets/images/cover/news-wave.webp b/public/assets/images/cover/news-wave.webp
new file mode 100644
index 0000000..b52b75e
Binary files /dev/null and b/public/assets/images/cover/news-wave.webp differ
diff --git a/public/assets/images/cover/rakkan.webp b/public/assets/images/cover/rakkan.webp
new file mode 100644
index 0000000..5c37666
Binary files /dev/null and b/public/assets/images/cover/rakkan.webp differ
diff --git a/public/assets/images/cover/raycast.webp b/public/assets/images/cover/raycast.webp
new file mode 100644
index 0000000..608d8b2
Binary files /dev/null and b/public/assets/images/cover/raycast.webp differ
diff --git a/public/assets/images/cover/rework.webp b/public/assets/images/cover/rework.webp
new file mode 100644
index 0000000..ba0c69c
Binary files /dev/null and b/public/assets/images/cover/rework.webp differ
diff --git a/public/assets/images/cover/shinto-gate.webp b/public/assets/images/cover/shinto-gate.webp
new file mode 100644
index 0000000..efeab18
Binary files /dev/null and b/public/assets/images/cover/shinto-gate.webp differ
diff --git a/public/assets/images/cover/thomas-sowell.webp b/public/assets/images/cover/thomas-sowell.webp
new file mode 100644
index 0000000..e128572
Binary files /dev/null and b/public/assets/images/cover/thomas-sowell.webp differ
diff --git a/public/assets/images/cover/tools-for-better-writing.webp b/public/assets/images/cover/tools-for-better-writing.webp
new file mode 100644
index 0000000..094f10d
Binary files /dev/null and b/public/assets/images/cover/tools-for-better-writing.webp differ
diff --git a/public/assets/images/cover/vim-polisher.webp b/public/assets/images/cover/vim-polisher.webp
new file mode 100644
index 0000000..f653045
Binary files /dev/null and b/public/assets/images/cover/vim-polisher.webp differ
diff --git a/public/assets/images/cover/webstandards-magazine-django.webp b/public/assets/images/cover/webstandards-magazine-django.webp
new file mode 100644
index 0000000..634a066
Binary files /dev/null and b/public/assets/images/cover/webstandards-magazine-django.webp differ
diff --git a/public/assets/images/posts/about-design.webp b/public/assets/images/posts/about-design.webp
new file mode 100644
index 0000000..e622565
Binary files /dev/null and b/public/assets/images/posts/about-design.webp differ
diff --git a/public/assets/images/posts/ai-cyberpunk-wizard.webp b/public/assets/images/posts/ai-cyberpunk-wizard.webp
new file mode 100644
index 0000000..b37e479
Binary files /dev/null and b/public/assets/images/posts/ai-cyberpunk-wizard.webp differ
diff --git a/public/assets/images/posts/ai-diffusion-models.webp b/public/assets/images/posts/ai-diffusion-models.webp
new file mode 100644
index 0000000..f3569b2
Binary files /dev/null and b/public/assets/images/posts/ai-diffusion-models.webp differ
diff --git a/public/assets/images/posts/ai-draw-things.webp b/public/assets/images/posts/ai-draw-things.webp
new file mode 100644
index 0000000..13bf592
Binary files /dev/null and b/public/assets/images/posts/ai-draw-things.webp differ
diff --git a/public/assets/images/posts/ai-inpainting.webp b/public/assets/images/posts/ai-inpainting.webp
new file mode 100644
index 0000000..88fbc11
Binary files /dev/null and b/public/assets/images/posts/ai-inpainting.webp differ
diff --git a/public/assets/images/posts/base-design.webp b/public/assets/images/posts/base-design.webp
new file mode 100644
index 0000000..b87fe53
Binary files /dev/null and b/public/assets/images/posts/base-design.webp differ
diff --git a/public/assets/images/posts/bug-out-bag.webp b/public/assets/images/posts/bug-out-bag.webp
new file mode 100644
index 0000000..ed59132
Binary files /dev/null and b/public/assets/images/posts/bug-out-bag.webp differ
diff --git a/public/assets/images/posts/calisthenics-arm-elbow-lever.webp b/public/assets/images/posts/calisthenics-arm-elbow-lever.webp
new file mode 100644
index 0000000..8725159
Binary files /dev/null and b/public/assets/images/posts/calisthenics-arm-elbow-lever.webp differ
diff --git a/public/assets/images/posts/calisthenics-best-dad-ever.webp b/public/assets/images/posts/calisthenics-best-dad-ever.webp
new file mode 100644
index 0000000..80890da
Binary files /dev/null and b/public/assets/images/posts/calisthenics-best-dad-ever.webp differ
diff --git a/public/assets/images/posts/color-variants-design.webp b/public/assets/images/posts/color-variants-design.webp
new file mode 100644
index 0000000..6dc5f29
Binary files /dev/null and b/public/assets/images/posts/color-variants-design.webp differ
diff --git a/public/assets/images/posts/colors-of-japan.webp b/public/assets/images/posts/colors-of-japan.webp
new file mode 100644
index 0000000..b044770
Binary files /dev/null and b/public/assets/images/posts/colors-of-japan.webp differ
diff --git a/public/assets/images/posts/copybook-headings.webp b/public/assets/images/posts/copybook-headings.webp
new file mode 100644
index 0000000..36dd926
Binary files /dev/null and b/public/assets/images/posts/copybook-headings.webp differ
diff --git a/public/assets/images/posts/devonthink-sorter.webp b/public/assets/images/posts/devonthink-sorter.webp
new file mode 100644
index 0000000..93424ab
Binary files /dev/null and b/public/assets/images/posts/devonthink-sorter.webp differ
diff --git a/public/assets/images/posts/devonthink-zettelkasten.webp b/public/assets/images/posts/devonthink-zettelkasten.webp
new file mode 100644
index 0000000..12bb8e9
Binary files /dev/null and b/public/assets/images/posts/devonthink-zettelkasten.webp differ
diff --git a/public/assets/images/posts/gitbook-kogakure.webp b/public/assets/images/posts/gitbook-kogakure.webp
new file mode 100644
index 0000000..002a254
Binary files /dev/null and b/public/assets/images/posts/gitbook-kogakure.webp differ
diff --git a/public/assets/images/posts/gtd-after.webp b/public/assets/images/posts/gtd-after.webp
new file mode 100644
index 0000000..a515290
Binary files /dev/null and b/public/assets/images/posts/gtd-after.webp differ
diff --git a/public/assets/images/posts/gtd-before.webp b/public/assets/images/posts/gtd-before.webp
new file mode 100644
index 0000000..64e439f
Binary files /dev/null and b/public/assets/images/posts/gtd-before.webp differ
diff --git a/public/assets/images/posts/haiku-design.webp b/public/assets/images/posts/haiku-design.webp
new file mode 100644
index 0000000..5d6fce3
Binary files /dev/null and b/public/assets/images/posts/haiku-design.webp differ
diff --git a/public/assets/images/posts/haiku.webp b/public/assets/images/posts/haiku.webp
new file mode 100644
index 0000000..2271b55
Binary files /dev/null and b/public/assets/images/posts/haiku.webp differ
diff --git a/public/assets/images/posts/homepage-dark.webp b/public/assets/images/posts/homepage-dark.webp
new file mode 100644
index 0000000..7a2a333
Binary files /dev/null and b/public/assets/images/posts/homepage-dark.webp differ
diff --git a/public/assets/images/posts/homepage-design.webp b/public/assets/images/posts/homepage-design.webp
new file mode 100644
index 0000000..bf54f83
Binary files /dev/null and b/public/assets/images/posts/homepage-design.webp differ
diff --git a/public/assets/images/posts/homepage-light.webp b/public/assets/images/posts/homepage-light.webp
new file mode 100644
index 0000000..7010e8f
Binary files /dev/null and b/public/assets/images/posts/homepage-light.webp differ
diff --git a/public/assets/images/posts/minimalism-cleanup-cellar.webp b/public/assets/images/posts/minimalism-cleanup-cellar.webp
new file mode 100644
index 0000000..6b344f8
Binary files /dev/null and b/public/assets/images/posts/minimalism-cleanup-cellar.webp differ
diff --git a/public/assets/images/posts/minimalism-living.webp b/public/assets/images/posts/minimalism-living.webp
new file mode 100644
index 0000000..039ad0b
Binary files /dev/null and b/public/assets/images/posts/minimalism-living.webp differ
diff --git a/public/assets/images/posts/minimalism-office.webp b/public/assets/images/posts/minimalism-office.webp
new file mode 100644
index 0000000..c3dfcf9
Binary files /dev/null and b/public/assets/images/posts/minimalism-office.webp differ
diff --git a/public/assets/images/posts/moleskine-pencil-drawings.webp b/public/assets/images/posts/moleskine-pencil-drawings.webp
new file mode 100644
index 0000000..e05ef7d
Binary files /dev/null and b/public/assets/images/posts/moleskine-pencil-drawings.webp differ
diff --git a/public/assets/images/posts/new-website-2021.webp b/public/assets/images/posts/new-website-2021.webp
new file mode 100644
index 0000000..777e025
Binary files /dev/null and b/public/assets/images/posts/new-website-2021.webp differ
diff --git a/public/assets/images/posts/obsidian-graph-view.webp b/public/assets/images/posts/obsidian-graph-view.webp
new file mode 100644
index 0000000..d77e37c
Binary files /dev/null and b/public/assets/images/posts/obsidian-graph-view.webp differ
diff --git a/public/assets/images/posts/rakkan.webp b/public/assets/images/posts/rakkan.webp
new file mode 100644
index 0000000..b23dc71
Binary files /dev/null and b/public/assets/images/posts/rakkan.webp differ
diff --git a/public/assets/images/posts/raycast-ai-commands.webp b/public/assets/images/posts/raycast-ai-commands.webp
new file mode 100644
index 0000000..56a9254
Binary files /dev/null and b/public/assets/images/posts/raycast-ai-commands.webp differ
diff --git a/public/assets/images/posts/raycast-ai.webp b/public/assets/images/posts/raycast-ai.webp
new file mode 100644
index 0000000..5c8165c
Binary files /dev/null and b/public/assets/images/posts/raycast-ai.webp differ
diff --git a/public/assets/images/posts/raycast-calculator.webp b/public/assets/images/posts/raycast-calculator.webp
new file mode 100644
index 0000000..a78e4d2
Binary files /dev/null and b/public/assets/images/posts/raycast-calculator.webp differ
diff --git a/public/assets/images/posts/raycast-calendar.webp b/public/assets/images/posts/raycast-calendar.webp
new file mode 100644
index 0000000..01cb755
Binary files /dev/null and b/public/assets/images/posts/raycast-calendar.webp differ
diff --git a/public/assets/images/posts/raycast-change-case.webp b/public/assets/images/posts/raycast-change-case.webp
new file mode 100644
index 0000000..06028e5
Binary files /dev/null and b/public/assets/images/posts/raycast-change-case.webp differ
diff --git a/public/assets/images/posts/raycast-clipboard-history.webp b/public/assets/images/posts/raycast-clipboard-history.webp
new file mode 100644
index 0000000..52756e2
Binary files /dev/null and b/public/assets/images/posts/raycast-clipboard-history.webp differ
diff --git a/public/assets/images/posts/raycast-emoji-symbols-ai.webp b/public/assets/images/posts/raycast-emoji-symbols-ai.webp
new file mode 100644
index 0000000..9a2665e
Binary files /dev/null and b/public/assets/images/posts/raycast-emoji-symbols-ai.webp differ
diff --git a/public/assets/images/posts/raycast-emoji-symbols.webp b/public/assets/images/posts/raycast-emoji-symbols.webp
new file mode 100644
index 0000000..73306fa
Binary files /dev/null and b/public/assets/images/posts/raycast-emoji-symbols.webp differ
diff --git a/public/assets/images/posts/raycast-extension-arc.webp b/public/assets/images/posts/raycast-extension-arc.webp
new file mode 100644
index 0000000..e1a4100
Binary files /dev/null and b/public/assets/images/posts/raycast-extension-arc.webp differ
diff --git a/public/assets/images/posts/raycast-extension-brave-search.webp b/public/assets/images/posts/raycast-extension-brave-search.webp
new file mode 100644
index 0000000..24d7bb1
Binary files /dev/null and b/public/assets/images/posts/raycast-extension-brave-search.webp differ
diff --git a/public/assets/images/posts/raycast-extension-raindrop.webp b/public/assets/images/posts/raycast-extension-raindrop.webp
new file mode 100644
index 0000000..298d4a8
Binary files /dev/null and b/public/assets/images/posts/raycast-extension-raindrop.webp differ
diff --git a/public/assets/images/posts/raycast-floating-notes.webp b/public/assets/images/posts/raycast-floating-notes.webp
new file mode 100644
index 0000000..0a245f6
Binary files /dev/null and b/public/assets/images/posts/raycast-floating-notes.webp differ
diff --git a/public/assets/images/posts/raycast-giphy.webp b/public/assets/images/posts/raycast-giphy.webp
new file mode 100644
index 0000000..8d3ffed
Binary files /dev/null and b/public/assets/images/posts/raycast-giphy.webp differ
diff --git a/public/assets/images/posts/raycast-github.webp b/public/assets/images/posts/raycast-github.webp
new file mode 100644
index 0000000..29d465c
Binary files /dev/null and b/public/assets/images/posts/raycast-github.webp differ
diff --git a/public/assets/images/posts/raycast-glyph-search.webp b/public/assets/images/posts/raycast-glyph-search.webp
new file mode 100644
index 0000000..3c6753b
Binary files /dev/null and b/public/assets/images/posts/raycast-glyph-search.webp differ
diff --git a/public/assets/images/posts/raycast-google-fonts.webp b/public/assets/images/posts/raycast-google-fonts.webp
new file mode 100644
index 0000000..9957731
Binary files /dev/null and b/public/assets/images/posts/raycast-google-fonts.webp differ
diff --git a/public/assets/images/posts/raycast-homebrew.webp b/public/assets/images/posts/raycast-homebrew.webp
new file mode 100644
index 0000000..32159c6
Binary files /dev/null and b/public/assets/images/posts/raycast-homebrew.webp differ
diff --git a/public/assets/images/posts/raycast-launcher.webp b/public/assets/images/posts/raycast-launcher.webp
new file mode 100644
index 0000000..618af2f
Binary files /dev/null and b/public/assets/images/posts/raycast-launcher.webp differ
diff --git a/public/assets/images/posts/raycast-readwise.webp b/public/assets/images/posts/raycast-readwise.webp
new file mode 100644
index 0000000..5db62c3
Binary files /dev/null and b/public/assets/images/posts/raycast-readwise.webp differ
diff --git a/public/assets/images/posts/raycast-screenshots.webp b/public/assets/images/posts/raycast-screenshots.webp
new file mode 100644
index 0000000..d38d9d7
Binary files /dev/null and b/public/assets/images/posts/raycast-screenshots.webp differ
diff --git a/public/assets/images/posts/raycast-search-files.webp b/public/assets/images/posts/raycast-search-files.webp
new file mode 100644
index 0000000..7f362e6
Binary files /dev/null and b/public/assets/images/posts/raycast-search-files.webp differ
diff --git a/public/assets/images/posts/raycast-snippets.webp b/public/assets/images/posts/raycast-snippets.webp
new file mode 100644
index 0000000..b4d429c
Binary files /dev/null and b/public/assets/images/posts/raycast-snippets.webp differ
diff --git a/public/assets/images/posts/raycast-spotify.webp b/public/assets/images/posts/raycast-spotify.webp
new file mode 100644
index 0000000..8c6bb29
Binary files /dev/null and b/public/assets/images/posts/raycast-spotify.webp differ
diff --git a/public/assets/images/posts/raycast-store.webp b/public/assets/images/posts/raycast-store.webp
new file mode 100644
index 0000000..b30ab24
Binary files /dev/null and b/public/assets/images/posts/raycast-store.webp differ
diff --git a/public/assets/images/posts/raycast-tailwindcss.webp b/public/assets/images/posts/raycast-tailwindcss.webp
new file mode 100644
index 0000000..69893bd
Binary files /dev/null and b/public/assets/images/posts/raycast-tailwindcss.webp differ
diff --git a/public/assets/images/posts/raycast-things.webp b/public/assets/images/posts/raycast-things.webp
new file mode 100644
index 0000000..2a73346
Binary files /dev/null and b/public/assets/images/posts/raycast-things.webp differ
diff --git a/public/assets/images/posts/raycast-tmdb.webp b/public/assets/images/posts/raycast-tmdb.webp
new file mode 100644
index 0000000..8256ddf
Binary files /dev/null and b/public/assets/images/posts/raycast-tmdb.webp differ
diff --git a/public/assets/images/posts/raycast-translator.webp b/public/assets/images/posts/raycast-translator.webp
new file mode 100644
index 0000000..57ab551
Binary files /dev/null and b/public/assets/images/posts/raycast-translator.webp differ
diff --git a/public/assets/images/posts/raycast-unsplash.webp b/public/assets/images/posts/raycast-unsplash.webp
new file mode 100644
index 0000000..a7f344c
Binary files /dev/null and b/public/assets/images/posts/raycast-unsplash.webp differ
diff --git a/public/assets/images/posts/raycast-wrapped-2023.webp b/public/assets/images/posts/raycast-wrapped-2023.webp
new file mode 100644
index 0000000..0f22d3f
Binary files /dev/null and b/public/assets/images/posts/raycast-wrapped-2023.webp differ
diff --git a/public/assets/images/posts/raycast-youtube.webp b/public/assets/images/posts/raycast-youtube.webp
new file mode 100644
index 0000000..6f2faa6
Binary files /dev/null and b/public/assets/images/posts/raycast-youtube.webp differ
diff --git a/public/assets/images/posts/suikoden-luta.webp b/public/assets/images/posts/suikoden-luta.webp
new file mode 100644
index 0000000..755f9b3
Binary files /dev/null and b/public/assets/images/posts/suikoden-luta.webp differ
diff --git a/public/assets/images/posts/unlighthouse.webp b/public/assets/images/posts/unlighthouse.webp
new file mode 100644
index 0000000..728f9d5
Binary files /dev/null and b/public/assets/images/posts/unlighthouse.webp differ
diff --git a/public/assets/images/posts/vim-vintage.webp b/public/assets/images/posts/vim-vintage.webp
new file mode 100644
index 0000000..b604f88
Binary files /dev/null and b/public/assets/images/posts/vim-vintage.webp differ
diff --git a/public/assets/images/posts/work-environment-bat.webp b/public/assets/images/posts/work-environment-bat.webp
new file mode 100644
index 0000000..d466f4e
Binary files /dev/null and b/public/assets/images/posts/work-environment-bat.webp differ
diff --git a/public/assets/images/posts/work-environment-colorizer.webp b/public/assets/images/posts/work-environment-colorizer.webp
new file mode 100644
index 0000000..42ba201
Binary files /dev/null and b/public/assets/images/posts/work-environment-colorizer.webp differ
diff --git a/public/assets/images/posts/work-environment-completion.webp b/public/assets/images/posts/work-environment-completion.webp
new file mode 100644
index 0000000..4b5d840
Binary files /dev/null and b/public/assets/images/posts/work-environment-completion.webp differ
diff --git a/public/assets/images/posts/work-environment-fzf.webp b/public/assets/images/posts/work-environment-fzf.webp
new file mode 100644
index 0000000..a022390
Binary files /dev/null and b/public/assets/images/posts/work-environment-fzf.webp differ
diff --git a/public/assets/images/posts/work-environment-goyo.webp b/public/assets/images/posts/work-environment-goyo.webp
new file mode 100644
index 0000000..d579654
Binary files /dev/null and b/public/assets/images/posts/work-environment-goyo.webp differ
diff --git a/public/assets/images/posts/work-environment-hammerspoon.webp b/public/assets/images/posts/work-environment-hammerspoon.webp
new file mode 100644
index 0000000..ec793d4
Binary files /dev/null and b/public/assets/images/posts/work-environment-hammerspoon.webp differ
diff --git a/public/assets/images/posts/work-environment-lsp-installer.webp b/public/assets/images/posts/work-environment-lsp-installer.webp
new file mode 100644
index 0000000..6b3c420
Binary files /dev/null and b/public/assets/images/posts/work-environment-lsp-installer.webp differ
diff --git a/public/assets/images/posts/work-environment-plug-install.webp b/public/assets/images/posts/work-environment-plug-install.webp
new file mode 100644
index 0000000..fed9f7a
Binary files /dev/null and b/public/assets/images/posts/work-environment-plug-install.webp differ
diff --git a/public/assets/images/posts/work-environment-telescope.webp b/public/assets/images/posts/work-environment-telescope.webp
new file mode 100644
index 0000000..c503c54
Binary files /dev/null and b/public/assets/images/posts/work-environment-telescope.webp differ
diff --git a/public/assets/images/posts/work-environment-terminal.webp b/public/assets/images/posts/work-environment-terminal.webp
new file mode 100644
index 0000000..2de3b54
Binary files /dev/null and b/public/assets/images/posts/work-environment-terminal.webp differ
diff --git a/public/assets/images/posts/work-environment-tmux.webp b/public/assets/images/posts/work-environment-tmux.webp
new file mode 100644
index 0000000..d0ed2e0
Binary files /dev/null and b/public/assets/images/posts/work-environment-tmux.webp differ
diff --git a/public/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-homepage-dark.webp b/public/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-homepage-dark.webp
new file mode 100644
index 0000000..5432acf
Binary files /dev/null and b/public/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-homepage-dark.webp differ
diff --git a/public/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-homepage.webp b/public/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-homepage.webp
new file mode 100644
index 0000000..19496bb
Binary files /dev/null and b/public/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-homepage.webp differ
diff --git a/public/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-subpage.webp b/public/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-subpage.webp
new file mode 100644
index 0000000..cd3225d
Binary files /dev/null and b/public/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-subpage.webp differ
diff --git a/public/assets/images/projects/kogakure-v9/kogakure-v8-illustration.webp b/public/assets/images/projects/kogakure-v9/kogakure-v8-illustration.webp
new file mode 100644
index 0000000..52da233
Binary files /dev/null and b/public/assets/images/projects/kogakure-v9/kogakure-v8-illustration.webp differ
diff --git a/public/assets/images/projects/kogakure-v9/kogakure-v9-colophon.webp b/public/assets/images/projects/kogakure-v9/kogakure-v9-colophon.webp
new file mode 100644
index 0000000..48b935d
Binary files /dev/null and b/public/assets/images/projects/kogakure-v9/kogakure-v9-colophon.webp differ
diff --git a/public/assets/images/projects/kogakure-v9/kogakure-v9-essay.webp b/public/assets/images/projects/kogakure-v9/kogakure-v9-essay.webp
new file mode 100644
index 0000000..3fcc9c8
Binary files /dev/null and b/public/assets/images/projects/kogakure-v9/kogakure-v9-essay.webp differ
diff --git a/public/assets/images/projects/kogakure-v9/kogakure-v9-glossary.webp b/public/assets/images/projects/kogakure-v9/kogakure-v9-glossary.webp
new file mode 100644
index 0000000..2bebd36
Binary files /dev/null and b/public/assets/images/projects/kogakure-v9/kogakure-v9-glossary.webp differ
diff --git a/public/assets/images/projects/kogakure-v9/kogakure-v9-homepage-dark.webp b/public/assets/images/projects/kogakure-v9/kogakure-v9-homepage-dark.webp
new file mode 100644
index 0000000..ab03c3f
Binary files /dev/null and b/public/assets/images/projects/kogakure-v9/kogakure-v9-homepage-dark.webp differ
diff --git a/public/assets/images/projects/kogakure-v9/kogakure-v9-homepage.webp b/public/assets/images/projects/kogakure-v9/kogakure-v9-homepage.webp
new file mode 100644
index 0000000..8fd582b
Binary files /dev/null and b/public/assets/images/projects/kogakure-v9/kogakure-v9-homepage.webp differ
diff --git a/public/assets/images/projects/kogakure-v9/kogakure-v9-recommendations.webp b/public/assets/images/projects/kogakure-v9/kogakure-v9-recommendations.webp
new file mode 100644
index 0000000..a5daf1a
Binary files /dev/null and b/public/assets/images/projects/kogakure-v9/kogakure-v9-recommendations.webp differ
diff --git a/public/assets/images/projects/koi-illustration/cover.webp b/public/assets/images/projects/koi-illustration/cover.webp
new file mode 100644
index 0000000..f4f138f
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/cover.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-01.webp b/public/assets/images/projects/koi-illustration/koi-making-of-01.webp
new file mode 100644
index 0000000..730bb89
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-01.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-02.webp b/public/assets/images/projects/koi-illustration/koi-making-of-02.webp
new file mode 100644
index 0000000..b5050ac
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-02.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-03.webp b/public/assets/images/projects/koi-illustration/koi-making-of-03.webp
new file mode 100644
index 0000000..b474c18
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-03.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-04.webp b/public/assets/images/projects/koi-illustration/koi-making-of-04.webp
new file mode 100644
index 0000000..6f241e5
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-04.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-05.webp b/public/assets/images/projects/koi-illustration/koi-making-of-05.webp
new file mode 100644
index 0000000..b048def
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-05.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-06.webp b/public/assets/images/projects/koi-illustration/koi-making-of-06.webp
new file mode 100644
index 0000000..58c376e
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-06.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-07.webp b/public/assets/images/projects/koi-illustration/koi-making-of-07.webp
new file mode 100644
index 0000000..2ce6876
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-07.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-08.webp b/public/assets/images/projects/koi-illustration/koi-making-of-08.webp
new file mode 100644
index 0000000..5d11f0d
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-08.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-09.webp b/public/assets/images/projects/koi-illustration/koi-making-of-09.webp
new file mode 100644
index 0000000..f222c2e
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-09.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-10.webp b/public/assets/images/projects/koi-illustration/koi-making-of-10.webp
new file mode 100644
index 0000000..1600789
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-10.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-11.webp b/public/assets/images/projects/koi-illustration/koi-making-of-11.webp
new file mode 100644
index 0000000..0596562
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-11.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-12.webp b/public/assets/images/projects/koi-illustration/koi-making-of-12.webp
new file mode 100644
index 0000000..24d6398
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-12.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-13.webp b/public/assets/images/projects/koi-illustration/koi-making-of-13.webp
new file mode 100644
index 0000000..f6a1d19
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-13.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-14.webp b/public/assets/images/projects/koi-illustration/koi-making-of-14.webp
new file mode 100644
index 0000000..c2c105f
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-14.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-15.webp b/public/assets/images/projects/koi-illustration/koi-making-of-15.webp
new file mode 100644
index 0000000..f0d5aa6
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-15.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-16.webp b/public/assets/images/projects/koi-illustration/koi-making-of-16.webp
new file mode 100644
index 0000000..35e862a
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-16.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-17.webp b/public/assets/images/projects/koi-illustration/koi-making-of-17.webp
new file mode 100644
index 0000000..2520bd5
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-17.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-18.webp b/public/assets/images/projects/koi-illustration/koi-making-of-18.webp
new file mode 100644
index 0000000..5e8b4e4
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-18.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-19.webp b/public/assets/images/projects/koi-illustration/koi-making-of-19.webp
new file mode 100644
index 0000000..ac9caf5
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-19.webp differ
diff --git a/public/assets/images/projects/koi-illustration/koi-making-of-20.webp b/public/assets/images/projects/koi-illustration/koi-making-of-20.webp
new file mode 100644
index 0000000..03d0575
Binary files /dev/null and b/public/assets/images/projects/koi-illustration/koi-making-of-20.webp differ
diff --git a/public/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-contact.webp b/public/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-contact.webp
new file mode 100644
index 0000000..75bd5a6
Binary files /dev/null and b/public/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-contact.webp differ
diff --git a/public/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-homepage.webp b/public/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-homepage.webp
new file mode 100644
index 0000000..4658eee
Binary files /dev/null and b/public/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-homepage.webp differ
diff --git a/public/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-osteopathie.webp b/public/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-osteopathie.webp
new file mode 100644
index 0000000..10a7e55
Binary files /dev/null and b/public/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-osteopathie.webp differ
diff --git a/public/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-qigong.webp b/public/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-qigong.webp
new file mode 100644
index 0000000..b02b5e5
Binary files /dev/null and b/public/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-qigong.webp differ
diff --git a/public/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-training.webp b/public/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-training.webp
new file mode 100644
index 0000000..d8466dc
Binary files /dev/null and b/public/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-training.webp differ
diff --git a/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-about.webp b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-about.webp
new file mode 100644
index 0000000..b3054d9
Binary files /dev/null and b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-about.webp differ
diff --git a/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-colors-of-japan.webp b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-colors-of-japan.webp
new file mode 100644
index 0000000..6da97ba
Binary files /dev/null and b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-colors-of-japan.webp differ
diff --git a/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-essay.webp b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-essay.webp
new file mode 100644
index 0000000..d70c416
Binary files /dev/null and b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-essay.webp differ
diff --git a/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-haiku-detail.webp b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-haiku-detail.webp
new file mode 100644
index 0000000..177f961
Binary files /dev/null and b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-haiku-detail.webp differ
diff --git a/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-haiku.webp b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-haiku.webp
new file mode 100644
index 0000000..0bb621d
Binary files /dev/null and b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-haiku.webp differ
diff --git a/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-homepage-dark.webp b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-homepage-dark.webp
new file mode 100644
index 0000000..f830182
Binary files /dev/null and b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-homepage-dark.webp differ
diff --git a/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-homepage.webp b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-homepage.webp
new file mode 100644
index 0000000..e7f5d4d
Binary files /dev/null and b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-homepage.webp differ
diff --git a/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-journal.webp b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-journal.webp
new file mode 100644
index 0000000..86125fd
Binary files /dev/null and b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-journal.webp differ
diff --git a/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-sketchnotes.webp b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-sketchnotes.webp
new file mode 100644
index 0000000..8b5fdc3
Binary files /dev/null and b/public/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-sketchnotes.webp differ
diff --git a/public/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-accessories.webp b/public/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-accessories.webp
new file mode 100644
index 0000000..2b19635
Binary files /dev/null and b/public/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-accessories.webp differ
diff --git a/public/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-bistros.webp b/public/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-bistros.webp
new file mode 100644
index 0000000..1ed20e8
Binary files /dev/null and b/public/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-bistros.webp differ
diff --git a/public/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-homepage.webp b/public/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-homepage.webp
new file mode 100644
index 0000000..25635e6
Binary files /dev/null and b/public/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-homepage.webp differ
diff --git a/public/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-making-of-buddha.webp b/public/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-making-of-buddha.webp
new file mode 100644
index 0000000..86e1004
Binary files /dev/null and b/public/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-making-of-buddha.webp differ
diff --git a/public/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-restaurants.webp b/public/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-restaurants.webp
new file mode 100644
index 0000000..d4a332d
Binary files /dev/null and b/public/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-restaurants.webp differ
diff --git a/public/assets/images/projects/thumbnails/ai-art.webp b/public/assets/images/projects/thumbnails/ai-art.webp
new file mode 100644
index 0000000..55bb007
Binary files /dev/null and b/public/assets/images/projects/thumbnails/ai-art.webp differ
diff --git a/public/assets/images/projects/thumbnails/book-kogakure.webp b/public/assets/images/projects/thumbnails/book-kogakure.webp
new file mode 100644
index 0000000..94083fa
Binary files /dev/null and b/public/assets/images/projects/thumbnails/book-kogakure.webp differ
diff --git a/public/assets/images/projects/thumbnails/exploring-hamburg-v2.webp b/public/assets/images/projects/thumbnails/exploring-hamburg-v2.webp
new file mode 100644
index 0000000..ff3e440
Binary files /dev/null and b/public/assets/images/projects/thumbnails/exploring-hamburg-v2.webp differ
diff --git a/public/assets/images/projects/thumbnails/ia-template-nanzan.webp b/public/assets/images/projects/thumbnails/ia-template-nanzan.webp
new file mode 100644
index 0000000..1e3a019
Binary files /dev/null and b/public/assets/images/projects/thumbnails/ia-template-nanzan.webp differ
diff --git a/public/assets/images/projects/thumbnails/ia-template-shibui.webp b/public/assets/images/projects/thumbnails/ia-template-shibui.webp
new file mode 100644
index 0000000..a5e525e
Binary files /dev/null and b/public/assets/images/projects/thumbnails/ia-template-shibui.webp differ
diff --git a/public/assets/images/projects/thumbnails/ingo-iga-ninja-cipher.webp b/public/assets/images/projects/thumbnails/ingo-iga-ninja-cipher.webp
new file mode 100644
index 0000000..dee9a79
Binary files /dev/null and b/public/assets/images/projects/thumbnails/ingo-iga-ninja-cipher.webp differ
diff --git a/public/assets/images/projects/thumbnails/kogakure-v9.webp b/public/assets/images/projects/thumbnails/kogakure-v9.webp
new file mode 100644
index 0000000..929e1c8
Binary files /dev/null and b/public/assets/images/projects/thumbnails/kogakure-v9.webp differ
diff --git a/public/assets/images/projects/thumbnails/koi-illustration.webp b/public/assets/images/projects/thumbnails/koi-illustration.webp
new file mode 100644
index 0000000..8d32296
Binary files /dev/null and b/public/assets/images/projects/thumbnails/koi-illustration.webp differ
diff --git a/public/assets/images/projects/thumbnails/osteopathie-hamburg.webp b/public/assets/images/projects/thumbnails/osteopathie-hamburg.webp
new file mode 100644
index 0000000..115c83d
Binary files /dev/null and b/public/assets/images/projects/thumbnails/osteopathie-hamburg.webp differ
diff --git a/public/assets/images/projects/thumbnails/sketchnotes.webp b/public/assets/images/projects/thumbnails/sketchnotes.webp
new file mode 100644
index 0000000..cf8f17b
Binary files /dev/null and b/public/assets/images/projects/thumbnails/sketchnotes.webp differ
diff --git a/public/assets/images/projects/thumbnails/stefanimhoff-v2.webp b/public/assets/images/projects/thumbnails/stefanimhoff-v2.webp
new file mode 100644
index 0000000..45f5311
Binary files /dev/null and b/public/assets/images/projects/thumbnails/stefanimhoff-v2.webp differ
diff --git a/public/assets/images/projects/thumbnails/stefanimhoff-v4.webp b/public/assets/images/projects/thumbnails/stefanimhoff-v4.webp
new file mode 100644
index 0000000..374e087
Binary files /dev/null and b/public/assets/images/projects/thumbnails/stefanimhoff-v4.webp differ
diff --git a/public/assets/images/projects/thumbnails/thai-restaurant.webp b/public/assets/images/projects/thumbnails/thai-restaurant.webp
new file mode 100644
index 0000000..ea6cbfa
Binary files /dev/null and b/public/assets/images/projects/thumbnails/thai-restaurant.webp differ
diff --git a/public/assets/images/projects/thumbnails/xing-design-system.webp b/public/assets/images/projects/thumbnails/xing-design-system.webp
new file mode 100644
index 0000000..b101d4a
Binary files /dev/null and b/public/assets/images/projects/thumbnails/xing-design-system.webp differ
diff --git a/public/assets/images/projects/thumbnails/xing-illustrations.webp b/public/assets/images/projects/thumbnails/xing-illustrations.webp
new file mode 100644
index 0000000..8866426
Binary files /dev/null and b/public/assets/images/projects/thumbnails/xing-illustrations.webp differ
diff --git a/public/assets/images/projects/xing-design-system/xing-design-system-dark.webp b/public/assets/images/projects/xing-design-system/xing-design-system-dark.webp
new file mode 100644
index 0000000..9df777b
Binary files /dev/null and b/public/assets/images/projects/xing-design-system/xing-design-system-dark.webp differ
diff --git a/public/assets/images/projects/xing-design-system/xing-design-system-light.webp b/public/assets/images/projects/xing-design-system/xing-design-system-light.webp
new file mode 100644
index 0000000..fb05953
Binary files /dev/null and b/public/assets/images/projects/xing-design-system/xing-design-system-light.webp differ
diff --git a/public/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-final-draft.webp b/public/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-final-draft.webp
new file mode 100644
index 0000000..fa95aa5
Binary files /dev/null and b/public/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-final-draft.webp differ
diff --git a/public/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-final-illustrations.webp b/public/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-final-illustrations.webp
new file mode 100644
index 0000000..7e56666
Binary files /dev/null and b/public/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-final-illustrations.webp differ
diff --git a/public/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-making-of-professional.webp b/public/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-making-of-professional.webp
new file mode 100644
index 0000000..fd2b974
Binary files /dev/null and b/public/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-making-of-professional.webp differ
diff --git a/public/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-making-of-retired.webp b/public/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-making-of-retired.webp
new file mode 100644
index 0000000..0177959
Binary files /dev/null and b/public/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-making-of-retired.webp differ
diff --git a/public/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-making-of-starter.webp b/public/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-making-of-starter.webp
new file mode 100644
index 0000000..fc8b14b
Binary files /dev/null and b/public/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-making-of-starter.webp differ
diff --git a/public/assets/images/sketchnotes/being-a-good-listener.webp b/public/assets/images/sketchnotes/being-a-good-listener.webp
new file mode 100644
index 0000000..4ad1652
Binary files /dev/null and b/public/assets/images/sketchnotes/being-a-good-listener.webp differ
diff --git a/public/assets/images/sketchnotes/better-conversation.webp b/public/assets/images/sketchnotes/better-conversation.webp
new file mode 100644
index 0000000..12e0406
Binary files /dev/null and b/public/assets/images/sketchnotes/better-conversation.webp differ
diff --git a/public/assets/images/sketchnotes/bikablo-practice-1.webp b/public/assets/images/sketchnotes/bikablo-practice-1.webp
new file mode 100644
index 0000000..6fb5af4
Binary files /dev/null and b/public/assets/images/sketchnotes/bikablo-practice-1.webp differ
diff --git a/public/assets/images/sketchnotes/bikablo-practice-2.webp b/public/assets/images/sketchnotes/bikablo-practice-2.webp
new file mode 100644
index 0000000..c2b5ddc
Binary files /dev/null and b/public/assets/images/sketchnotes/bikablo-practice-2.webp differ
diff --git a/public/assets/images/sketchnotes/bikablo-practice-3.webp b/public/assets/images/sketchnotes/bikablo-practice-3.webp
new file mode 100644
index 0000000..406ca6c
Binary files /dev/null and b/public/assets/images/sketchnotes/bikablo-practice-3.webp differ
diff --git a/public/assets/images/sketchnotes/bikablo-practice-4.webp b/public/assets/images/sketchnotes/bikablo-practice-4.webp
new file mode 100644
index 0000000..91b0cb6
Binary files /dev/null and b/public/assets/images/sketchnotes/bikablo-practice-4.webp differ
diff --git a/public/assets/images/sketchnotes/how-to-speak.webp b/public/assets/images/sketchnotes/how-to-speak.webp
new file mode 100644
index 0000000..cae631a
Binary files /dev/null and b/public/assets/images/sketchnotes/how-to-speak.webp differ
diff --git a/public/assets/images/sketchnotes/random-sketches-1.webp b/public/assets/images/sketchnotes/random-sketches-1.webp
new file mode 100644
index 0000000..1fe6d77
Binary files /dev/null and b/public/assets/images/sketchnotes/random-sketches-1.webp differ
diff --git a/public/assets/images/sketchnotes/random-sketches-2.webp b/public/assets/images/sketchnotes/random-sketches-2.webp
new file mode 100644
index 0000000..c0c78a4
Binary files /dev/null and b/public/assets/images/sketchnotes/random-sketches-2.webp differ
diff --git a/public/assets/images/sketchnotes/random-sketches-3.webp b/public/assets/images/sketchnotes/random-sketches-3.webp
new file mode 100644
index 0000000..80ce8cf
Binary files /dev/null and b/public/assets/images/sketchnotes/random-sketches-3.webp differ
diff --git a/public/assets/images/sketchnotes/random-sketches-4.webp b/public/assets/images/sketchnotes/random-sketches-4.webp
new file mode 100644
index 0000000..9bddee0
Binary files /dev/null and b/public/assets/images/sketchnotes/random-sketches-4.webp differ
diff --git a/public/assets/images/sketchnotes/random-sketches-5.webp b/public/assets/images/sketchnotes/random-sketches-5.webp
new file mode 100644
index 0000000..39b04e6
Binary files /dev/null and b/public/assets/images/sketchnotes/random-sketches-5.webp differ
diff --git a/public/assets/images/sketchnotes/random-sketches-6.webp b/public/assets/images/sketchnotes/random-sketches-6.webp
new file mode 100644
index 0000000..dccf0f8
Binary files /dev/null and b/public/assets/images/sketchnotes/random-sketches-6.webp differ
diff --git a/public/assets/images/sketchnotes/random-sketches-7.webp b/public/assets/images/sketchnotes/random-sketches-7.webp
new file mode 100644
index 0000000..9300f87
Binary files /dev/null and b/public/assets/images/sketchnotes/random-sketches-7.webp differ
diff --git a/public/assets/images/sketchnotes/random-sketches-8.webp b/public/assets/images/sketchnotes/random-sketches-8.webp
new file mode 100644
index 0000000..a7162f5
Binary files /dev/null and b/public/assets/images/sketchnotes/random-sketches-8.webp differ
diff --git a/public/assets/images/sketchnotes/self-actualization.webp b/public/assets/images/sketchnotes/self-actualization.webp
new file mode 100644
index 0000000..d0f4013
Binary files /dev/null and b/public/assets/images/sketchnotes/self-actualization.webp differ
diff --git a/public/assets/images/sketchnotes/the-art-of-enough.webp b/public/assets/images/sketchnotes/the-art-of-enough.webp
new file mode 100644
index 0000000..cbb183d
Binary files /dev/null and b/public/assets/images/sketchnotes/the-art-of-enough.webp differ
diff --git a/public/assets/images/sketchnotes/this-is-water-1.webp b/public/assets/images/sketchnotes/this-is-water-1.webp
new file mode 100644
index 0000000..c0b1519
Binary files /dev/null and b/public/assets/images/sketchnotes/this-is-water-1.webp differ
diff --git a/public/assets/images/sketchnotes/this-is-water-2.webp b/public/assets/images/sketchnotes/this-is-water-2.webp
new file mode 100644
index 0000000..eff3154
Binary files /dev/null and b/public/assets/images/sketchnotes/this-is-water-2.webp differ
diff --git a/public/assets/images/sketchnotes/title-lettering.webp b/public/assets/images/sketchnotes/title-lettering.webp
new file mode 100644
index 0000000..5a6aff1
Binary files /dev/null and b/public/assets/images/sketchnotes/title-lettering.webp differ
diff --git a/public/assets/images/sketchnotes/weight-idea.webp b/public/assets/images/sketchnotes/weight-idea.webp
new file mode 100644
index 0000000..9d54dbf
Binary files /dev/null and b/public/assets/images/sketchnotes/weight-idea.webp differ
diff --git a/public/assets/images/sketchnotes/wim-hof-method.webp b/public/assets/images/sketchnotes/wim-hof-method.webp
new file mode 100644
index 0000000..0574038
Binary files /dev/null and b/public/assets/images/sketchnotes/wim-hof-method.webp differ
diff --git a/public/assets/images/tools/webp/affinity-designer.webp b/public/assets/images/tools/affinity-designer.webp
similarity index 100%
rename from public/assets/images/tools/webp/affinity-designer.webp
rename to public/assets/images/tools/affinity-designer.webp
diff --git a/public/assets/images/tools/webp/affinity-photo.webp b/public/assets/images/tools/affinity-photo.webp
similarity index 100%
rename from public/assets/images/tools/webp/affinity-photo.webp
rename to public/assets/images/tools/affinity-photo.webp
diff --git a/public/assets/images/tools/webp/affinity-publisher.webp b/public/assets/images/tools/affinity-publisher.webp
similarity index 100%
rename from public/assets/images/tools/webp/affinity-publisher.webp
rename to public/assets/images/tools/affinity-publisher.webp
diff --git a/public/assets/images/tools/webp/arc-browser.webp b/public/assets/images/tools/arc-browser.webp
similarity index 100%
rename from public/assets/images/tools/webp/arc-browser.webp
rename to public/assets/images/tools/arc-browser.webp
diff --git a/public/assets/images/tools/webp/bibdesk.webp b/public/assets/images/tools/bibdesk.webp
similarity index 100%
rename from public/assets/images/tools/webp/bibdesk.webp
rename to public/assets/images/tools/bibdesk.webp
diff --git a/public/assets/images/tools/webp/bitwarden.webp b/public/assets/images/tools/bitwarden.webp
similarity index 100%
rename from public/assets/images/tools/webp/bitwarden.webp
rename to public/assets/images/tools/bitwarden.webp
diff --git a/public/assets/images/tools/webp/brave-browser.webp b/public/assets/images/tools/brave-browser.webp
similarity index 100%
rename from public/assets/images/tools/webp/brave-browser.webp
rename to public/assets/images/tools/brave-browser.webp
diff --git a/public/assets/images/tools/webp/devonthink.webp b/public/assets/images/tools/devonthink.webp
similarity index 100%
rename from public/assets/images/tools/webp/devonthink.webp
rename to public/assets/images/tools/devonthink.webp
diff --git a/public/assets/images/tools/webp/eagle.webp b/public/assets/images/tools/eagle.webp
similarity index 100%
rename from public/assets/images/tools/webp/eagle.webp
rename to public/assets/images/tools/eagle.webp
diff --git a/public/assets/images/tools/webp/espanso.webp b/public/assets/images/tools/espanso.webp
similarity index 100%
rename from public/assets/images/tools/webp/espanso.webp
rename to public/assets/images/tools/espanso.webp
diff --git a/public/assets/images/tools/webp/ia-presenter.webp b/public/assets/images/tools/ia-presenter.webp
similarity index 100%
rename from public/assets/images/tools/webp/ia-presenter.webp
rename to public/assets/images/tools/ia-presenter.webp
diff --git a/public/assets/images/tools/webp/ia-writer.webp b/public/assets/images/tools/ia-writer.webp
similarity index 100%
rename from public/assets/images/tools/webp/ia-writer.webp
rename to public/assets/images/tools/ia-writer.webp
diff --git a/public/assets/images/tools/webp/kaleidoscope.webp b/public/assets/images/tools/kaleidoscope.webp
similarity index 100%
rename from public/assets/images/tools/webp/kaleidoscope.webp
rename to public/assets/images/tools/kaleidoscope.webp
diff --git a/public/assets/images/tools/webp/karabiner-elements.webp b/public/assets/images/tools/karabiner-elements.webp
similarity index 100%
rename from public/assets/images/tools/webp/karabiner-elements.webp
rename to public/assets/images/tools/karabiner-elements.webp
diff --git a/public/assets/images/tools/webp/kitty.webp b/public/assets/images/tools/kitty.webp
similarity index 100%
rename from public/assets/images/tools/webp/kitty.webp
rename to public/assets/images/tools/kitty.webp
diff --git a/public/assets/images/tools/webp/mindnode.webp b/public/assets/images/tools/mindnode.webp
similarity index 100%
rename from public/assets/images/tools/webp/mindnode.webp
rename to public/assets/images/tools/mindnode.webp
diff --git a/public/assets/images/tools/webp/neovim.webp b/public/assets/images/tools/neovim.webp
similarity index 100%
rename from public/assets/images/tools/webp/neovim.webp
rename to public/assets/images/tools/neovim.webp
diff --git a/public/assets/images/tools/webp/obsidian.webp b/public/assets/images/tools/obsidian.webp
similarity index 100%
rename from public/assets/images/tools/webp/obsidian.webp
rename to public/assets/images/tools/obsidian.webp
diff --git a/public/assets/images/tools/webp/overcast.webp b/public/assets/images/tools/overcast.webp
similarity index 100%
rename from public/assets/images/tools/webp/overcast.webp
rename to public/assets/images/tools/overcast.webp
diff --git a/public/assets/images/tools/webp/procreate.webp b/public/assets/images/tools/procreate.webp
similarity index 100%
rename from public/assets/images/tools/webp/procreate.webp
rename to public/assets/images/tools/procreate.webp
diff --git a/public/assets/images/tools/webp/protonmail.webp b/public/assets/images/tools/protonmail.webp
similarity index 100%
rename from public/assets/images/tools/webp/protonmail.webp
rename to public/assets/images/tools/protonmail.webp
diff --git a/public/assets/images/tools/webp/protonpass.webp b/public/assets/images/tools/protonpass.webp
similarity index 100%
rename from public/assets/images/tools/webp/protonpass.webp
rename to public/assets/images/tools/protonpass.webp
diff --git a/public/assets/images/tools/webp/protonvpn.webp b/public/assets/images/tools/protonvpn.webp
similarity index 100%
rename from public/assets/images/tools/webp/protonvpn.webp
rename to public/assets/images/tools/protonvpn.webp
diff --git a/public/assets/images/tools/webp/raindrop.io.webp b/public/assets/images/tools/raindrop.io.webp
similarity index 100%
rename from public/assets/images/tools/webp/raindrop.io.webp
rename to public/assets/images/tools/raindrop.io.webp
diff --git a/public/assets/images/tools/webp/raycast.webp b/public/assets/images/tools/raycast.webp
similarity index 100%
rename from public/assets/images/tools/webp/raycast.webp
rename to public/assets/images/tools/raycast.webp
diff --git a/public/assets/images/tools/webp/readwise-reader.webp b/public/assets/images/tools/readwise-reader.webp
similarity index 100%
rename from public/assets/images/tools/webp/readwise-reader.webp
rename to public/assets/images/tools/readwise-reader.webp
diff --git a/public/assets/images/tools/webp/readwise.webp b/public/assets/images/tools/readwise.webp
similarity index 100%
rename from public/assets/images/tools/webp/readwise.webp
rename to public/assets/images/tools/readwise.webp
diff --git a/public/assets/images/tools/webp/reeder.webp b/public/assets/images/tools/reeder.webp
similarity index 100%
rename from public/assets/images/tools/webp/reeder.webp
rename to public/assets/images/tools/reeder.webp
diff --git a/public/assets/images/tools/webp/snipd.webp b/public/assets/images/tools/snipd.webp
similarity index 100%
rename from public/assets/images/tools/webp/snipd.webp
rename to public/assets/images/tools/snipd.webp
diff --git a/public/assets/images/tools/webp/things.webp b/public/assets/images/tools/things.webp
similarity index 100%
rename from public/assets/images/tools/webp/things.webp
rename to public/assets/images/tools/things.webp
diff --git a/public/assets/images/tools/webp/tmux.webp b/public/assets/images/tools/tmux.webp
similarity index 100%
rename from public/assets/images/tools/webp/tmux.webp
rename to public/assets/images/tools/tmux.webp
diff --git a/public/assets/images/tools/webp/typeface.webp b/public/assets/images/tools/typeface.webp
similarity index 100%
rename from public/assets/images/tools/webp/typeface.webp
rename to public/assets/images/tools/typeface.webp
diff --git a/public/assets/images/tools/webp/visual-studio-code.webp b/public/assets/images/tools/visual-studio-code.webp
similarity index 100%
rename from public/assets/images/tools/webp/visual-studio-code.webp
rename to public/assets/images/tools/visual-studio-code.webp
diff --git a/public/assets/images/tools/webp/wezterm.webp b/public/assets/images/tools/wezterm.webp
similarity index 100%
rename from public/assets/images/tools/webp/wezterm.webp
rename to public/assets/images/tools/wezterm.webp
diff --git a/public/assets/images/tools/webp/yoink.webp b/public/assets/images/tools/yoink.webp
similarity index 100%
rename from public/assets/images/tools/webp/yoink.webp
rename to public/assets/images/tools/yoink.webp
diff --git a/public/assets/images/website-dark.webp b/public/assets/images/website-dark.webp
new file mode 100644
index 0000000..15f9220
Binary files /dev/null and b/public/assets/images/website-dark.webp differ
diff --git a/public/assets/images/website-light.webp b/public/assets/images/website-light.webp
new file mode 100644
index 0000000..4e4f12a
Binary files /dev/null and b/public/assets/images/website-light.webp differ
diff --git a/src/content/ai-art/after-humanity.mdx b/src/content/ai-art/after-humanity.mdx
index d9bb2e4..d139e57 100644
--- a/src/content/ai-art/after-humanity.mdx
+++ b/src/content/ai-art/after-humanity.mdx
@@ -4,41 +4,41 @@ date: 2023-02-05
 sort: 210
 coverSize: medium
 images:
-  - src: /assets/images/ai-art/after-humanity/1.jpeg
+  - src: /assets/images/ai-art/after-humanity/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/2.jpeg
+  - src: /assets/images/ai-art/after-humanity/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/3.jpeg
+  - src: /assets/images/ai-art/after-humanity/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/4.jpeg
+  - src: /assets/images/ai-art/after-humanity/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/5.jpeg
+  - src: /assets/images/ai-art/after-humanity/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/6.jpeg
+  - src: /assets/images/ai-art/after-humanity/6.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/7.jpeg
+  - src: /assets/images/ai-art/after-humanity/7.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/8.jpeg
+  - src: /assets/images/ai-art/after-humanity/8.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/9.jpeg
+  - src: /assets/images/ai-art/after-humanity/9.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/10.jpeg
+  - src: /assets/images/ai-art/after-humanity/10.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/11.jpeg
+  - src: /assets/images/ai-art/after-humanity/11.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/12.jpeg
+  - src: /assets/images/ai-art/after-humanity/12.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/13.jpeg
+  - src: /assets/images/ai-art/after-humanity/13.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/14.jpeg
+  - src: /assets/images/ai-art/after-humanity/14.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/15.jpeg
+  - src: /assets/images/ai-art/after-humanity/15.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/16.jpeg
+  - src: /assets/images/ai-art/after-humanity/16.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/17.jpeg
+  - src: /assets/images/ai-art/after-humanity/17.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/after-humanity/18.jpeg
+  - src: /assets/images/ai-art/after-humanity/18.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/ai-taking-over-the-world.mdx b/src/content/ai-art/ai-taking-over-the-world.mdx
index f2ca1fe..47e8e38 100644
--- a/src/content/ai-art/ai-taking-over-the-world.mdx
+++ b/src/content/ai-art/ai-taking-over-the-world.mdx
@@ -4,7 +4,7 @@ date: 2022-12-14
 sort: 70
 coverSize: medium
 images:
-  - src: /assets/images/ai-art/ai-taking-over-the-world/1.jpeg
+  - src: /assets/images/ai-art/ai-taking-over-the-world/1.webp
     aspectRatio: 1.6
 ---
 
diff --git a/src/content/ai-art/alien-world.mdx b/src/content/ai-art/alien-world.mdx
index 5e32273..c4802be 100644
--- a/src/content/ai-art/alien-world.mdx
+++ b/src/content/ai-art/alien-world.mdx
@@ -3,25 +3,25 @@ title: Alien World
 date: 2023-02-11
 sort: 40
 images:
-  - src: /assets/images/ai-art/alien-world/1.jpeg
+  - src: /assets/images/ai-art/alien-world/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/alien-world/2.jpeg
+  - src: /assets/images/ai-art/alien-world/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/alien-world/3.jpeg
+  - src: /assets/images/ai-art/alien-world/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/alien-world/4.jpeg
+  - src: /assets/images/ai-art/alien-world/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/alien-world/5.jpeg
+  - src: /assets/images/ai-art/alien-world/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/alien-world/6.jpeg
+  - src: /assets/images/ai-art/alien-world/6.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/alien-world/7.jpeg
+  - src: /assets/images/ai-art/alien-world/7.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/alien-world/8.jpeg
+  - src: /assets/images/ai-art/alien-world/8.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/alien-world/9.jpeg
+  - src: /assets/images/ai-art/alien-world/9.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/alien-world/10.jpeg
+  - src: /assets/images/ai-art/alien-world/10.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/aurora.mdx b/src/content/ai-art/aurora.mdx
index 4767269..bf5c744 100644
--- a/src/content/ai-art/aurora.mdx
+++ b/src/content/ai-art/aurora.mdx
@@ -4,33 +4,33 @@ date: 2023-01-14
 sort: 120
 coverSize: large
 images:
-  - src: /assets/images/ai-art/aurora/1.jpeg
+  - src: /assets/images/ai-art/aurora/1.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/aurora/2.jpeg
+  - src: /assets/images/ai-art/aurora/2.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/aurora/3.jpeg
+  - src: /assets/images/ai-art/aurora/3.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/aurora/4.jpeg
+  - src: /assets/images/ai-art/aurora/4.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/aurora/5.jpeg
+  - src: /assets/images/ai-art/aurora/5.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/aurora/6.jpeg
+  - src: /assets/images/ai-art/aurora/6.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/aurora/7.jpeg
+  - src: /assets/images/ai-art/aurora/7.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/aurora/8.jpeg
+  - src: /assets/images/ai-art/aurora/8.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/aurora/9.jpeg
+  - src: /assets/images/ai-art/aurora/9.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/aurora/10.jpeg
+  - src: /assets/images/ai-art/aurora/10.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/aurora/11.jpeg
+  - src: /assets/images/ai-art/aurora/11.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/aurora/12.jpeg
+  - src: /assets/images/ai-art/aurora/12.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/aurora/13.jpeg
+  - src: /assets/images/ai-art/aurora/13.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/aurora/14.jpeg
+  - src: /assets/images/ai-art/aurora/14.webp
     aspectRatio: 0.67
 ---
 
diff --git a/src/content/ai-art/bonsai.mdx b/src/content/ai-art/bonsai.mdx
index 82deaac..02428c0 100644
--- a/src/content/ai-art/bonsai.mdx
+++ b/src/content/ai-art/bonsai.mdx
@@ -3,15 +3,15 @@ title: Bonsai
 date: 2022-12-06
 sort: 50
 images:
-  - src: /assets/images/ai-art/bonsai/1.jpeg
+  - src: /assets/images/ai-art/bonsai/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/bonsai/2.jpeg
+  - src: /assets/images/ai-art/bonsai/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/bonsai/3.jpeg
+  - src: /assets/images/ai-art/bonsai/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/bonsai/4.jpeg
+  - src: /assets/images/ai-art/bonsai/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/bonsai/5.jpeg
+  - src: /assets/images/ai-art/bonsai/5.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/chicken-nugget-woman.mdx b/src/content/ai-art/chicken-nugget-woman.mdx
index 2dda21f..742fc26 100644
--- a/src/content/ai-art/chicken-nugget-woman.mdx
+++ b/src/content/ai-art/chicken-nugget-woman.mdx
@@ -4,7 +4,7 @@ date: 2023-01-17
 sort: 140
 coverSize: medium
 images:
-  - src: /assets/images/ai-art/chicken-nugget-woman/1.jpeg
+  - src: /assets/images/ai-art/chicken-nugget-woman/1.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/chimera.mdx b/src/content/ai-art/chimera.mdx
index 5e25f9e..79729dc 100644
--- a/src/content/ai-art/chimera.mdx
+++ b/src/content/ai-art/chimera.mdx
@@ -3,17 +3,17 @@ title: Chimera
 date: 2023-02-11
 sort: 220
 images:
-  - src: /assets/images/ai-art/chimera/1.jpeg
+  - src: /assets/images/ai-art/chimera/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/chimera/2.jpeg
+  - src: /assets/images/ai-art/chimera/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/chimera/3.jpeg
+  - src: /assets/images/ai-art/chimera/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/chimera/4.jpeg
+  - src: /assets/images/ai-art/chimera/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/chimera/5.jpeg
+  - src: /assets/images/ai-art/chimera/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/chimera/6.jpeg
+  - src: /assets/images/ai-art/chimera/6.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/clifton.mdx b/src/content/ai-art/clifton.mdx
index dcd52da..dd23ec2 100644
--- a/src/content/ai-art/clifton.mdx
+++ b/src/content/ai-art/clifton.mdx
@@ -4,7 +4,7 @@ date: 2023-07-03
 sort: 390
 coverSize: medium
 images:
-  - src: /assets/images/ai-art/clifton/1.jpeg
+  - src: /assets/images/ai-art/clifton/1.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/comic-manga.mdx b/src/content/ai-art/comic-manga.mdx
index 8ed0285..dad12bc 100644
--- a/src/content/ai-art/comic-manga.mdx
+++ b/src/content/ai-art/comic-manga.mdx
@@ -4,21 +4,21 @@ date: 2023-05-24
 sort: 360
 coverSize: medium
 images:
-  - src: /assets/images/ai-art/comic-manga/1.jpeg
+  - src: /assets/images/ai-art/comic-manga/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/comic-manga/2.jpeg
+  - src: /assets/images/ai-art/comic-manga/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/comic-manga/3.jpeg
+  - src: /assets/images/ai-art/comic-manga/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/comic-manga/4.jpeg
+  - src: /assets/images/ai-art/comic-manga/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/comic-manga/5.jpeg
+  - src: /assets/images/ai-art/comic-manga/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/comic-manga/6.jpeg
+  - src: /assets/images/ai-art/comic-manga/6.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/comic-manga/7.jpeg
+  - src: /assets/images/ai-art/comic-manga/7.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/comic-manga/8.jpeg
+  - src: /assets/images/ai-art/comic-manga/8.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/cosmic-horror.mdx b/src/content/ai-art/cosmic-horror.mdx
index ecdcacf..3c0b9a4 100644
--- a/src/content/ai-art/cosmic-horror.mdx
+++ b/src/content/ai-art/cosmic-horror.mdx
@@ -3,23 +3,23 @@ title: Cosmic Horror
 date: 2023-05-24
 sort: 260
 images:
-  - src: /assets/images/ai-art/cosmic-horror/1.jpeg
+  - src: /assets/images/ai-art/cosmic-horror/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/cosmic-horror/2.jpeg
+  - src: /assets/images/ai-art/cosmic-horror/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/cosmic-horror/3.jpeg
+  - src: /assets/images/ai-art/cosmic-horror/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/cosmic-horror/4.jpeg
+  - src: /assets/images/ai-art/cosmic-horror/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/cosmic-horror/5.jpeg
+  - src: /assets/images/ai-art/cosmic-horror/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/cosmic-horror/6.jpeg
+  - src: /assets/images/ai-art/cosmic-horror/6.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/cosmic-horror/7.jpeg
+  - src: /assets/images/ai-art/cosmic-horror/7.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/cosmic-horror/8.jpeg
+  - src: /assets/images/ai-art/cosmic-horror/8.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/cosmic-horror/9.jpeg
+  - src: /assets/images/ai-art/cosmic-horror/9.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/cyberpunk-city.mdx b/src/content/ai-art/cyberpunk-city.mdx
index bfbfda5..13a3f87 100644
--- a/src/content/ai-art/cyberpunk-city.mdx
+++ b/src/content/ai-art/cyberpunk-city.mdx
@@ -4,13 +4,13 @@ date: 2022-12-12
 sort: 80
 coverSize: large
 images:
-  - src: /assets/images/ai-art/cyberpunk-city/1.jpeg
+  - src: /assets/images/ai-art/cyberpunk-city/1.webp
     aspectRatio: 1.6
-  - src: /assets/images/ai-art/cyberpunk-city/2.jpeg
+  - src: /assets/images/ai-art/cyberpunk-city/2.webp
     aspectRatio: 1.6
-  - src: /assets/images/ai-art/cyberpunk-city/3.jpeg
+  - src: /assets/images/ai-art/cyberpunk-city/3.webp
     aspectRatio: 1.6
-  - src: /assets/images/ai-art/cyberpunk-city/4.jpeg
+  - src: /assets/images/ai-art/cyberpunk-city/4.webp
     aspectRatio: 1.6
 ---
 
diff --git a/src/content/ai-art/cyberpunk-wizard.mdx b/src/content/ai-art/cyberpunk-wizard.mdx
index 7692043..d56e5d6 100644
--- a/src/content/ai-art/cyberpunk-wizard.mdx
+++ b/src/content/ai-art/cyberpunk-wizard.mdx
@@ -4,7 +4,7 @@ date: 2022-11-28
 sort: 10
 coverSize: medium
 images:
-  - src: /assets/images/ai-art/cyberpunk-wizard/1.jpeg
+  - src: /assets/images/ai-art/cyberpunk-wizard/1.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/death-of-the-stoic-man.mdx b/src/content/ai-art/death-of-the-stoic-man.mdx
index dc2cbee..d9290d4 100644
--- a/src/content/ai-art/death-of-the-stoic-man.mdx
+++ b/src/content/ai-art/death-of-the-stoic-man.mdx
@@ -3,15 +3,15 @@ title: The Death of the Stoic Man
 date: 2023-01-17
 sort: 130
 images:
-  - src: /assets/images/ai-art/death-of-the-stoic-man/1.jpeg
+  - src: /assets/images/ai-art/death-of-the-stoic-man/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/death-of-the-stoic-man/2.jpeg
+  - src: /assets/images/ai-art/death-of-the-stoic-man/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/death-of-the-stoic-man/3.jpeg
+  - src: /assets/images/ai-art/death-of-the-stoic-man/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/death-of-the-stoic-man/4.jpeg
+  - src: /assets/images/ai-art/death-of-the-stoic-man/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/death-of-the-stoic-man/5.jpeg
+  - src: /assets/images/ai-art/death-of-the-stoic-man/5.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/distant-galaxy.mdx b/src/content/ai-art/distant-galaxy.mdx
index dbfe303..37650fd 100644
--- a/src/content/ai-art/distant-galaxy.mdx
+++ b/src/content/ai-art/distant-galaxy.mdx
@@ -4,17 +4,17 @@ date: 2022-12-14
 sort: 60
 coverSize: medium
 images:
-  - src: /assets/images/ai-art/distant-galaxy/1.jpeg
+  - src: /assets/images/ai-art/distant-galaxy/1.webp
     aspectRatio: 1.6
-  - src: /assets/images/ai-art/distant-galaxy/2.jpeg
+  - src: /assets/images/ai-art/distant-galaxy/2.webp
     aspectRatio: 1.6
-  - src: /assets/images/ai-art/distant-galaxy/3.jpeg
+  - src: /assets/images/ai-art/distant-galaxy/3.webp
     aspectRatio: 2
-  - src: /assets/images/ai-art/distant-galaxy/4.jpeg
+  - src: /assets/images/ai-art/distant-galaxy/4.webp
     aspectRatio: 2
-  - src: /assets/images/ai-art/distant-galaxy/5.jpeg
+  - src: /assets/images/ai-art/distant-galaxy/5.webp
     aspectRatio: 2
-  - src: /assets/images/ai-art/distant-galaxy/6.jpeg
+  - src: /assets/images/ai-art/distant-galaxy/6.webp
     aspectRatio: 2
 ---
 
diff --git a/src/content/ai-art/dune.mdx b/src/content/ai-art/dune.mdx
index 65b33a0..3d475ea 100644
--- a/src/content/ai-art/dune.mdx
+++ b/src/content/ai-art/dune.mdx
@@ -3,25 +3,25 @@ title: Dune
 date: 2023-05-24
 sort: 300
 images:
-  - src: /assets/images/ai-art/dune/1.jpeg
+  - src: /assets/images/ai-art/dune/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/dune/2.jpeg
+  - src: /assets/images/ai-art/dune/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/dune/3.jpeg
+  - src: /assets/images/ai-art/dune/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/dune/4.jpeg
+  - src: /assets/images/ai-art/dune/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/dune/5.jpeg
+  - src: /assets/images/ai-art/dune/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/dune/6.jpeg
+  - src: /assets/images/ai-art/dune/6.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/dune/7.jpeg
+  - src: /assets/images/ai-art/dune/7.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/dune/8.jpeg
+  - src: /assets/images/ai-art/dune/8.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/dune/9.jpeg
+  - src: /assets/images/ai-art/dune/9.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/dune/10.jpeg
+  - src: /assets/images/ai-art/dune/10.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/fantasy-world.mdx b/src/content/ai-art/fantasy-world.mdx
index 17af675..179ddf0 100644
--- a/src/content/ai-art/fantasy-world.mdx
+++ b/src/content/ai-art/fantasy-world.mdx
@@ -3,17 +3,17 @@ title: Fantasy World
 date: 2022-12-01
 sort: 30
 images:
-  - src: /assets/images/ai-art/fantasy-world/1.jpeg
+  - src: /assets/images/ai-art/fantasy-world/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/fantasy-world/2.jpeg
+  - src: /assets/images/ai-art/fantasy-world/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/fantasy-world/3.jpeg
+  - src: /assets/images/ai-art/fantasy-world/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/fantasy-world/4.jpeg
+  - src: /assets/images/ai-art/fantasy-world/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/fantasy-world/5.jpeg
+  - src: /assets/images/ai-art/fantasy-world/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/fantasy-world/6.jpeg
+  - src: /assets/images/ai-art/fantasy-world/6.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/female-cyborg.mdx b/src/content/ai-art/female-cyborg.mdx
index 1df8b39..bf5b033 100644
--- a/src/content/ai-art/female-cyborg.mdx
+++ b/src/content/ai-art/female-cyborg.mdx
@@ -4,13 +4,13 @@ date: 2022-12-05
 sort: 150
 coverSize: large
 images:
-  - src: /assets/images/ai-art/female-cyborg/1.jpeg
+  - src: /assets/images/ai-art/female-cyborg/1.webp
     aspectRatio: 1.6
-  - src: /assets/images/ai-art/female-cyborg/2.jpeg
+  - src: /assets/images/ai-art/female-cyborg/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/female-cyborg/3.jpeg
+  - src: /assets/images/ai-art/female-cyborg/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/female-cyborg/4.jpeg
+  - src: /assets/images/ai-art/female-cyborg/4.webp
     aspectRatio: 1.6
 ---
 
diff --git a/src/content/ai-art/futuristic-bedroom.mdx b/src/content/ai-art/futuristic-bedroom.mdx
index 099d35d..96ae47f 100644
--- a/src/content/ai-art/futuristic-bedroom.mdx
+++ b/src/content/ai-art/futuristic-bedroom.mdx
@@ -4,17 +4,17 @@ date: 2023-06-06
 sort: 380
 coverSize: large
 images:
-  - src: /assets/images/ai-art/futuristic-bedroom/1.jpeg
+  - src: /assets/images/ai-art/futuristic-bedroom/1.webp
     aspectRatio: 1.5
-  - src: /assets/images/ai-art/futuristic-bedroom/2.jpeg
+  - src: /assets/images/ai-art/futuristic-bedroom/2.webp
     aspectRatio: 1.5
-  - src: /assets/images/ai-art/futuristic-bedroom/3.jpeg
+  - src: /assets/images/ai-art/futuristic-bedroom/3.webp
     aspectRatio: 1.5
-  - src: /assets/images/ai-art/futuristic-bedroom/4.jpeg
+  - src: /assets/images/ai-art/futuristic-bedroom/4.webp
     aspectRatio: 1.5
-  - src: /assets/images/ai-art/futuristic-bedroom/5.jpeg
+  - src: /assets/images/ai-art/futuristic-bedroom/5.webp
     aspectRatio: 1.5
-  - src: /assets/images/ai-art/futuristic-bedroom/6.jpeg
+  - src: /assets/images/ai-art/futuristic-bedroom/6.webp
     aspectRatio: 1.5
 ---
 
diff --git a/src/content/ai-art/gods-of-the-copybook-headings.mdx b/src/content/ai-art/gods-of-the-copybook-headings.mdx
index 7536feb..e41d44a 100644
--- a/src/content/ai-art/gods-of-the-copybook-headings.mdx
+++ b/src/content/ai-art/gods-of-the-copybook-headings.mdx
@@ -4,13 +4,13 @@ date: 2022-11-28
 sort: 20
 coverSize: medium
 images:
-  - src: /assets/images/ai-art/gods-of-the-copybook-headings/1.jpeg
+  - src: /assets/images/ai-art/gods-of-the-copybook-headings/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/gods-of-the-copybook-headings/2.jpeg
+  - src: /assets/images/ai-art/gods-of-the-copybook-headings/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/gods-of-the-copybook-headings/3.jpeg
+  - src: /assets/images/ai-art/gods-of-the-copybook-headings/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/gods-of-the-copybook-headings/4.jpeg
+  - src: /assets/images/ai-art/gods-of-the-copybook-headings/4.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/i-robot.mdx b/src/content/ai-art/i-robot.mdx
index 1ab7503..9db0fc5 100644
--- a/src/content/ai-art/i-robot.mdx
+++ b/src/content/ai-art/i-robot.mdx
@@ -3,15 +3,15 @@ title: I, Robot
 date: 2023-05-24
 sort: 310
 images:
-  - src: /assets/images/ai-art/i-robot/1.jpeg
+  - src: /assets/images/ai-art/i-robot/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/i-robot/2.jpeg
+  - src: /assets/images/ai-art/i-robot/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/i-robot/3.jpeg
+  - src: /assets/images/ai-art/i-robot/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/i-robot/4.jpeg
+  - src: /assets/images/ai-art/i-robot/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/i-robot/5.jpeg
+  - src: /assets/images/ai-art/i-robot/5.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/irezumi.mdx b/src/content/ai-art/irezumi.mdx
index ebe022e..c416092 100644
--- a/src/content/ai-art/irezumi.mdx
+++ b/src/content/ai-art/irezumi.mdx
@@ -4,17 +4,17 @@ date: 2023-01-17
 sort: 110
 coverSize: medium
 images:
-  - src: /assets/images/ai-art/irezumi/1.jpeg
+  - src: /assets/images/ai-art/irezumi/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/irezumi/2.jpeg
+  - src: /assets/images/ai-art/irezumi/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/irezumi/3.jpeg
+  - src: /assets/images/ai-art/irezumi/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/irezumi/4.jpeg
+  - src: /assets/images/ai-art/irezumi/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/irezumi/5.jpeg
+  - src: /assets/images/ai-art/irezumi/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/irezumi/6.jpeg
+  - src: /assets/images/ai-art/irezumi/6.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/lord-of-the-rings.mdx b/src/content/ai-art/lord-of-the-rings.mdx
index d94b666..f066677 100644
--- a/src/content/ai-art/lord-of-the-rings.mdx
+++ b/src/content/ai-art/lord-of-the-rings.mdx
@@ -3,25 +3,25 @@ title: Lord of the Rings
 date: 2023-05-24
 sort: 270
 images:
-  - src: /assets/images/ai-art/lord-of-the-rings/1.jpeg
+  - src: /assets/images/ai-art/lord-of-the-rings/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/lord-of-the-rings/2.jpeg
+  - src: /assets/images/ai-art/lord-of-the-rings/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/lord-of-the-rings/3.jpeg
+  - src: /assets/images/ai-art/lord-of-the-rings/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/lord-of-the-rings/4.jpeg
+  - src: /assets/images/ai-art/lord-of-the-rings/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/lord-of-the-rings/5.jpeg
+  - src: /assets/images/ai-art/lord-of-the-rings/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/lord-of-the-rings/6.jpeg
+  - src: /assets/images/ai-art/lord-of-the-rings/6.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/lord-of-the-rings/7.jpeg
+  - src: /assets/images/ai-art/lord-of-the-rings/7.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/lord-of-the-rings/8.jpeg
+  - src: /assets/images/ai-art/lord-of-the-rings/8.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/lord-of-the-rings/9.jpeg
+  - src: /assets/images/ai-art/lord-of-the-rings/9.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/lord-of-the-rings/10.jpeg
+  - src: /assets/images/ai-art/lord-of-the-rings/10.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/misty-lake.mdx b/src/content/ai-art/misty-lake.mdx
index f0f6b02..d45deb5 100644
--- a/src/content/ai-art/misty-lake.mdx
+++ b/src/content/ai-art/misty-lake.mdx
@@ -4,19 +4,19 @@ date: 2023-05-03
 sort: 90
 coverSize: large
 images:
-  - src: /assets/images/ai-art/misty-lake/1.jpeg
+  - src: /assets/images/ai-art/misty-lake/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/misty-lake/2.jpeg
+  - src: /assets/images/ai-art/misty-lake/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/misty-lake/3.jpeg
+  - src: /assets/images/ai-art/misty-lake/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/misty-lake/4.jpeg
+  - src: /assets/images/ai-art/misty-lake/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/misty-lake/5.jpeg
+  - src: /assets/images/ai-art/misty-lake/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/misty-lake/6.jpeg
+  - src: /assets/images/ai-art/misty-lake/6.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/misty-lake/7.jpeg
+  - src: /assets/images/ai-art/misty-lake/7.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/mona-lisa.mdx b/src/content/ai-art/mona-lisa.mdx
index 9792f3b..dcef18a 100644
--- a/src/content/ai-art/mona-lisa.mdx
+++ b/src/content/ai-art/mona-lisa.mdx
@@ -4,19 +4,19 @@ date: 2023-03-14
 sort: 250
 coverSize: medium
 images:
-  - src: /assets/images/ai-art/mona-lisa/1.jpeg
+  - src: /assets/images/ai-art/mona-lisa/1.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/mona-lisa/2.jpeg
+  - src: /assets/images/ai-art/mona-lisa/2.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/mona-lisa/3.jpeg
+  - src: /assets/images/ai-art/mona-lisa/3.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/mona-lisa/4.jpeg
+  - src: /assets/images/ai-art/mona-lisa/4.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/mona-lisa/5.jpeg
+  - src: /assets/images/ai-art/mona-lisa/5.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/mona-lisa/6.jpeg
+  - src: /assets/images/ai-art/mona-lisa/6.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/mona-lisa/7.jpeg
+  - src: /assets/images/ai-art/mona-lisa/7.webp
     aspectRatio: 0.67
 ---
 
diff --git a/src/content/ai-art/mushrooms.mdx b/src/content/ai-art/mushrooms.mdx
index d643d8a..96be31b 100644
--- a/src/content/ai-art/mushrooms.mdx
+++ b/src/content/ai-art/mushrooms.mdx
@@ -3,13 +3,13 @@ title: Mushrooms
 date: 2023-01-29
 sort: 180
 images:
-  - src: /assets/images/ai-art/mushrooms/1.jpeg
+  - src: /assets/images/ai-art/mushrooms/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/mushrooms/2.jpeg
+  - src: /assets/images/ai-art/mushrooms/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/mushrooms/3.jpeg
+  - src: /assets/images/ai-art/mushrooms/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/mushrooms/4.jpeg
+  - src: /assets/images/ai-art/mushrooms/4.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/photo-realism.mdx b/src/content/ai-art/photo-realism.mdx
index bb782d1..1001a0a 100644
--- a/src/content/ai-art/photo-realism.mdx
+++ b/src/content/ai-art/photo-realism.mdx
@@ -3,31 +3,31 @@ title: Photo Realism
 date: 2023-05-24
 sort: 370
 images:
-  - src: /assets/images/ai-art/photo-realism/1.jpeg
+  - src: /assets/images/ai-art/photo-realism/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/photo-realism/2.jpeg
+  - src: /assets/images/ai-art/photo-realism/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/photo-realism/3.jpeg
+  - src: /assets/images/ai-art/photo-realism/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/photo-realism/4.jpeg
+  - src: /assets/images/ai-art/photo-realism/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/photo-realism/5.jpeg
+  - src: /assets/images/ai-art/photo-realism/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/photo-realism/6.jpeg
+  - src: /assets/images/ai-art/photo-realism/6.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/photo-realism/7.jpeg
+  - src: /assets/images/ai-art/photo-realism/7.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/photo-realism/8.jpeg
+  - src: /assets/images/ai-art/photo-realism/8.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/photo-realism/9.jpeg
+  - src: /assets/images/ai-art/photo-realism/9.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/photo-realism/10.jpeg
+  - src: /assets/images/ai-art/photo-realism/10.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/photo-realism/11.jpeg
+  - src: /assets/images/ai-art/photo-realism/11.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/photo-realism/12.jpeg
+  - src: /assets/images/ai-art/photo-realism/12.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/photo-realism/13.jpeg
+  - src: /assets/images/ai-art/photo-realism/13.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/propaganda-poster.mdx b/src/content/ai-art/propaganda-poster.mdx
index 4747553..646acd3 100644
--- a/src/content/ai-art/propaganda-poster.mdx
+++ b/src/content/ai-art/propaganda-poster.mdx
@@ -4,47 +4,47 @@ date: 2023-03-18
 sort: 240
 coverSize: medium
 images:
-  - src: /assets/images/ai-art/propaganda-poster/1.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/1.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/2.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/2.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/3.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/3.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/4.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/4.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/5.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/5.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/6.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/6.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/7.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/7.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/8.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/8.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/9.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/9.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/10.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/10.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/11.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/11.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/12.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/12.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/13.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/13.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/14.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/14.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/15.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/15.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/16.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/16.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/17.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/17.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/18.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/18.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/19.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/19.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/20.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/20.webp
     aspectRatio: 0.67
-  - src: /assets/images/ai-art/propaganda-poster/21.jpeg
+  - src: /assets/images/ai-art/propaganda-poster/21.webp
     aspectRatio: 0.67
 ---
 
diff --git a/src/content/ai-art/roman-stoics.mdx b/src/content/ai-art/roman-stoics.mdx
index 453634c..0ab81e6 100644
--- a/src/content/ai-art/roman-stoics.mdx
+++ b/src/content/ai-art/roman-stoics.mdx
@@ -4,11 +4,11 @@ date: 2023-07-29
 sort: 400
 coverSize: large
 images:
-  - src: /assets/images/ai-art/roman-stoics/seneca.jpeg
+  - src: /assets/images/ai-art/roman-stoics/seneca.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/roman-stoics/marcus-aurelius.jpeg
+  - src: /assets/images/ai-art/roman-stoics/marcus-aurelius.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/roman-stoics/epictetus.jpeg
+  - src: /assets/images/ai-art/roman-stoics/epictetus.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/simpsons.mdx b/src/content/ai-art/simpsons.mdx
index c72aee0..98bb1b6 100644
--- a/src/content/ai-art/simpsons.mdx
+++ b/src/content/ai-art/simpsons.mdx
@@ -3,45 +3,45 @@ title: The Simpsons
 date: 2023-02-13
 sort: 160
 images:
-  - src: /assets/images/ai-art/the-simpsons/1.jpeg
+  - src: /assets/images/ai-art/the-simpsons/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/2.jpeg
+  - src: /assets/images/ai-art/the-simpsons/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/3.jpeg
+  - src: /assets/images/ai-art/the-simpsons/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/4.jpeg
+  - src: /assets/images/ai-art/the-simpsons/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/5.jpeg
+  - src: /assets/images/ai-art/the-simpsons/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/6.jpeg
+  - src: /assets/images/ai-art/the-simpsons/6.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/7.jpeg
+  - src: /assets/images/ai-art/the-simpsons/7.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/8.jpeg
+  - src: /assets/images/ai-art/the-simpsons/8.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/9.jpeg
+  - src: /assets/images/ai-art/the-simpsons/9.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/10.jpeg
+  - src: /assets/images/ai-art/the-simpsons/10.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/11.jpeg
+  - src: /assets/images/ai-art/the-simpsons/11.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/12.jpeg
+  - src: /assets/images/ai-art/the-simpsons/12.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/13.jpeg
+  - src: /assets/images/ai-art/the-simpsons/13.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/14.jpeg
+  - src: /assets/images/ai-art/the-simpsons/14.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/15.jpeg
+  - src: /assets/images/ai-art/the-simpsons/15.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/16.jpeg
+  - src: /assets/images/ai-art/the-simpsons/16.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/17.jpeg
+  - src: /assets/images/ai-art/the-simpsons/17.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/18.jpeg
+  - src: /assets/images/ai-art/the-simpsons/18.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/19.jpeg
+  - src: /assets/images/ai-art/the-simpsons/19.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-simpsons/20.jpeg
+  - src: /assets/images/ai-art/the-simpsons/20.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/sin-city.mdx b/src/content/ai-art/sin-city.mdx
index 75b6207..1d94e74 100644
--- a/src/content/ai-art/sin-city.mdx
+++ b/src/content/ai-art/sin-city.mdx
@@ -4,13 +4,13 @@ date: 2023-05-24
 sort: 330
 coverSize: medium
 images:
-  - src: /assets/images/ai-art/sin-city/1.jpeg
+  - src: /assets/images/ai-art/sin-city/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/sin-city/2.jpeg
+  - src: /assets/images/ai-art/sin-city/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/sin-city/3.jpeg
+  - src: /assets/images/ai-art/sin-city/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/sin-city/4.jpeg
+  - src: /assets/images/ai-art/sin-city/4.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/song-of-ice-and-fire.mdx b/src/content/ai-art/song-of-ice-and-fire.mdx
index 0474d04..059fd21 100644
--- a/src/content/ai-art/song-of-ice-and-fire.mdx
+++ b/src/content/ai-art/song-of-ice-and-fire.mdx
@@ -3,19 +3,19 @@ title: A Song of Ice and Fire
 date: 2023-05-24
 sort: 280
 images:
-  - src: /assets/images/ai-art/song-of-ice-and-fire/1.jpeg
+  - src: /assets/images/ai-art/song-of-ice-and-fire/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/song-of-ice-and-fire/2.jpeg
+  - src: /assets/images/ai-art/song-of-ice-and-fire/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/song-of-ice-and-fire/3.jpeg
+  - src: /assets/images/ai-art/song-of-ice-and-fire/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/song-of-ice-and-fire/4.jpeg
+  - src: /assets/images/ai-art/song-of-ice-and-fire/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/song-of-ice-and-fire/5.jpeg
+  - src: /assets/images/ai-art/song-of-ice-and-fire/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/song-of-ice-and-fire/6.jpeg
+  - src: /assets/images/ai-art/song-of-ice-and-fire/6.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/song-of-ice-and-fire/7.jpeg
+  - src: /assets/images/ai-art/song-of-ice-and-fire/7.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/sons-of-anarchy.mdx b/src/content/ai-art/sons-of-anarchy.mdx
index 4550517..c922a0c 100644
--- a/src/content/ai-art/sons-of-anarchy.mdx
+++ b/src/content/ai-art/sons-of-anarchy.mdx
@@ -3,13 +3,13 @@ title: Sons of Anarchy
 date: 2023-05-24
 sort: 320
 images:
-  - src: /assets/images/ai-art/sons-of-anarchy/1.jpeg
+  - src: /assets/images/ai-art/sons-of-anarchy/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/sons-of-anarchy/2.jpeg
+  - src: /assets/images/ai-art/sons-of-anarchy/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/sons-of-anarchy/3.jpeg
+  - src: /assets/images/ai-art/sons-of-anarchy/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/sons-of-anarchy/4.jpeg
+  - src: /assets/images/ai-art/sons-of-anarchy/4.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/south-park.mdx b/src/content/ai-art/south-park.mdx
index c6d71e8..03df961 100644
--- a/src/content/ai-art/south-park.mdx
+++ b/src/content/ai-art/south-park.mdx
@@ -3,13 +3,13 @@ title: South Park
 date: 2023-02-22
 sort: 230
 images:
-  - src: /assets/images/ai-art/south-park/1.jpeg
+  - src: /assets/images/ai-art/south-park/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/south-park/2.jpeg
+  - src: /assets/images/ai-art/south-park/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/south-park/3.jpeg
+  - src: /assets/images/ai-art/south-park/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/south-park/4.jpeg
+  - src: /assets/images/ai-art/south-park/4.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/star-wars.mdx b/src/content/ai-art/star-wars.mdx
index 95bfdbb..1abb821 100644
--- a/src/content/ai-art/star-wars.mdx
+++ b/src/content/ai-art/star-wars.mdx
@@ -3,21 +3,21 @@ title: Star Wars
 date: 2023-05-24
 sort: 290
 images:
-  - src: /assets/images/ai-art/star-wars/1.jpeg
+  - src: /assets/images/ai-art/star-wars/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/star-wars/2.jpeg
+  - src: /assets/images/ai-art/star-wars/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/star-wars/3.jpeg
+  - src: /assets/images/ai-art/star-wars/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/star-wars/4.jpeg
+  - src: /assets/images/ai-art/star-wars/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/star-wars/5.jpeg
+  - src: /assets/images/ai-art/star-wars/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/star-wars/6.jpeg
+  - src: /assets/images/ai-art/star-wars/6.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/star-wars/7.jpeg
+  - src: /assets/images/ai-art/star-wars/7.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/star-wars/8.jpeg
+  - src: /assets/images/ai-art/star-wars/8.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/terminator.mdx b/src/content/ai-art/terminator.mdx
index 3782444..95a2b47 100644
--- a/src/content/ai-art/terminator.mdx
+++ b/src/content/ai-art/terminator.mdx
@@ -4,11 +4,11 @@ date: 2023-05-24
 sort: 350
 coverSize: medium
 images:
-  - src: /assets/images/ai-art/the-terminator/1.jpeg
+  - src: /assets/images/ai-art/the-terminator/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-terminator/2.jpeg
+  - src: /assets/images/ai-art/the-terminator/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-terminator/3.jpeg
+  - src: /assets/images/ai-art/the-terminator/3.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/this-is-john-galt-speaking.mdx b/src/content/ai-art/this-is-john-galt-speaking.mdx
index d8a70c2..28db82f 100644
--- a/src/content/ai-art/this-is-john-galt-speaking.mdx
+++ b/src/content/ai-art/this-is-john-galt-speaking.mdx
@@ -3,7 +3,7 @@ title: This is John Galt Speaking
 date: 2023-04-18
 sort: 200
 images:
-  - src: /assets/images/ai-art/this-is-john-galt-speaking/1.jpeg
+  - src: /assets/images/ai-art/this-is-john-galt-speaking/1.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/tower-of-babel.mdx b/src/content/ai-art/tower-of-babel.mdx
index 00b47d3..90f9038 100644
--- a/src/content/ai-art/tower-of-babel.mdx
+++ b/src/content/ai-art/tower-of-babel.mdx
@@ -3,23 +3,23 @@ title: Tower of Babel
 date: 2023-01-29
 sort: 190
 images:
-  - src: /assets/images/ai-art/tower-of-babel/1.jpeg
+  - src: /assets/images/ai-art/tower-of-babel/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/tower-of-babel/2.jpeg
+  - src: /assets/images/ai-art/tower-of-babel/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/tower-of-babel/3.jpeg
+  - src: /assets/images/ai-art/tower-of-babel/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/tower-of-babel/4.jpeg
+  - src: /assets/images/ai-art/tower-of-babel/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/tower-of-babel/5.jpeg
+  - src: /assets/images/ai-art/tower-of-babel/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/tower-of-babel/6.jpeg
+  - src: /assets/images/ai-art/tower-of-babel/6.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/tower-of-babel/7.jpeg
+  - src: /assets/images/ai-art/tower-of-babel/7.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/tower-of-babel/8.jpeg
+  - src: /assets/images/ai-art/tower-of-babel/8.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/tower-of-babel/9.jpeg
+  - src: /assets/images/ai-art/tower-of-babel/9.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/utopia-dystopia.mdx b/src/content/ai-art/utopia-dystopia.mdx
index c5aed42..00b41d8 100644
--- a/src/content/ai-art/utopia-dystopia.mdx
+++ b/src/content/ai-art/utopia-dystopia.mdx
@@ -3,15 +3,15 @@ title: Utopia & Dystopia
 date: 2023-01-29
 sort: 170
 images:
-  - src: /assets/images/ai-art/utopia-dystopia/1.jpeg
+  - src: /assets/images/ai-art/utopia-dystopia/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/utopia-dystopia/2.jpeg
+  - src: /assets/images/ai-art/utopia-dystopia/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/utopia-dystopia/3.jpeg
+  - src: /assets/images/ai-art/utopia-dystopia/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/utopia-dystopia/4.jpeg
+  - src: /assets/images/ai-art/utopia-dystopia/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/utopia-dystopia/5.jpeg
+  - src: /assets/images/ai-art/utopia-dystopia/5.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/walking-dead.mdx b/src/content/ai-art/walking-dead.mdx
index 7a88539..6c70f3b 100644
--- a/src/content/ai-art/walking-dead.mdx
+++ b/src/content/ai-art/walking-dead.mdx
@@ -3,17 +3,17 @@ title: The Walking Dead
 date: 2023-05-24
 sort: 340
 images:
-  - src: /assets/images/ai-art/the-walking-dead/1.jpeg
+  - src: /assets/images/ai-art/the-walking-dead/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-walking-dead/2.jpeg
+  - src: /assets/images/ai-art/the-walking-dead/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-walking-dead/3.jpeg
+  - src: /assets/images/ai-art/the-walking-dead/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-walking-dead/4.jpeg
+  - src: /assets/images/ai-art/the-walking-dead/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-walking-dead/5.jpeg
+  - src: /assets/images/ai-art/the-walking-dead/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/the-walking-dead/6.jpeg
+  - src: /assets/images/ai-art/the-walking-dead/6.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/ai-art/yakuza.mdx b/src/content/ai-art/yakuza.mdx
index bf9417f..626581e 100644
--- a/src/content/ai-art/yakuza.mdx
+++ b/src/content/ai-art/yakuza.mdx
@@ -3,17 +3,17 @@ title: Yakuza
 date: 2023-01-06
 sort: 100
 images:
-  - src: /assets/images/ai-art/yakuza/1.jpeg
+  - src: /assets/images/ai-art/yakuza/1.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/yakuza/2.jpeg
+  - src: /assets/images/ai-art/yakuza/2.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/yakuza/3.jpeg
+  - src: /assets/images/ai-art/yakuza/3.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/yakuza/4.jpeg
+  - src: /assets/images/ai-art/yakuza/4.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/yakuza/5.jpeg
+  - src: /assets/images/ai-art/yakuza/5.webp
     aspectRatio: 1
-  - src: /assets/images/ai-art/yakuza/6.jpeg
+  - src: /assets/images/ai-art/yakuza/6.webp
     aspectRatio: 1
 ---
 
diff --git a/src/content/journal/2007/gtd.mdx b/src/content/journal/2007/gtd.mdx
index a45888b..2c98e58 100644
--- a/src/content/journal/2007/gtd.mdx
+++ b/src/content/journal/2007/gtd.mdx
@@ -22,7 +22,7 @@ In any case, I think that one _gets_ the everyday madness governed by Allen’s
 ## The GTD Basics
 
 <Figure caption="This is what the inbox looked like before I sorted all loose ends">
-  <Image src="/assets/images/posts/gtd-before.jpg" alt="My desk before" />
+  <Image src="/assets/images/posts/gtd-before.webp" alt="My desk before" />
 </Figure>
 
 GTD uses the concept of _contexts_, which are certain situations/places to which a task is assigned (telephone, home, care, or similar). Besides, there can be an allocation to a _project_.
@@ -42,7 +42,7 @@ Tasks can be delegated to other people or planned for certain times. If you have
 ## GTD in Everyday Life
 
 <Figure caption="This is what the inbox looked like after sorting all loose ends">
-  <Image src="/assets/images/posts/gtd-after.jpg" alt="My desk afterward" />
+  <Image src="/assets/images/posts/gtd-after.webp" alt="My desk afterward" />
 </Figure>
 
 GTD may look complicated or awkward, but it helps immensely to prevent keeping pondering.
diff --git a/src/content/journal/2007/koi-design.mdx b/src/content/journal/2007/koi-design.mdx
index 896605d..528e8c2 100644
--- a/src/content/journal/2007/koi-design.mdx
+++ b/src/content/journal/2007/koi-design.mdx
@@ -4,7 +4,7 @@ slug: koi-design
 author: Stefan Imhoff
 date: 2007-06-02
 description: Irezumi (Japanese tattooing) is an inspiration for my website and the origin of my design.
-cover: /assets/images/cover/design-koi.jpg
+cover: /assets/images/cover/design-koi.webp
 tags: ["design", "book"]
 ---
 
@@ -46,7 +46,7 @@ In addition to gods, mythical creatures, and demons, the most important source o
   caption="Motif from Suikoden by Kuniyoshi: Captain Lu-Ta, the flowery monk, smashes a tree with a blow to impress a gang of good-for-nothings."
   size="wide"
 >
-  <Image src="/assets/images/posts/suikoden-luta.jpg" alt="Woodblock print of a Chinese Monk" />
+  <Image src="/assets/images/posts/suikoden-luta.webp" alt="Woodblock print of a Chinese Monk" />
 </Figure>
 
 In short, it is about a band of robbers of 108 heroic men and women. Each of whom is forced into lawless life by adverse circumstances, and entrenching themselves on a fortified island in Liang-Shan marsh, where they go on a rampant raid for years. They fight against corrupt officials of the emperor and numerous villains. The story is true in parts and should have taken place in the Song Dynasty.
diff --git a/src/content/journal/2009/git.mdx b/src/content/journal/2009/git.mdx
index a38c7b4..bcf9d40 100644
--- a/src/content/journal/2009/git.mdx
+++ b/src/content/journal/2009/git.mdx
@@ -4,7 +4,7 @@ slug: git
 author: Stefan Imhoff
 date: 2009-02-10
 description: An extensive collection of links to tutorials, tutorials, screencasts, and documentation on Git.
-cover: /assets/images/cover/git.jpg
+cover: /assets/images/cover/git.webp
 tags: ["code"]
 ---
 
diff --git a/src/content/journal/2009/home-documentary.mdx b/src/content/journal/2009/home-documentary.mdx
index 4f5be14..aea2cda 100644
--- a/src/content/journal/2009/home-documentary.mdx
+++ b/src/content/journal/2009/home-documentary.mdx
@@ -4,7 +4,7 @@ slug: home-documentary
 author: Stefan Imhoff
 date: 2009-06-15
 description: "Recommended Film: View the nature documentation HOME by Yann Arthus-Bertrand for FREE. Beautiful aerial photographs of the world. The creation of the earth, life, destruction by man and hope and ways out."
-cover: /assets/images/cover/home-documentary.jpg
+cover: /assets/images/cover/home-documentary.webp
 tags: ["film", "recommendation"]
 ---
 
diff --git a/src/content/journal/2010/rework.mdx b/src/content/journal/2010/rework.mdx
index 4cb8c05..9d561c3 100644
--- a/src/content/journal/2010/rework.mdx
+++ b/src/content/journal/2010/rework.mdx
@@ -4,7 +4,7 @@ slug: rework
 author: Stefan Imhoff
 date: 2010-04-27
 description: "Reading recommendation for the new book from Basecamp: Rework. A short, well-illustrated book on product development and how to run a company that has not been wrongly put on the bestseller list for a long time and has been praised to the highest standards."
-cover: /assets/images/cover/rework.jpg
+cover: /assets/images/cover/rework.webp
 tags: ["book", "recommendation"]
 ---
 
diff --git a/src/content/journal/2010/vim.mdx b/src/content/journal/2010/vim.mdx
index 9d4c899..d6d2cd1 100644
--- a/src/content/journal/2010/vim.mdx
+++ b/src/content/journal/2010/vim.mdx
@@ -4,7 +4,7 @@ slug: vim
 author: Stefan Imhoff
 date: 2010-10-29
 description: How I became a convinced Vim disciple, why Vim is an ingenious editor, and how to best practice if you want to learn Vim.
-cover: /assets/images/cover/vim-polisher.jpg
+cover: /assets/images/cover/vim-polisher.webp
 tags: ["code"]
 ---
 
@@ -13,7 +13,7 @@ tags: ["code"]
 Something similar was said by the superhero _He-Man_ from the 80s TV show _Masters of the Universe_ before he got his superpowers. And Vim exists about as long as the TV show: **22 years**. And the older Vi, on which Vim is based, has been around even longer than I live. If a _simple_ text editor exists for a long time and gives these _powers_, it has to be something special about it.
 
 <Figure caption="Vim - cleanser and polisher. Brightens the home and the age.">
-  <Image src="/assets/images/posts/vim-vintage.jpg" alt="Vim, Reinigungs- und Poliermittel." />
+  <Image src="/assets/images/posts/vim-vintage.webp" alt="Vim, Reinigungs- und Poliermittel." />
 </Figure>
 
 The first time I stumbled upon Vim (or Vi) a couple of years ago, was when I first had to edit any file on a server and none of my fancy editors worked there. The first time I worked with Vi(m) was my natural reaction: <q>WTF, I cannot tap until I press `i`? Who invented this crap?</q>
diff --git a/src/content/journal/2010/webstandards-magazine-django.mdx b/src/content/journal/2010/webstandards-magazine-django.mdx
index ecffeef..e38b6b2 100644
--- a/src/content/journal/2010/webstandards-magazine-django.mdx
+++ b/src/content/journal/2010/webstandards-magazine-django.mdx
@@ -4,7 +4,7 @@ slug: webstandards-magazine-django
 author: Stefan Imhoff
 date: 2010-09-21
 description: I was asked to write a multipage article about Django in Webstandards-Magazin. I wrote about what I appreciate about Django and why I use it.
-cover: /assets/images/cover/webstandards-magazine-django.jpg
+cover: /assets/images/cover/webstandards-magazine-django.webp
 tags: ["code"]
 ---
 
diff --git a/src/content/journal/2011/decodeunicode.mdx b/src/content/journal/2011/decodeunicode.mdx
index 919914a..10e7162 100644
--- a/src/content/journal/2011/decodeunicode.mdx
+++ b/src/content/journal/2011/decodeunicode.mdx
@@ -4,7 +4,7 @@ slug: decodeunicode
 author: Stefan Imhoff
 date: 2011-06-02
 description: "Book recommendation for those who are interested in writing and characters: 'decodeunicode - Die Schriftzeichen der Welt'. 656 pages thick, almost 2 kg heavy, and with all 109,242 current characters of the Unicode character set."
-cover: /assets/images/cover/book-decodeunicode.jpg
+cover: /assets/images/cover/book-decodeunicode.webp
 tags: ["book", "design", "recommendation"]
 ---
 
diff --git a/src/content/journal/2014/gulp-tutorial-1-intro-setup.mdx b/src/content/journal/2014/gulp-tutorial-1-intro-setup.mdx
index 477896f..bfdd6ee 100644
--- a/src/content/journal/2014/gulp-tutorial-1-intro-setup.mdx
+++ b/src/content/journal/2014/gulp-tutorial-1-intro-setup.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-1-intro-setup
 author: Stefan Imhoff
 date: 2014-10-18
 description: "The ultimate tutorial and guide for Gulp.js: The first part of my series on Gulp.js. What is Gulp.js? Why use it? And how to install Gulp and Jekyll."
-cover: /assets/images/cover/gulp-1.jpg
+cover: /assets/images/cover/gulp-1.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/gulp-tutorial-10-generating-sprites.mdx b/src/content/journal/2014/gulp-tutorial-10-generating-sprites.mdx
index a3f0b0b..030fb76 100644
--- a/src/content/journal/2014/gulp-tutorial-10-generating-sprites.mdx
+++ b/src/content/journal/2014/gulp-tutorial-10-generating-sprites.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-10-generating-sprites
 author: Stefan Imhoff
 date: 2014-10-27
 description: "The ultimate tutorial and guide for Gulp.js: How to generate image sprite maps with Spritesmith."
-cover: /assets/images/cover/gulp-10.jpg
+cover: /assets/images/cover/gulp-10.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/gulp-tutorial-11-production-build-server-and-jekyll.mdx b/src/content/journal/2014/gulp-tutorial-11-production-build-server-and-jekyll.mdx
index f8bf820..e284fcc 100644
--- a/src/content/journal/2014/gulp-tutorial-11-production-build-server-and-jekyll.mdx
+++ b/src/content/journal/2014/gulp-tutorial-11-production-build-server-and-jekyll.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-11-production-build-server-and-jekyll
 author: Stefan Imhoff
 date: 2014-10-28
 description: "The ultimate tutorial and guide for Gulp.js: How to write the production task for Jekyll and BrowserSync."
-cover: /assets/images/cover/gulp-11.jpg
+cover: /assets/images/cover/gulp-11.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/gulp-tutorial-12-optimize-css-javascript-images-and-html.mdx b/src/content/journal/2014/gulp-tutorial-12-optimize-css-javascript-images-and-html.mdx
index 7b0fe35..478a2d7 100644
--- a/src/content/journal/2014/gulp-tutorial-12-optimize-css-javascript-images-and-html.mdx
+++ b/src/content/journal/2014/gulp-tutorial-12-optimize-css-javascript-images-and-html.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-12-optimize-css-javascript-images-and-html
 author: Stefan Imhoff
 date: 2014-10-29
 description: "The ultimate tutorial and guide for Gulp.js: How to optimize CSS, JavaScript, images, and HTML to speed up your website."
-cover: /assets/images/cover/gulp-12.jpg
+cover: /assets/images/cover/gulp-12.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/gulp-tutorial-13-revisioning.mdx b/src/content/journal/2014/gulp-tutorial-13-revisioning.mdx
index 6cfb31e..ff3c40b 100644
--- a/src/content/journal/2014/gulp-tutorial-13-revisioning.mdx
+++ b/src/content/journal/2014/gulp-tutorial-13-revisioning.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-13-revisioning
 author: Stefan Imhoff
 date: 2014-10-30
 description: "The ultimate tutorial and guide for Gulp.js: How to use revisioning to allow long caching of your assets and replace them  with hashed file names, that can be cache-busted."
-cover: /assets/images/cover/gulp-13.jpg
+cover: /assets/images/cover/gulp-13.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/gulp-tutorial-14-deploying-the-website.mdx b/src/content/journal/2014/gulp-tutorial-14-deploying-the-website.mdx
index fa67c73..7248d0a 100644
--- a/src/content/journal/2014/gulp-tutorial-14-deploying-the-website.mdx
+++ b/src/content/journal/2014/gulp-tutorial-14-deploying-the-website.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-14-deploying-the-website
 author: Stefan Imhoff
 date: 2014-10-31
 description: "The ultimate tutorial and guide for Gulp.js: How to deploy your website with rsync to your server."
-cover: /assets/images/cover/gulp-14.jpg
+cover: /assets/images/cover/gulp-14.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/gulp-tutorial-15-performance-improvements-webp-gzip.mdx b/src/content/journal/2014/gulp-tutorial-15-performance-improvements-webp-gzip.mdx
index 18a0866..55cc123 100644
--- a/src/content/journal/2014/gulp-tutorial-15-performance-improvements-webp-gzip.mdx
+++ b/src/content/journal/2014/gulp-tutorial-15-performance-improvements-webp-gzip.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-15-performance-improvements-webp-gzip
 author: Stefan Imhoff
 date: 2014-12-21
 description: "The ultimate tutorial and guide for Gulp.js: How to improve the speed and performance of your website with WebP and Gzip."
-cover: /assets/images/cover/gulp-15.jpg
+cover: /assets/images/cover/gulp-15.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/gulp-tutorial-16-postcss.mdx b/src/content/journal/2014/gulp-tutorial-16-postcss.mdx
index 427cbb7..67308cb 100644
--- a/src/content/journal/2014/gulp-tutorial-16-postcss.mdx
+++ b/src/content/journal/2014/gulp-tutorial-16-postcss.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-16-postcss
 author: Stefan Imhoff
 date: 2014-12-30
 description: "The ultimate tutorial and guide for Gulp.js: How to use PostCSS with Gulp to process CSS and how to lint your CSS files with Stylelint."
-cover: /assets/images/cover/gulp-16.jpg
+cover: /assets/images/cover/gulp-16.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/gulp-tutorial-2-development-server-browsersync-configuration.mdx b/src/content/journal/2014/gulp-tutorial-2-development-server-browsersync-configuration.mdx
index 87acf19..d2f7288 100644
--- a/src/content/journal/2014/gulp-tutorial-2-development-server-browsersync-configuration.mdx
+++ b/src/content/journal/2014/gulp-tutorial-2-development-server-browsersync-configuration.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-2-development-server-browsersync-configuration
 author: Stefan Imhoff
 date: 2014-10-19
 description: "The ultimate tutorial and guide for Gulp.js: How to set up a development server with BrowserSync."
-cover: /assets/images/cover/gulp-2.jpg
+cover: /assets/images/cover/gulp-2.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/gulp-tutorial-3-build-clean-jekyll.mdx b/src/content/journal/2014/gulp-tutorial-3-build-clean-jekyll.mdx
index d2a25bf..0339441 100644
--- a/src/content/journal/2014/gulp-tutorial-3-build-clean-jekyll.mdx
+++ b/src/content/journal/2014/gulp-tutorial-3-build-clean-jekyll.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-3-build-clean-jekyll
 author: Stefan Imhoff
 date: 2014-10-20
 description: "The ultimate tutorial and guide for Gulp.js: How to write tasks for cleaning files and folders, generating the build and the website with Jekyll."
-cover: /assets/images/cover/gulp-3.jpg
+cover: /assets/images/cover/gulp-3.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/gulp-tutorial-4-css-generation-sass.mdx b/src/content/journal/2014/gulp-tutorial-4-css-generation-sass.mdx
index 011af3e..69d1217 100644
--- a/src/content/journal/2014/gulp-tutorial-4-css-generation-sass.mdx
+++ b/src/content/journal/2014/gulp-tutorial-4-css-generation-sass.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-4-css-generation-sass
 author: Stefan Imhoff
 date: 2014-10-21
 description: "The ultimate tutorial and guide for Gulp.js: How to create CSS and Source Maps with Sass and Compass."
-cover: /assets/images/cover/gulp-4.jpg
+cover: /assets/images/cover/gulp-4.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/gulp-tutorial-5-javascripts-browserify.mdx b/src/content/journal/2014/gulp-tutorial-5-javascripts-browserify.mdx
index 9ed725d..f167b87 100644
--- a/src/content/journal/2014/gulp-tutorial-5-javascripts-browserify.mdx
+++ b/src/content/journal/2014/gulp-tutorial-5-javascripts-browserify.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-5-javascripts-browserify
 author: Stefan Imhoff
 date: 2014-10-22
 description: "The ultimate tutorial and guide for Gulp.js: How to bundle JavaScript files with Browserify and use CommonJS modules to structure and organize your code."
-cover: /assets/images/cover/gulp-5.jpg
+cover: /assets/images/cover/gulp-5.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/gulp-tutorial-6-images-vector-fonts.mdx b/src/content/journal/2014/gulp-tutorial-6-images-vector-fonts.mdx
index 2192571..094d267 100644
--- a/src/content/journal/2014/gulp-tutorial-6-images-vector-fonts.mdx
+++ b/src/content/journal/2014/gulp-tutorial-6-images-vector-fonts.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-6-images-vector-fonts
 author: Stefan Imhoff
 date: 2014-10-23
 description: "The ultimate tutorial and guide for Gulp.js: How to move images and generate vector fonts from SVG."
-cover: /assets/images/cover/gulp-6.jpg
+cover: /assets/images/cover/gulp-6.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/gulp-tutorial-7-base64.mdx b/src/content/journal/2014/gulp-tutorial-7-base64.mdx
index f3d3433..4532a33 100644
--- a/src/content/journal/2014/gulp-tutorial-7-base64.mdx
+++ b/src/content/journal/2014/gulp-tutorial-7-base64.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-7-base64
 author: Stefan Imhoff
 date: 2014-10-24
 description: "The ultimate tutorial and guide for Gulp.js: How to replace small images with base64 encoded images."
-cover: /assets/images/cover/gulp-7.jpg
+cover: /assets/images/cover/gulp-7.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/gulp-tutorial-8-watch.mdx b/src/content/journal/2014/gulp-tutorial-8-watch.mdx
index c0cf466..d3a7d95 100644
--- a/src/content/journal/2014/gulp-tutorial-8-watch.mdx
+++ b/src/content/journal/2014/gulp-tutorial-8-watch.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-8-watch
 author: Stefan Imhoff
 date: 2014-10-25
 description: "The ultimate tutorial and guide for Gulp.js: How to set up a watch task, which triggers other tasks on file changes."
-cover: /assets/images/cover/gulp-8.jpg
+cover: /assets/images/cover/gulp-8.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/gulp-tutorial-9-linting-scss-and-javascript.mdx b/src/content/journal/2014/gulp-tutorial-9-linting-scss-and-javascript.mdx
index 01a98a5..c4834f9 100644
--- a/src/content/journal/2014/gulp-tutorial-9-linting-scss-and-javascript.mdx
+++ b/src/content/journal/2014/gulp-tutorial-9-linting-scss-and-javascript.mdx
@@ -4,7 +4,7 @@ slug: gulp-tutorial-9-linting-scss-and-javascript
 author: Stefan Imhoff
 date: 2014-10-26
 description: "The ultimate tutorial and guide for Gulp.js: How to check the syntax of SCSS and JavaScript files."
-cover: /assets/images/cover/gulp-9.jpg
+cover: /assets/images/cover/gulp-9.webp
 tags: ["code"]
 series: gulp
 ---
diff --git a/src/content/journal/2014/john-seymour-books.mdx b/src/content/journal/2014/john-seymour-books.mdx
index 3274d2b..a1d7c5c 100644
--- a/src/content/journal/2014/john-seymour-books.mdx
+++ b/src/content/journal/2014/john-seymour-books.mdx
@@ -4,7 +4,7 @@ slug: john-seymour-books
 author: Stefan Imhoff
 date: 2014-08-03
 description: On John Seymour’s fantastic, beautifully illustrated books on self-sufficiency, agriculture, and crafts. The optimal equipment for an upcoming zombie apocalypse.
-cover: /assets/images/cover/john-seymour.jpg
+cover: /assets/images/cover/john-seymour.webp
 tags: ["book", "recommendation", "self-improvement"]
 ---
 
diff --git a/src/content/journal/2014/logo-design.mdx b/src/content/journal/2014/logo-design.mdx
index db4a015..adef5c8 100644
--- a/src/content/journal/2014/logo-design.mdx
+++ b/src/content/journal/2014/logo-design.mdx
@@ -4,7 +4,7 @@ slug: logo-design
 author: Stefan Imhoff
 date: 2014-04-18
 description: "Insight into the design of my new logo and Rakkan: idea, research, and a short digression on the Chinese script."
-cover: /assets/images/cover/rakkan.jpg
+cover: /assets/images/cover/rakkan.webp
 tags: ["design"]
 ---
 
@@ -19,7 +19,7 @@ It was clear to me early that I wanted to use a _Rakkan_ instead of a modern log
 A Rakkan (or Hanko) is called in Japan a seal, which is carved in stone, representing the signature of an artist and is stamped under the artwork, and thus works as a signature.
 
 <Figure caption="Imprint of my Rakkan below a symbol for 忍 (Shinobi) written by me.">
-  <Image src="/assets/images/posts/rakkan.jpg" alt="Rakkan written ink below symbol" />
+  <Image src="/assets/images/posts/rakkan.webp" alt="Rakkan written ink below symbol" />
 </Figure>
 
 Even with my [martial arts portal](https://www.kogakure.de/), I use a seal as a logo.
@@ -66,7 +66,7 @@ First, I made numerous pencil drawings, first of individual characters that I li
 
 <Figure caption="Moleskine with pencil drawings of characters">
   <Image
-    src="/assets/images/posts/moleskine-pencil-drawings.jpg"
+    src="/assets/images/posts/moleskine-pencil-drawings.webp"
     alt="Moleskine with pencil drawings of characters"
   />
 </Figure>
diff --git a/src/content/journal/2015/calisthenics.mdx b/src/content/journal/2015/calisthenics.mdx
index 4058d0e..9448d46 100644
--- a/src/content/journal/2015/calisthenics.mdx
+++ b/src/content/journal/2015/calisthenics.mdx
@@ -4,7 +4,7 @@ slug: calisthenics
 author: Stefan Imhoff
 date: 2015-05-19
 description: Learning Body Weight Training is possible for everybody. It’s free, you can do it anywhere, you need no gym or expensive equipment to train, and you can improve constantly.
-cover: /assets/images/cover/calisthenics.jpg
+cover: /assets/images/cover/calisthenics.webp
 tags: ["self-improvement"]
 ---
 
@@ -26,7 +26,7 @@ Other names for body weight training are **Street Workout**, **Ghetto Fitness**,
 
 <Figure caption="Arm Elbow Lever on Beer Bottles">
   <Image
-    src="/assets/images/posts/calisthenics-arm-elbow-lever.jpg"
+    src="/assets/images/posts/calisthenics-arm-elbow-lever.webp"
     alt="Arm Elbow Lever on Beer Bottles"
   />
 </Figure>
@@ -63,7 +63,7 @@ I keep track of my workouts in a diary and can see the training days in a calend
 
 <Figure caption="If a father of three can do it, what is your excuse?">
   <Image
-    src="/assets/images/posts/calisthenics-best-dad-ever.jpg"
+    src="/assets/images/posts/calisthenics-best-dad-ever.webp"
     alt="Man doing a Pull-Up with 3 children as additional weight"
   />
 </Figure>
diff --git a/src/content/journal/2015/human-documentary.mdx b/src/content/journal/2015/human-documentary.mdx
index fcfc6c3..abd8fbf 100644
--- a/src/content/journal/2015/human-documentary.mdx
+++ b/src/content/journal/2015/human-documentary.mdx
@@ -4,7 +4,7 @@ slug: human-documentary
 author: Stefan Imhoff
 date: 2015-09-29
 description: Human, the new movie by Yann Arthus-Bertrand is a moving film made of real-life stories from more than 2000 women and men in 60 countries mixed with stunning aerial photography and ground photography.
-cover: /assets/images/cover/human-documentary.jpg
+cover: /assets/images/cover/human-documentary.webp
 tags: ["film", "recommendation"]
 ---
 
diff --git a/src/content/journal/2015/motivational-video.mdx b/src/content/journal/2015/motivational-video.mdx
index cd42fe4..9c19e02 100644
--- a/src/content/journal/2015/motivational-video.mdx
+++ b/src/content/journal/2015/motivational-video.mdx
@@ -4,7 +4,7 @@ slug: motivational-video
 author: Stefan Imhoff
 date: 2015-08-14
 description: Last week I found an inspirational film on YouTube, focusing on Motivation. But because it was poorly quoted, I tried to find the quotes and resolve the issue.
-cover: /assets/images/cover/motivational-video.jpg
+cover: /assets/images/cover/motivational-video.webp
 tags: ["film"]
 ---
 
diff --git a/src/content/journal/2016/japanese-netflix-tv-show-underwear.mdx b/src/content/journal/2016/japanese-netflix-tv-show-underwear.mdx
index 241b99d..c795901 100644
--- a/src/content/journal/2016/japanese-netflix-tv-show-underwear.mdx
+++ b/src/content/journal/2016/japanese-netflix-tv-show-underwear.mdx
@@ -4,7 +4,7 @@ slug: japanese-netflix-tv-show-underwear
 author: Stefan Imhoff
 date: 2016-02-12
 description: "Netflix released a new Japanese TV Show: Underwear (Atelier). I recommend this brilliant work about a young girl starting in an exclusive custom tailoring lingerie store in Tokyo."
-cover: /assets/images/cover/netflix-underwear.jpg
+cover: /assets/images/cover/netflix-underwear.webp
 tags: ["film", "recommendation"]
 ---
 
diff --git a/src/content/journal/2017/attention.mdx b/src/content/journal/2017/attention.mdx
index a028eb9..2c1bb40 100644
--- a/src/content/journal/2017/attention.mdx
+++ b/src/content/journal/2017/attention.mdx
@@ -5,7 +5,7 @@ author: Stefan Imhoff
 date: 2017-11-03
 description: A guide on how to get your attention back in the age of constant distraction.
 featured: true
-cover: /assets/images/cover/attention.jpg
+cover: /assets/images/cover/attention.webp
 tags: ["self-improvement"]
 ---
 
diff --git a/src/content/journal/2017/gitbook.mdx b/src/content/journal/2017/gitbook.mdx
index f446ca8..9641b2e 100644
--- a/src/content/journal/2017/gitbook.mdx
+++ b/src/content/journal/2017/gitbook.mdx
@@ -4,7 +4,7 @@ slug: gitbook
 author: Stefan Imhoff
 date: 2017-06-27
 description: I finished writing my first book in GitBook. I worked on it for the last six months, and it’s available to read online, as PDF, EPUB, and Mobi.
-cover: /assets/images/cover/gitbook.jpg
+cover: /assets/images/cover/gitbook.webp
 tags: ["book", "writing"]
 ---
 
@@ -58,7 +58,7 @@ GitBook is not only good for books but to write documentation for anything.
 
 <Figure caption="GitBook: kogakure">
   <a href="https://www.kogakure.de/">
-    <Image src="/assets/images/posts/gitbook-kogakure.jpg" alt="GitBook: kogakure" />
+    <Image src="/assets/images/posts/gitbook-kogakure.webp" alt="GitBook: kogakure" />
   </a>
 </Figure>
 
diff --git a/src/content/journal/2017/minimalism.mdx b/src/content/journal/2017/minimalism.mdx
index 38e5f7e..8c2f4d5 100644
--- a/src/content/journal/2017/minimalism.mdx
+++ b/src/content/journal/2017/minimalism.mdx
@@ -27,7 +27,7 @@ Minimalism is **not glamorous**, it’s **humble** and a result of **deep mindfu
 Critics of Minimalism describe it as cold, empty, and without personality. People following Minimalism would deny their past or prove their inability to connect to other people. It would be a hopeless attempt to control life, as Linda Tutmann described Minimalism in her ZEIT article [Alles mein](https://www.zeit.de/2017/06/besitz-minimalismus-dinge-erinnerungen-besitztum).
 
 <Figure caption="Sorry, it doesn’t look cold, empty, and without personality. I failed as a Minimalist.">
-  <Image src="/assets/images/posts/minimalism-office.jpg" alt="My Minimalist home office" />
+  <Image src="/assets/images/posts/minimalism-office.webp" alt="My Minimalist home office" />
 </Figure>
 
 This misconception of Minimalism is the result of its shift to a lifestyle and of extreme Minimalists, who live in sterile homes. Minimalism is not about having as few things as possible. It is about _not_ owning things, which don’t bring joy or getting rid of things, which were acquired as a result of other reasons than a _need_ or _love_ for an object.
@@ -83,7 +83,7 @@ The next step was reading David Allen's book <cite><AffiliateLink asin="01431265
 This way I got rid of many things for the first time.
 
 <Figure caption="My office before cleaning up">
-  <Image src="/assets/images/posts/gtd-before.jpg" alt="My office before cleaning up" />
+  <Image src="/assets/images/posts/gtd-before.webp" alt="My office before cleaning up" />
 </Figure>
 
 The exhibition [LEVEL GREEN](https://www.autostadt.de/en/-/level-green) in Autostadt Wolfsburg introduced me first in a differently drastic way to the concept of sustainability. People could learn, by answering questions about how they lived, and how big their impact on the earth was. To maintain my lifestyle from back then, I would need 1.8 planets of Earth. This changed my idea of how to live responsibly a lot.
@@ -97,7 +97,7 @@ In the last few years I changed my ideas of how to live in many ways:
 I cleaned my whole flat of things I didn’t like or needed anymore. It took me three days to clean my basement from packages, cables, and technical waste, which I acquired over 10 years.
 
 <Figure caption="Cleanup of my cellar">
-  <Image src="/assets/images/posts/minimalism-cleanup-cellar.jpg" alt="Cleanup of my cellar" />
+  <Image src="/assets/images/posts/minimalism-cleanup-cellar.webp" alt="Cleanup of my cellar" />
 </Figure>
 
 I gave more than 150 books away (I own 763) and sold my car. I use the subway, bus, car-sharing, and train to commute or travel.
@@ -123,7 +123,7 @@ I switched to green energy a few years ago, buy organic food if available, and t
 When I was young, I always wanted a big, big house (preferably on a remote private island). But living in a small space is helpful for a Minimalist. It forces you to make decisions in your interest. I live on 51 m², and this is enough space for 1-2 people. That’s why I think if I need to buy something. I like the concept of small space living, but I’m happy to have a separate bedroom. This is much more relaxing, because of the different temperatures in the living and sleeping area. And I do not keep electronics in my bedroom.
 
 <Figure caption="My Minimalist living room">
-  <Image src="/assets/images/posts/minimalism-living.jpg" alt="My Minimalist living room" />
+  <Image src="/assets/images/posts/minimalism-living.webp" alt="My Minimalist living room" />
 </Figure>
 
 ### On Digital Minimalism
diff --git a/src/content/journal/2020/everyday-carry.mdx b/src/content/journal/2020/everyday-carry.mdx
index 1f278ed..67872bd 100644
--- a/src/content/journal/2020/everyday-carry.mdx
+++ b/src/content/journal/2020/everyday-carry.mdx
@@ -5,7 +5,7 @@ date: 2020-03-14
 updated: 2023-06-09
 author: Stefan Imhoff
 description: In this essay, I show my Everyday Carries and explain why I carry them.
-cover: /assets/images/cover/everyday-carry.jpg
+cover: /assets/images/cover/everyday-carry.webp
 tags: ["self-improvement", "technology"]
 ---
 
diff --git a/src/content/journal/2020/new-website-2020-design.mdx b/src/content/journal/2020/new-website-2020-design.mdx
index 099a93a..87af515 100644
--- a/src/content/journal/2020/new-website-2020-design.mdx
+++ b/src/content/journal/2020/new-website-2020-design.mdx
@@ -154,7 +154,7 @@ I didn’t invert colors but needed to make sure to create good contrast, which
 Next, I moved my focus to the logo. A logo is always a difficult topic. Do I need one? Why? What should it be? My initials? An image? It’s easy to create a cheesy logo. I used a _rakkan_ (落款), a Japanese artist seal, for at least 10 years. An artist carved it for me into stone, using the oldest Chinese font, the _small seal script_, introduced by the Chinese Emperor _Qin Shi Huang_, 2200 years ago. It gets pressed into red ink and then applied to the artwork as the signature. I choose the characters of my internet pseudonym _kogakure_ (木隠), meaning “hidden behind leaves”.
 
 <Figure caption="Rakkan">
-  <Image src="/assets/images/posts/rakkan.jpg" alt="Rakkan" />
+  <Image src="/assets/images/posts/rakkan.webp" alt="Rakkan" />
 </Figure>
 
 I created a few sketches of other possible logos, but eventually, I discarded them all and moved back to my _rakkan_. Likewise, I decided to simplify the vector form and reduce the number of points and make it more performant and easier to recognize in smaller sizes.
@@ -212,7 +212,7 @@ As he shows in the fantastic free video, [Aaron Draplin Takes On a Logo Design C
 I followed this technique on all my designs and created dozens of variations, sometimes entire pages, sometimes a small detail as the footer or a meta section.
 
 <Figure caption="All Artboards of the base design" size="fullsize">
-  <Image src="/assets/images/posts/base-design.jpg" alt="All Artboards of the base design" />
+  <Image src="/assets/images/posts/base-design.webp" alt="All Artboards of the base design" />
 </Figure>
 
 <Figure caption="Variants of the Meta section" size="fullsize">
@@ -224,23 +224,23 @@ Designing was the part that brought the most fun to me. Designing is like a conc
 I started designing the blog detail page headline and moved out from there, creating text, header, footer, and small details.
 
 <Figure caption="About Section" size="fullsize">
-  <Image src="/assets/images/posts/about-design.jpg" alt="About Section" />
+  <Image src="/assets/images/posts/about-design.webp" alt="About Section" />
 </Figure>
 
 Then I moved into color variations for the pages. I designed error pages, navigation, special pages, and the homepage last. I didn’t design every detail, but quickly moved from idea to idea, leaving behind a mess of unnamed layers and incomplete or outdated ideas.
 
 <Figure caption="Color Variants" size="fullsize">
-  <Image src="/assets/images/posts/color-variants-design.jpg" alt="Color Variants" />
+  <Image src="/assets/images/posts/color-variants-design.webp" alt="Color Variants" />
 </Figure>
 
 I created a giant design for all layout variations I wanted to support on a page (e.g., the combination of an image and a text). I moved quickly to [CodePen](https://codepen.io/) to create prototypes for these variations to validate my ideas where feasible. You can see all my prototypes on my CodePen account.
 
 <Figure caption="Homepage" size="fullsize">
-  <Image src="/assets/images/posts/homepage-design.jpg" alt="Homepage" />
+  <Image src="/assets/images/posts/homepage-design.webpp" alt="Homepage" />
 </Figure>
 
 <Figure caption="Haiku Section" size="fullsize">
-  <Image src="/assets/images/posts/haiku-design.jpg" alt="Haiku Section" />
+  <Image src="/assets/images/posts/haiku-design.webp" alt="Haiku Section" />
 </Figure>
 
 In the fall of 2019, I finished my design and left it for a few weeks untouched to see if I start disliking it. On the 25th of November 2019, I finally started coding.
diff --git a/src/content/journal/2020/new-website-2020.mdx b/src/content/journal/2020/new-website-2020.mdx
index 5e0a960..09baeee 100644
--- a/src/content/journal/2020/new-website-2020.mdx
+++ b/src/content/journal/2020/new-website-2020.mdx
@@ -13,11 +13,11 @@ Finally, after **3 years** with **250 hours** of work, I finished my longest-run
 There are _multiple_ reasons it took me a while: I created not only a new design, with a light and dark theme, screen size-dependent grid, and typography. I developed it with a new technology stack, including the static-site generator [Gatsby](https://www.gatsbyjs.org/), [TypeScript](https://www.typescriptlang.org/), [Styled Components](https://styled-components.com/), [MDX](https://mdxjs.com/), [GraphQL](https://graphql.org/), and [CSS Grid Layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout).
 
 <Figure caption="Light Version Homepage">
-  <Image src="/assets/images/posts/homepage-light.jpg" alt="Light Version Homepage" />
+  <Image src="/assets/images/posts/homepage-light.webp" alt="Light Version Homepage" />
 </Figure>
 
 <Figure caption="Dark Version Homepage">
-  <Image src="/assets/images/posts/homepage-dark.jpg" alt="Dark Version Homepage" />
+  <Image src="/assets/images/posts/homepage-dark.webp" alt="Dark Version Homepage" />
 </Figure>
 
 I always take the opportunity to learn new things while working on personal projects. This time I intentionally picked TypeScript, even though I knew it would slow me down. I wanted to learn it beyond basic training and theory, which is possible while doing it.
@@ -43,7 +43,7 @@ For the first time, the website has a [Projects](/projects/) section showing my
 My Haiku (short Japanese poems) collection was previously loveless, dumped on a single page without proper context. After the relaunch, I dedicated a whole section to the [Haiku](/haiku/), including English translations.
 
 <Figure caption="Haiku">
-  <Image src="/assets/images/posts/haiku.jpg" alt="Haiku" />
+  <Image src="/assets/images/posts/haiku.webp" alt="Haiku" />
 </Figure>
 
 ### Sketchnotes
@@ -55,7 +55,7 @@ I had a collection of my Sketchnotes hosted on a subdomain on Tumblr and wanted
 A few years back I created a small project, creating an ASE file out of Traditional Colors of Japanese mentioned in a book with the same title. This project got [an own page](/traditional-colors-of-japan/) showing all colors and the books these are from.
 
 <Figure caption="The Traditional Colors of Japan">
-  <Image src="/assets/images/posts/colors-of-japan.jpg" alt="The Traditional Colors of Japan" />
+  <Image src="/assets/images/posts/colors-of-japan.webp" alt="The Traditional Colors of Japan" />
 </Figure>
 
 The entire project stretched for three years because I didn’t work continuously on the website, and sometimes didn’t do something for multiple months.
diff --git a/src/content/journal/2020/tools-i-use-for-note-taking.mdx b/src/content/journal/2020/tools-i-use-for-note-taking.mdx
index 08841c3..9589143 100644
--- a/src/content/journal/2020/tools-i-use-for-note-taking.mdx
+++ b/src/content/journal/2020/tools-i-use-for-note-taking.mdx
@@ -57,7 +57,10 @@ Obsidian has a Quick Switcher that allows jumping between notes in seconds and s
 The Graph View is a cool feature! It displays all notes as dots (depending on the zoom level with or without the note name) and all connections between notes are visualized as lines. This allows us to see how good (or bad) the notes are connected. You can drag notes around and all connected notes will follow.
 
 <Figure caption="Obsidian Graph View of my 3,500 notes" size="wide">
-  <Image src="/assets/images/posts/obsidian-graph-view.jpg" alt="Obsidian Graph View of my notes" />
+  <Image
+    src="/assets/images/posts/obsidian-graph-view.webp"
+    alt="Obsidian Graph View of my notes"
+  />
 </Figure>
 
 One plugin allows opening a note via custom shortcuts in the default app, which I use to edit longer notes in iA Writer.
diff --git a/src/content/journal/2020/zettelkasten-note-taking-devonthink.mdx b/src/content/journal/2020/zettelkasten-note-taking-devonthink.mdx
index 4fa165a..99b407f 100644
--- a/src/content/journal/2020/zettelkasten-note-taking-devonthink.mdx
+++ b/src/content/journal/2020/zettelkasten-note-taking-devonthink.mdx
@@ -128,7 +128,7 @@ Originally, I had the tags included in the note, but I discarded the idea, becau
 One of the best features of DEVONthink is its fantastic sorter. It can be used as a menu bar item or a floating index tab, it can be triggered with various shortcuts. It allows capturing notes in many possible formats. Additionally, audio, video, screenshots, and websites. The latter one is powerful and able to strip all clutter and keep text and images or convert the content to Markdown, save it as HTML, rich text, pure text, PDF, or web archive.
 
 <Figure caption="The DEVONthink sorter to capture content quickly">
-  <Image src="/assets/images/posts/devonthink-sorter.jpg" alt="The DEVONthink Sorter" />
+  <Image src="/assets/images/posts/devonthink-sorter.webp" alt="The DEVONthink Sorter" />
 </Figure>
 
 ### Fast Live Search with Powerful Search Operators
@@ -193,7 +193,7 @@ I regularly reserve time to transfer notes, highlights, and quotes from books I
 
 <Figure caption="DEVONthink view on a Markdown document with a sidebar for notes" size="wide">
   <Image
-    src="/assets/images/posts/devonthink-zettelkasten.jpg"
+    src="/assets/images/posts/devonthink-zettelkasten.webp"
     alt="My Zettelkasten in DEVONthink"
   />
 </Figure>
diff --git a/src/content/journal/2021/how-to-prepare-for-the-worst-case.mdx b/src/content/journal/2021/how-to-prepare-for-the-worst-case.mdx
index f375752..34b59d6 100644
--- a/src/content/journal/2021/how-to-prepare-for-the-worst-case.mdx
+++ b/src/content/journal/2021/how-to-prepare-for-the-worst-case.mdx
@@ -4,7 +4,7 @@ slug: how-to-prepare-for-the-worst-case
 date: 2021-11-19
 author: Stefan Imhoff
 description: When potential dangers to the individual increase due to mismanagement, political incompetency, or tribalism, it’s good to have a plan on how to protect yourself and your family.
-cover: /assets/images/cover/bug-out-bag.jpg
+cover: /assets/images/cover/bug-out-bag.webp
 tags: ["recommendation", "self-improvement", "book"]
 ---
 
@@ -288,7 +288,7 @@ Next, I bought a waterproof <AffiliateLink asin="B08NF9KH46" text="45L Military
 And yes, I bought the <AffiliateLink asin="B085VRYBPH" text="Gadsden flag" /> sticker additionally. It’s the flag used by Libertarians around the world. The snake design and the words "Don’t Tread On Me" is a warning of vigilance and willingness to act in defense against coercion. 😂
 
 <Figure caption="Bug Out Bag">
-  <Image src="/assets/images/posts/bug-out-bag.jpg" alt="Bug Out Bag" />
+  <Image src="/assets/images/posts/bug-out-bag.webp" alt="Bug Out Bag" />
 </Figure>
 
 [^mooser2021lp]: Barbara Mooser (2021): _Skandal im Netz: Abgeordneter Huber im Twitter-Gewitter_, https://www.sueddeutsche.de/muenchen/ebersberg/falscher-hashtag-skandal-im-netz-abgeordneter-huber-im-twitter-gewitter-1.5388590.
diff --git a/src/content/journal/2021/interpretation-the-gods-of-the-copybook-headings.mdx b/src/content/journal/2021/interpretation-the-gods-of-the-copybook-headings.mdx
index 0406dd2..7a21f79 100644
--- a/src/content/journal/2021/interpretation-the-gods-of-the-copybook-headings.mdx
+++ b/src/content/journal/2021/interpretation-the-gods-of-the-copybook-headings.mdx
@@ -4,7 +4,7 @@ slug: interpretation-the-gods-of-the-copybook-headings
 date: 2021-06-12
 author: Stefan Imhoff
 description: A modern interpretation of Rudyard Kipling’s great poem.
-cover: /assets/images/cover/copybook-headings.jpg
+cover: /assets/images/cover/copybook-headings.webp
 featured: true
 tags: ["poetry", "politics", "philosophy"]
 series: kipling-poems
@@ -32,7 +32,7 @@ The poem is his warning.
 
 <Figure caption="A page from a 19th-century copybook, in which the printed headings have been copied. The homily is paraphrased from a 17th-century sermon of Isaac Barrow, Against Detraction — “Good nature, like a bee, collects honey from every herb. Ill nature, like a spider, sucks poison from the flowers.”">
   <Image
-    src="/assets/images/posts/copybook-headings.jpg"
+    src="/assets/images/posts/copybook-headings.webp"
     alt="A page from a 19th-century copybook"
   />
 </Figure>
diff --git a/src/content/journal/2021/new-website-2021.mdx b/src/content/journal/2021/new-website-2021.mdx
index f9caad9..97045cc 100644
--- a/src/content/journal/2021/new-website-2021.mdx
+++ b/src/content/journal/2021/new-website-2021.mdx
@@ -10,7 +10,7 @@ tags: ["code", "design"]
 My brand-new website is online, using [Eleventy](https://www.11ty.dev/) as its static site generator. The development was quick and fun, and Eleventy gives me a huge amount of flexibility. And it’s fast, [very fast](https://www.zachleat.com/web/build-benchmark/). Burned by my last technology choice, I did this time a performance test _before_ picking the tool. I created 1000 large Markdown pages and let Eleventy render them to HTML. It was done in an astonishing 3.8 seconds.
 
 <Figure caption="New Website 2021 Homepage" size="wide">
-  <Image src="/assets/images/posts/new-website-2021.jpg" alt="New Website 2021 Homepage" />
+  <Image src="/assets/images/posts/new-website-2021.webp" alt="New Website 2021 Homepage" />
 </Figure>
 
 ## What’s New?
diff --git a/src/content/journal/2021/web-developer-work-environment-1.mdx b/src/content/journal/2021/web-developer-work-environment-1.mdx
index bcf9947..d1677c9 100644
--- a/src/content/journal/2021/web-developer-work-environment-1.mdx
+++ b/src/content/journal/2021/web-developer-work-environment-1.mdx
@@ -45,7 +45,7 @@ My previous dotfiles used a custom script to create symbolic links from inside t
 Previously, I used [iTerm2](https://iterm2.com/) as my terminal application, but it is slow and using Vim is sluggish. I heard of [Kitty](https://github.com/kovidgoyal/kitty) and [Alacritty](https://github.com/alacritty/alacritty) and tried both. In the end, I decided to use Kitty as my new terminal application. It is a cross-platform, fast, feature-rich, GPU-based terminal. Additionally, it has built-in support for [Ligatures](<https://en.wikipedia.org/wiki/Ligature_(writing)>).
 
 <Figure caption="Terminal" size="wide">
-  <Image src="/assets/images/posts/work-environment-terminal.jpg" alt="Terminal" />
+  <Image src="/assets/images/posts/work-environment-terminal.webp" alt="Terminal" />
 </Figure>
 
 ## Shell
@@ -89,7 +89,7 @@ While it is possible to download color themes for each tool, I use [base16-shell
 The terminal beginner uses a new terminal window when wanting to run something while a process is in progress. The intermediate terminal user uses the built-in feature of terminals to create new tabs. The advanced terminal user uses the built-in feature to split windows into separate sections. The professional terminal user uses a terminal multiplexer. It allows you to switch between several programs in one terminal and detach them while keeping them running in the background.
 
 <Figure caption="TMUX" size="wide">
-  <Image src="/assets/images/posts/work-environment-tmux.jpg" alt="TMUX" />
+  <Image src="/assets/images/posts/work-environment-tmux.webp" alt="TMUX" />
 </Figure>
 
 A co-worker introduced me to this concept 10 years ago. Since then, I use [tmux](https://tmux.github.io/). It allows me to run many work projects and private projects at the same time and switch with a few keystrokes between them.
@@ -117,7 +117,7 @@ This is where useful tools like [z](https://github.com/rupa/z) and [fzf](https:/
 [FZF](https://github.com/junegunn/fzf) is my favorite tool on the terminal. It is a general-purpose command-line fuzzy finder that is blazing fast and can be combined with every tool thinkable.
 
 <Figure caption="FZF" size="wide">
-  <Image src="/assets/images/posts/work-environment-fzf.jpg" alt="FZF" />
+  <Image src="/assets/images/posts/work-environment-fzf.webp" alt="FZF" />
 </Figure>
 
 You can take nearly any output and pass it to FZF to get a list that can be filtered down with a fuzzy search in seconds. It can handle tenths of thousands or even hundreds of thousands of items with a fantastic performance.
@@ -127,7 +127,7 @@ You can take nearly any output and pass it to FZF to get a list that can be filt
 Terminals have tools like `cat`, `head`, or `tail` to quickly view content without opening them in a more powerful editor. Cat is the most used tool of this kind, but it doesn’t have plenty of features except showing the content.
 
 <Figure caption="Bat" size="wide">
-  <Image src="/assets/images/posts/work-environment-bat.jpg" alt="Bat" />
+  <Image src="/assets/images/posts/work-environment-bat.webp" alt="Bat" />
 </Figure>
 
 [Bat](https://github.com/sharkdp/bat) is a content viewer like cat, but with powerful features like syntax highlighting, line numbers, git integration, and paging. I replaced it nearly everywhere where I used `cat` before. It can be combined with FZF to view the code.
@@ -200,7 +200,7 @@ I use [pyenv](https://github.com/pyenv/pyenv) for version management with Python
 There are dozens of window managers available, paid or free. Even the built-in macOS split feature might be enough for regular people. But a powerful window manager is crucial for effective working. As a developer, we use two or even more monitors to constantly monitor services, browse the documentation, write code, check email or chat, and browse the internet. The context switches throughout the day, sometimes the Browser is a primary tool (when surfing), and other times it’s a secondary tool (when coding). Moving windows around monitors, resizing and arranging them is therefore important.
 
 <Figure caption="Hammerspoon" size="wide">
-  <Image src="/assets/images/posts/work-environment-hammerspoon.jpg" alt="Hammerspoon" />
+  <Image src="/assets/images/posts/work-environment-hammerspoon.webp" alt="Hammerspoon" />
 </Figure>
 
 I use [Hammerspoon](https://www.hammerspoon.org/) for nearly 10 years. It is a bridge between macOS and a Lua scripting engine. It’s possible to control nearly everything with it and listen to Wi-Fi or USB events. I use it mainly for window resizing, window layout management, and application switching. If you’re interested in my configuration, you can find it in [init.lua](https://github.com/kogakure/dotfiles/blob/master/hammerspoon/init.lua) and additional helper functions in [functions.lua](https://github.com/kogakure/dotfiles/blob/master/hammerspoon/functions.lua). Those are copied because I had no clue about Lua 10 years ago.
diff --git a/src/content/journal/2021/web-developer-work-environment-2.mdx b/src/content/journal/2021/web-developer-work-environment-2.mdx
index a42ea4d..b8ff4c7 100644
--- a/src/content/journal/2021/web-developer-work-environment-2.mdx
+++ b/src/content/journal/2021/web-developer-work-environment-2.mdx
@@ -72,7 +72,7 @@ Neovim has many features inherited from Vim and Vi, but the developers can’t a
 Even for installing plugins, you have multiple options: You can download and copy the file manually (nobody does this) or install one of the many plugin managers. I use [vim-plug](https://github.com/kogakure/dotfiles/blob/master/nvim/autocmd.vim). All you need to do is add a line pointing to the plugin to your configuration, reload Vim, and run `:PlugInstall`.
 
 <Figure caption="Vim Plug" size="wide">
-  <Image src="/assets/images/posts/work-environment-plug-install.jpg" alt="Vim Plug" />
+  <Image src="/assets/images/posts/work-environment-plug-install.webp" alt="Vim Plug" />
 </Figure>
 
 ### Plugin Configuration
@@ -94,7 +94,7 @@ The amount of my plugins is currently 78. I will use the rough categories of my
 The built-in LSP client of Neovim is a fantastic feature. But it’s the most complicated part to set up at the moment. Of all the plugins, I struggled the most in setting up LSP. The main plugins to help are [lspconfig](https://github.com/neovim/nvim-lspconfig) and [nvim-lsp-installer](https://github.com/williamboman/nvim-lsp-installer) will help to create configurations for the LSP servers and to install them without additional manual work.
 
 <Figure caption="LSP Installer" size="wide">
-  <Image src="/assets/images/posts/work-environment-lsp-installer.jpg" alt="LSP Installer" />
+  <Image src="/assets/images/posts/work-environment-lsp-installer.webp" alt="LSP Installer" />
 </Figure>
 
 One of the LSP servers is the diagnostics language server. There is an [unofficial collection](https://github.com/creativenull/diagnosticls-configs-nvim) of configurations for useful things such as prettier or ESLint.
@@ -106,7 +106,7 @@ One of the LSP servers is the diagnostics language server. There is an [unoffici
 Vim has a nice completion engine with `omnicomplete`, but with [nvim-cmp](https://github.com/hrsh7th/nvim-cmp) it feels much more modern. The recommended setup includes more plugins by the same author to complete LSP, buffers, path, vim’s command line, and snippets of one of the four biggest snippet plugins.
 
 <Figure caption="Completion" size="wide">
-  <Image src="/assets/images/posts/work-environment-completion.jpg" alt="Completion" />
+  <Image src="/assets/images/posts/work-environment-completion.webp" alt="Completion" />
 </Figure>
 
 I decided to stay with [Ultisnips](https://github.com/SirVer/ultisnips) because it’s the most starred, creating snippets is quick and easy and with [vim-snippets](https://github.com/honza/vim-snippets) it brings a massive collection of snippets. There is a [source for nvim-cmp](https://github.com/quangnguyen30192/cmp-nvim-ultisnips).
@@ -118,7 +118,7 @@ The plugin [lspkind-nvim](https://github.com/onsails/lspkind-nvim) will add pret
 [Telescope](https://github.com/nvim-telescope/telescope.nvim) is my favorite plugin. It is a plugin to find, filter, preview, and pick files. It supports built-in dozens of features, for example, files, Vim features, LSP, Git, and many more. But it can be extended to browse [the file system](https://github.com/nvim-telescope/telescope-file-browser.nvim), [fzf](https://github.com/nvim-telescope/telescope-fzf-native.nvim), [recently used files](https://github.com/nvim-telescope/telescope-frecency.nvim), [node_modules](https://github.com/nvim-telescope/telescope-node-modules.nvim), or [browser bookmarks](https://github.com/dhruvmanila/telescope-bookmarks.nvim).
 
 <Figure caption="Telescope" size="wide">
-  <Image src="/assets/images/posts/work-environment-telescope.jpg" alt="Telescope" />
+  <Image src="/assets/images/posts/work-environment-telescope.webp" alt="Telescope" />
 </Figure>
 
 I don’t use Tree plugins much because Telescope is fast and finds everything, but every so often you want to browse a specific folder structure. NerdTree is the most famous tree plugin, but I use a newer version written in Lua: [nvim-tree.lua](https://github.com/kyazdani42/nvim-tree.lua).
@@ -160,7 +160,7 @@ Another thing on the opposite end of the window that many people want is a statu
 I like to work distraction-free. In Visual Studio Code there is the Zen mode which will hide all unnecessary things. For Vim, the plugin [Goyo](https://github.com/junegunn/goyo.vim) does a similar thing. It centers the editor and removes all distractions.
 
 <Figure caption="Goyo" size="wide">
-  <Image src="/assets/images/posts/work-environment-goyo.jpg" alt="Goyo" />
+  <Image src="/assets/images/posts/work-environment-goyo.webp" alt="Goyo" />
 </Figure>
 
 ### Syntax Highlighting
@@ -174,7 +174,7 @@ The only problem I have is support for Styled Components. It’s an [open issue
 As a Front-end Web Developer, I love to see my color values visualized. The plugin [colorizer.lua](https://github.com/norcalli/nvim-colorizer.lua) does this fast and pretty.
 
 <Figure caption="Colorizer" size="wide">
-  <Image src="/assets/images/posts/work-environment-colorizer.jpg" alt="Colorizer" />
+  <Image src="/assets/images/posts/work-environment-colorizer.webp" alt="Colorizer" />
 </Figure>
 
 Another plugin I use is [Emmet](https://github.com/mattn/emmet-vim). It allows using this simple syntax to automatically create HTML or CSS.
diff --git a/src/content/journal/2022/artificial-intelligence-1-introduction.mdx b/src/content/journal/2022/artificial-intelligence-1-introduction.mdx
index 6e7a896..e74e198 100644
--- a/src/content/journal/2022/artificial-intelligence-1-introduction.mdx
+++ b/src/content/journal/2022/artificial-intelligence-1-introduction.mdx
@@ -4,7 +4,7 @@ slug: artificial-intelligence-1-introduction
 date: 2022-12-14
 author: Stefan Imhoff
 description: This is a four-part series of essays that investigates different aspects of AI.
-cover: /assets/images/cover/ai-cover-1.jpg
+cover: /assets/images/cover/ai-cover-1.webp
 tags: ["code", "technology"]
 series: artificial-intelligence
 ---
diff --git a/src/content/journal/2022/artificial-intelligence-2-text-generation.mdx b/src/content/journal/2022/artificial-intelligence-2-text-generation.mdx
index f16c40c..11c9a15 100644
--- a/src/content/journal/2022/artificial-intelligence-2-text-generation.mdx
+++ b/src/content/journal/2022/artificial-intelligence-2-text-generation.mdx
@@ -4,7 +4,7 @@ slug: artificial-intelligence-2-text-generation
 date: 2022-12-17
 author: Stefan Imhoff
 description: This is a four-part series of essays that investigates different aspects of AI.
-cover: /assets/images/cover/ai-cover-2.jpg
+cover: /assets/images/cover/ai-cover-2.webp
 tags: ["code", "technology", "writing"]
 series: artificial-intelligence
 ---
diff --git a/src/content/journal/2022/artificial-intelligence-3-text-to-image-generation.mdx b/src/content/journal/2022/artificial-intelligence-3-text-to-image-generation.mdx
index 8c6c79b..88f796a 100644
--- a/src/content/journal/2022/artificial-intelligence-3-text-to-image-generation.mdx
+++ b/src/content/journal/2022/artificial-intelligence-3-text-to-image-generation.mdx
@@ -4,7 +4,7 @@ slug: artificial-intelligence-3-text-to-image-generation
 date: 2022-12-21
 author: Stefan Imhoff
 description: This is a four-part series of essays that investigates different aspects of AI.
-cover: /assets/images/cover/ai-cover-3.jpg
+cover: /assets/images/cover/ai-cover-3.webp
 tags: ["code", "technology", "design"]
 series: artificial-intelligence
 ---
diff --git a/src/content/journal/2022/artificial-intelligence-4-getting-started.mdx b/src/content/journal/2022/artificial-intelligence-4-getting-started.mdx
index 7a27ad5..16fc815 100644
--- a/src/content/journal/2022/artificial-intelligence-4-getting-started.mdx
+++ b/src/content/journal/2022/artificial-intelligence-4-getting-started.mdx
@@ -4,7 +4,7 @@ slug: artificial-intelligence-4-getting-started
 date: 2022-12-24
 author: Stefan Imhoff
 description: This is a four-part series of essays that investigates different aspects of AI.
-cover: /assets/images/cover/ai-cover-4.jpg
+cover: /assets/images/cover/ai-cover-4.webp
 tags: ["code", "technology", "design"]
 series: artificial-intelligence
 ---
@@ -21,7 +21,7 @@ If you’re just curious and don’t to pay for the necessary hardware, or creat
 If you have an iPad or iPhone, you’re in luck because a free app is available on the App Store that allows using dozens of free image models based on Stable Diffusion. The name of the app is [Draw Things: AI Generation](https://apps.apple.com/app/draw-things-ai-generation/id6444050820), developed by Liu Liu. The app is mind-blowing and I highly recommend it.
 
 <Figure caption="Draw Things app for iOS/iPadOS" size="wide">
-  <Image src="/assets/images/posts/ai-draw-things.jpg" alt="Draw Things app" />
+  <Image src="/assets/images/posts/ai-draw-things.webp" alt="Draw Things app" />
 </Figure>
 
 The developer improves the app constantly by adding interesting new models. I downloaded over 50 GB of model data. Besides the official versions of Stable Diffusion, there are models from the community. The most important website for models is [Hugging Face](https://huggingface.co/), an AI community to build, train and deploy models powered by the reference open source in machine learning. It’s the GitHub for AI. You can find exciting [projects](https://huggingface.co/huggingface-projects) on Huggingface, for example [diffuse the f rest](https://huggingface.co/spaces/huggingface-projects/diffuse-the-rest), where you draw an image and provide a prompt and the AI will generate a better version of it.
@@ -67,7 +67,7 @@ To show what the models are capable of, I used my profile picture with different
 
 <Figure caption="My profile picture in different diffusion models" size="wide">
   <Image
-    src="/assets/images/posts/ai-diffusion-models.jpg"
+    src="/assets/images/posts/ai-diffusion-models.webp"
     alt="Profile picture in diffusion models"
   />
 </Figure>
@@ -93,7 +93,7 @@ Some generators allow negative prompts, to exclude specific things from the imag
 My first prompt was basic, I asked the AI to generate `a cyberpunk wizard`. The result was impressive, but random luck. I recreated the first two images with the same seed and upscaled the second one to add more detail. But the third image, generated with a new seed, created a complete different picture.
 
 <Figure caption="A cyberpunk wizard" size="wide">
-  <Image src="/assets/images/posts/ai-cyberpunk-wizard.jpg" alt="Cyberpunk wizard" />
+  <Image src="/assets/images/posts/ai-cyberpunk-wizard.webp" alt="Cyberpunk wizard" />
 </Figure>
 
 The art or skill of writing a good prompt is somewhere between programming, art direction, art history, photography, and writing. The more you know about formats, lenses, colors, lighting, art, artists, photography, painting, and many other art forms, the better you can write a good prompt.
@@ -125,7 +125,7 @@ A seed is a starting point for generating an AI image. It can be a random value
 Inpainting is a technique used in image processing and computer vision to fill in missing or corrupted parts of an image. Inpainting algorithms can be used to restore damaged or degraded images, remove objects from an image, or fill in gaps in an image. These algorithms work by using information from surrounding pixels in the image to estimate the values of the missing or corrupted pixels. In the context of AI image generation, inpainting can be used to improve the quality of generated images by filling in any missing or incomplete pixels.
 
 <Figure caption="AI Inpainting" size="wide">
-  <Image src="/assets/images/posts/ai-inpainting.jpg" alt="AI Inpainting" />
+  <Image src="/assets/images/posts/ai-inpainting.webp" alt="AI Inpainting" />
 </Figure>
 
 The simplest form of inpainting is to remove a specific object from an image. For example, if you want to remove a person from an image, you can use an inpainting algorithm to fill in the missing pixels with the surrounding pixels. It is possible to fill the area in with a prompt. In the image above, I asked Stable Diffusion to fill in a teddy bear, sitting on a sofa.
diff --git a/src/content/journal/2022/civil-war-truth-1-introduction.mdx b/src/content/journal/2022/civil-war-truth-1-introduction.mdx
index 39f6f8f..20ffa75 100644
--- a/src/content/journal/2022/civil-war-truth-1-introduction.mdx
+++ b/src/content/journal/2022/civil-war-truth-1-introduction.mdx
@@ -7,7 +7,7 @@ description: This is the introduction to a seven-part series that
   investigates why the last 10 years were uniquely turbulent with
   ever-increasing political division, rampant censorship, and growing
   authoritarianism.
-cover: /assets/images/cover/civil-war-truth-1-introduction.jpg
+cover: /assets/images/cover/civil-war-truth-1-introduction.webp
 tags: ["politics"]
 series: civil-war-truth
 ---
diff --git a/src/content/journal/2022/civil-war-truth-2-corporatism-technocracy.mdx b/src/content/journal/2022/civil-war-truth-2-corporatism-technocracy.mdx
index b559de0..b8f8c5b 100644
--- a/src/content/journal/2022/civil-war-truth-2-corporatism-technocracy.mdx
+++ b/src/content/journal/2022/civil-war-truth-2-corporatism-technocracy.mdx
@@ -7,7 +7,7 @@ description: This is the second part of a seven-part series that
   investigates why the last 10 years were uniquely turbulent with
   ever-increasing political division, rampant censorship, and growing
   authoritarianism.
-cover: /assets/images/cover/civil-war-truth-2-corporatism-technocracy.jpg
+cover: /assets/images/cover/civil-war-truth-2-corporatism-technocracy.webp
 tags: ["politics"]
 series: civil-war-truth
 ---
diff --git a/src/content/journal/2022/civil-war-truth-3-political-division.mdx b/src/content/journal/2022/civil-war-truth-3-political-division.mdx
index 454c6a5..a0f1816 100644
--- a/src/content/journal/2022/civil-war-truth-3-political-division.mdx
+++ b/src/content/journal/2022/civil-war-truth-3-political-division.mdx
@@ -7,7 +7,7 @@ description: This is the third part of a seven-part series that
   investigates why the last 10 years were uniquely turbulent with
   ever-increasing political division, rampant censorship, and growing
   authoritarianism.
-cover: /assets/images/cover/civil-war-truth-3-political-division.jpg
+cover: /assets/images/cover/civil-war-truth-3-political-division.webp
 tags: ["politics"]
 series: civil-war-truth
 ---
diff --git a/src/content/journal/2022/civil-war-truth-4-media-journalism.mdx b/src/content/journal/2022/civil-war-truth-4-media-journalism.mdx
index 6e3c515..452196e 100644
--- a/src/content/journal/2022/civil-war-truth-4-media-journalism.mdx
+++ b/src/content/journal/2022/civil-war-truth-4-media-journalism.mdx
@@ -7,7 +7,7 @@ description: This is the fourth part of a seven-part series that
   investigates why the last 10 years were uniquely turbulent with
   ever-increasing political division, rampant censorship, and growing
   authoritarianism.
-cover: /assets/images/cover/civil-war-truth-4-media-journalism.jpg
+cover: /assets/images/cover/civil-war-truth-4-media-journalism.webp
 tags: ["politics"]
 series: civil-war-truth
 ---
diff --git a/src/content/journal/2022/civil-war-truth-5-academia.mdx b/src/content/journal/2022/civil-war-truth-5-academia.mdx
index c9713b6..e8296f8 100644
--- a/src/content/journal/2022/civil-war-truth-5-academia.mdx
+++ b/src/content/journal/2022/civil-war-truth-5-academia.mdx
@@ -7,7 +7,7 @@ description: This is the fifth part of a seven-part series that
   investigates why the last 10 years were uniquely turbulent with
   ever-increasing political division, rampant censorship, and growing
   authoritarianism.
-cover: /assets/images/cover/civil-war-truth-5-academia.jpg
+cover: /assets/images/cover/civil-war-truth-5-academia.webp
 tags: ["politics"]
 series: civil-war-truth
 ---
diff --git a/src/content/journal/2022/civil-war-truth-6-science.mdx b/src/content/journal/2022/civil-war-truth-6-science.mdx
index 08ef13d..ff3fed9 100644
--- a/src/content/journal/2022/civil-war-truth-6-science.mdx
+++ b/src/content/journal/2022/civil-war-truth-6-science.mdx
@@ -7,7 +7,7 @@ description: This is the sixth part of a seven-part series that
   investigates why the last 10 years were so uniquely turbulent with
   ever-increasing political division, rampant censorship, and growing
   authoritarianism.
-cover: /assets/images/cover/civil-war-truth-6-science.jpg
+cover: /assets/images/cover/civil-war-truth-6-science.webp
 tags: ["politics"]
 series: civil-war-truth
 ---
diff --git a/src/content/journal/2022/civil-war-truth-7-conclusion.mdx b/src/content/journal/2022/civil-war-truth-7-conclusion.mdx
index e1c3b63..2702c90 100644
--- a/src/content/journal/2022/civil-war-truth-7-conclusion.mdx
+++ b/src/content/journal/2022/civil-war-truth-7-conclusion.mdx
@@ -7,7 +7,7 @@ description: This is the last part of a seven-part series that
   investigates why the last 10 years were so uniquely turbulent with
   ever-increasing political division, rampant censorship, and growing
   authoritarianism.
-cover: /assets/images/cover/civil-war-truth-7-conclusion.jpg
+cover: /assets/images/cover/civil-war-truth-7-conclusion.webp
 tags: ["politics"]
 series: civil-war-truth
 ---
diff --git a/src/content/journal/2022/manage-references-for-note-taking.mdx b/src/content/journal/2022/manage-references-for-note-taking.mdx
index 81c4975..41081ee 100644
--- a/src/content/journal/2022/manage-references-for-note-taking.mdx
+++ b/src/content/journal/2022/manage-references-for-note-taking.mdx
@@ -5,7 +5,7 @@ date: 2022-04-22
 updated: 2022-04-30
 author: Stefan Imhoff
 description: When writing notes, it’s important to keep references somewhere to make sure our ideas are backed up, and we can quote the source accordingly. This is how I work with my references.
-cover: /assets/images/cover/manage-references-for-note-taking.jpg
+cover: /assets/images/cover/manage-references-for-note-taking.webp
 tags: ["writing", "productivity", "recommendation"]
 ---
 
diff --git a/src/content/journal/2022/rss-news-feed.mdx b/src/content/journal/2022/rss-news-feed.mdx
index 6e4c4b3..7e03481 100644
--- a/src/content/journal/2022/rss-news-feed.mdx
+++ b/src/content/journal/2022/rss-news-feed.mdx
@@ -4,7 +4,7 @@ slug: rss-news-feed
 date: 2022-11-05
 author: Stefan Imhoff
 description: Why you should stop reading news inside of social media sites and instead use the RSS/Atom news feed format to directly follow content creators, and why you should provide a news feed as a content creator.
-cover: /assets/images/cover/news-wave.jpg
+cover: /assets/images/cover/news-wave.webp
 tags: ["recommendation", "technology"]
 ---
 
diff --git a/src/content/journal/2022/template-ia-writer-nanzan.mdx b/src/content/journal/2022/template-ia-writer-nanzan.mdx
index b40624f..775d0ef 100644
--- a/src/content/journal/2022/template-ia-writer-nanzan.mdx
+++ b/src/content/journal/2022/template-ia-writer-nanzan.mdx
@@ -5,7 +5,7 @@ author: Stefan Imhoff
 date: 2022-03-17
 description: I created a preview template for my favorite writing app iA Writer.
 featured: true
-cover: /assets/images/cover/ia-writer-template-nanzan.jpg
+cover: /assets/images/cover/ia-writer-template-nanzan.webp
 tags: ["code", "design", "download"]
 series: ia-writer-templates
 ---
diff --git a/src/content/journal/2022/template-ia-writer-shibui.mdx b/src/content/journal/2022/template-ia-writer-shibui.mdx
index dbf0ca7..3b667c8 100644
--- a/src/content/journal/2022/template-ia-writer-shibui.mdx
+++ b/src/content/journal/2022/template-ia-writer-shibui.mdx
@@ -5,7 +5,7 @@ author: Stefan Imhoff
 date: 2022-03-18
 description: I created a preview template for my favorite writing app iA Writer.
 featured: true
-cover: /assets/images/cover/ia-writer-template-shibui.jpg
+cover: /assets/images/cover/ia-writer-template-shibui.webp
 tags: ["code", "design", "download"]
 series: ia-writer-templates
 ---
diff --git a/src/content/journal/2022/tools-for-better-writing.mdx b/src/content/journal/2022/tools-for-better-writing.mdx
index 359fd61..f0a5fd2 100644
--- a/src/content/journal/2022/tools-for-better-writing.mdx
+++ b/src/content/journal/2022/tools-for-better-writing.mdx
@@ -4,7 +4,7 @@ slug: tools-for-better-writing
 date: 2022-09-09
 author: Stefan Imhoff
 description: The tools I use for better writing
-cover: /assets/images/cover/tools-for-better-writing.jpg
+cover: /assets/images/cover/tools-for-better-writing.webp
 tags: ["writing", "technology"]
 ---
 
diff --git a/src/content/journal/2023/shokunin.mdx b/src/content/journal/2023/shokunin.mdx
index acadedf..7488383 100644
--- a/src/content/journal/2023/shokunin.mdx
+++ b/src/content/journal/2023/shokunin.mdx
@@ -4,7 +4,7 @@ slug: shokunin
 date: 2023-03-08
 author: Stefan Imhoff
 description: The Japanese word “shokunin” describes an artisan or craftsman. In this essay, I investigate the meaning and history of the word and show a variety of examples.
-cover: /assets/images/cover/shinto-gate.jpg
+cover: /assets/images/cover/shinto-gate.webp
 tags: ["philosophy", "design", "film"]
 ---
 
diff --git a/src/content/journal/2023/thomas-sowell.mdx b/src/content/journal/2023/thomas-sowell.mdx
index 17c96d1..c8fb91c 100644
--- a/src/content/journal/2023/thomas-sowell.mdx
+++ b/src/content/journal/2023/thomas-sowell.mdx
@@ -4,7 +4,7 @@ slug: thomas-sowell
 date: 2023-10-29
 author: Stefan Imhoff
 description: Discover the influential works of Thomas Sowell, a visionary economist and author, as he challenges commonly held beliefs and exposes the dangers of pursuing a utopian vision in society.
-cover: /assets/images/cover/thomas-sowell.jpg
+cover: /assets/images/cover/thomas-sowell.webp
 tags: ["book", "philosophy", "politics", "recommendation"]
 ---
 
diff --git a/src/content/journal/2023/website-relaunch-astro-preact-tailwind.mdx b/src/content/journal/2023/website-relaunch-astro-preact-tailwind.mdx
index 45a33d7..5749098 100644
--- a/src/content/journal/2023/website-relaunch-astro-preact-tailwind.mdx
+++ b/src/content/journal/2023/website-relaunch-astro-preact-tailwind.mdx
@@ -5,7 +5,7 @@ date: 2023-06-16
 author: Stefan Imhoff
 description: How I built my personal website using Astro, Tailwind CSS, and AI improving the information architecture, content, and design.
 tags: ["code", "design"]
-cover: /assets/images/cover/alien-worlds.jpg
+cover: /assets/images/cover/alien-worlds.webp
 ---
 
 After five months of hard work, I'm proud to present my new personal website, built with [Astro](https://astro.build/). Back in February 2023, I began working on the project. I had been wanting to try out Astro for a while, but when content collections were released, I was finally convinced. I also wanted to experiment with [Tailwind CSS](https://tailwindcss.com/), so I decided to use it for this project.
@@ -28,9 +28,9 @@ I've utilized AI a lot for my new website. Not only for coding with [GitHub Copi
   caption="AI Cover Photos: Bonsai (left), Shinto Gate in a mossy forest (center), and man running from a wave of news (right)"
   size="wide"
 >
-  <Image src="/assets/images/cover/bonsai.jpg" alt="Bonsai" />
-  <Image src="/assets/images/cover/shinto-gate.jpg" alt="Shinto gate in a mossy forest" />
-  <Image src="/assets/images/cover/news-wave.jpg" alt="Man running from a wave of news" />
+  <Image src="/assets/images/cover/bonsai.webp" alt="Bonsai" />
+  <Image src="/assets/images/cover/shinto-gate.webp" alt="Shinto gate in a mossy forest" />
+  <Image src="/assets/images/cover/news-wave.webp" alt="Man running from a wave of news" />
 </Figure>
 
 Previously, I had cover photos on my website, but I removed them because it was too time-consuming to find a new stock photo for each entry. However, with Stable Diffusion, I can now quickly generate a cover photo that fits the topic while experimenting with different art styles and techniques. I started with a few, such as the Bonsai on the homepage and the last 7 essays. I'll fill in the others over time. Likewise, I'm also planning to write a comprehensive tutorial on how I used Stable Diffusion to generate the bonsai cover image.
@@ -40,7 +40,7 @@ Previously, I had cover photos on my website, but I removed them because it was
 Recreating my previous website with [Astro](https://astro.build/) was a lot of fun. It was impressive how quickly it was set up and how easy it was to find anything in the documentation. And the speed of Astro is impressive, nearly all of my pages have a perfect 100% rating in [Unlighthouse](https://unlighthouse.dev/).
 
 <Figure caption="Unlighthouse Results" size="wide">
-  <Image src="/assets/images/posts/unlighthouse.jpg" alt="unlighthouse results for my website" />
+  <Image src="/assets/images/posts/unlighthouse.webp" alt="unlighthouse results for my website" />
 </Figure>
 
 I opted for [Preact](https://preactjs.com/) for components, even though many didn't need interactivity. I'm glad I could use [MDX](https://mdxjs.com/) and map components to markdown elements.
diff --git a/src/content/journal/2024/raycast.mdx b/src/content/journal/2024/raycast.mdx
index 869acd6..7c61e54 100644
--- a/src/content/journal/2024/raycast.mdx
+++ b/src/content/journal/2024/raycast.mdx
@@ -4,7 +4,7 @@ slug: raycast
 date: 2024-01-19
 author: Stefan Imhoff
 description: Discover the power of Raycast, the exceptionally fast and extendable launcher for macOS that will revolutionize your workflow. In this comprehensive article, I explore the impressive capabilities of Raycast, from its versatile application launcher and powerful calculator to its convenient features like floating notes, clipboard history, and window management. Find out how Raycast can enhance your productivity with its seamless integration of tools for developers, designers, and project managers.
-cover: /assets/images/cover/raycast.jpg
+cover: /assets/images/cover/raycast.webp
 tags: ["productivity", "software"]
 ---
 
@@ -17,7 +17,7 @@ I’ve used other application launchers before. Alfred was a good companion for
 ## Application Launcher
 
 <Figure caption="The Raycast Launcher with 4 pinned favorites." size="wide">
-  <Image src="/assets/images/posts/raycast-launcher.jpg" alt="Raycast Launcher" />
+  <Image src="/assets/images/posts/raycast-launcher.webp" alt="Raycast Launcher" />
 </Figure>
 
 The most basic feature that you get is an application launcher like Apple Spotlight, but it’s prettier, has fuzzy search, and, as with everything in Raycast, an alias and a keyboard shortcut can be assigned. I navigate between my main apps without exception using keyboard shortcuts.
@@ -31,7 +31,7 @@ In combination with a window manager (I use [yabai](https://github.com/koekeishi
 ## Calculator
 
 <Figure caption="Calculator" size="wide">
-  <Image src="/assets/images/posts/raycast-calculator.jpg" alt="Calculator" />
+  <Image src="/assets/images/posts/raycast-calculator.webp" alt="Calculator" />
 </Figure>
 
 Raycast has a magically powerful calculator. It can perform all the normal calculations and also convert angles, area, currency, data rate, data size, density, length, mass, power, pressure, speed, temperature, time, typography, volume, color, flight tracker, and many more.
@@ -46,7 +46,7 @@ The calculator history allows you to view previous calculations and pin useful o
   caption="Calendar showing the next meeting, appointments of the current day, following days."
   size="wide"
 >
-  <Image src="/assets/images/posts/raycast-calendar.jpg" alt="Calendar" />
+  <Image src="/assets/images/posts/raycast-calendar.webp" alt="Calendar" />
 </Figure>
 
 The [Calendar](https://raycastapp.notion.site/Calendar-b4bdcf402a024c37940e46e8dcf2da91) feature is incredible. It allows you to open a schedule overview directly in Raycast and join calls, block times, delete events, copy or open links, copy event title or details, and open the camera.
@@ -58,13 +58,13 @@ But the feature I love the most is the menu bar events. You can see the time unt
 Floating Notes are the perfect companion for storing ideas, ticket numbers, making quick notes in a meeting, removing formatting from copied text, and much more. I constantly use this feature. Raycast announced a big feature update for Floating Notes in 2024.
 
 <Figure caption="Floating Notes">
-  <Image src="/assets/images/posts/raycast-floating-notes.jpg" alt="Floating Notes" />
+  <Image src="/assets/images/posts/raycast-floating-notes.webp" alt="Floating Notes" />
 </Figure>
 
 ## Clipboard History
 
 <Figure caption="Clipboard History" size="wide">
-  <Image src="/assets/images/posts/raycast-clipboard-history.jpg" alt="Clipboard History" />
+  <Image src="/assets/images/posts/raycast-clipboard-history.webp" alt="Clipboard History" />
 </Figure>
 
 Another feature I use constantly is Clipboard History. It allows accessing the history of everything you copied, not only text, but images, files, links, and colors. They can be filtered, searched and directly copied, opened, edited, or deleted.
@@ -72,7 +72,7 @@ Another feature I use constantly is Clipboard History. It allows accessing the h
 ## Screenshots
 
 <Figure caption="Search Screenshots with text recognition." size="wide">
-  <Image src="/assets/images/posts/raycast-screenshots.jpg" alt="Screenshots" />
+  <Image src="/assets/images/posts/raycast-screenshots.webp" alt="Screenshots" />
 </Figure>
 
 The screenshots I create are saved in a cloud storage folder. With Raycast, you can search all your screenshots (images and videos) in multiple locations with a preview. You can search and filter them by date, name, and even by text inside a screenshot. My process is to use [Cleanshot X](https://cleanshot.com/) to capture and create full-length screenshots. I then send them directly to Cleanshot X from Raycast to annotate them and paste them back into a chat or work ticket.
@@ -80,7 +80,7 @@ The screenshots I create are saved in a cloud storage folder. With Raycast, you
 ## Snippets
 
 <Figure caption="Snippets" size="wide">
-  <Image src="/assets/images/posts/raycast-snippets.jpg" alt="Snippets" />
+  <Image src="/assets/images/posts/raycast-snippets.webp" alt="Snippets" />
 </Figure>
 
 I have used various paid and open-source solutions for snippets throughout the years. However, why use separate software when you can have it included in your favorite application?
@@ -92,7 +92,7 @@ There may be snippet applications available with more features (like programming
 ## Emoji & Symbols
 
 <Figure caption="Search Emoji & Symbols with pinned and frequently used emoji." size="wide">
-  <Image src="/assets/images/posts/raycast-emoji-symbols.jpg" alt="Search Emoji & Symbols" />
+  <Image src="/assets/images/posts/raycast-emoji-symbols.webp" alt="Search Emoji & Symbols" />
 </Figure>
 
 In a remote setting, it’s important to transfer emotions to lift the mood and make sure the text is not misunderstood. I use the Emoji & Symbols feature many times each day. The Raycast Emoji & Symbol app shows all emojis in a beautiful grid, shows recently used emojis, and allows you to pin the emojis important to you.
@@ -101,7 +101,7 @@ And recently, the feature got even better for Pro users, now you can search for
 
 <Figure caption="Search Emoji & Symbols with AI" size="wide">
   <Image
-    src="/assets/images/posts/raycast-emoji-symbols-ai.jpg"
+    src="/assets/images/posts/raycast-emoji-symbols-ai.webp"
     alt="Search Emoji & Symbols with AI"
   />
 </Figure>
@@ -109,7 +109,7 @@ And recently, the feature got even better for Pro users, now you can search for
 ## Search Files
 
 <Figure caption="Search Files" size="wide">
-  <Image src="/assets/images/posts/raycast-search-files.jpg" alt="Search Files" />
+  <Image src="/assets/images/posts/raycast-search-files.webp" alt="Search Files" />
 </Figure>
 
 This allows to search your hard drive for files, folders and optionally for the contents of your files. From there you can get information about the file, open, move, copy, duplicate and perform other commands on the selected file.
@@ -138,7 +138,7 @@ I use several script commands, which are publicly available in my [raycast-scrip
   caption="Raycast AI with custom configuration. This images shows my Japanese Assistant."
   size="wide"
 >
-  <Image src="/assets/images/posts/raycast-ai.jpg" alt="Raycast AI" />
+  <Image src="/assets/images/posts/raycast-ai.webp" alt="Raycast AI" />
 </Figure>
 
 In case you don’t know how to program custom scripts, you can use Raycast AI as a paying Pro member to help with that. Raycast AI is one of the features I use the most. It uses ChatGPT under the hood, but instead of using a web interface, you can use it everywhere on your computer and work with highlighted text.
@@ -150,7 +150,7 @@ You can continue (or start) a regular ChatGPT session in an extra window that co
 I have several assistants that I use for specific tasks, providing the necessary instructions and context. I have one that helps me solve coding issues, one that helps me learn Japanese grammar, and one for training tips.
 
 <Figure caption="Search AI Commands" size="wide">
-  <Image src="/assets/images/posts/raycast-ai-commands.jpg" alt="Search AI Commands" />
+  <Image src="/assets/images/posts/raycast-ai-commands.webp" alt="Search AI Commands" />
 </Figure>
 
 But the feature I like the most is Search AI Commands. These commands allow you to create specific custom commands that perform a task on your text. The built-in AI commands include:
@@ -176,7 +176,7 @@ Raycast includes another 10-20 AI commands as ideas, and I have created many mor
   caption="Translator. Translating “Epitaph for Poet’s Tomb” by Shuntaro Tanikawa."
   size="wide"
 >
-  <Image src="/assets/images/posts/raycast-translator.jpg" alt="Translate" />
+  <Image src="/assets/images/posts/raycast-translator.webp" alt="Translate" />
 </Figure>
 
 As a Pro subscriber, you have access to a fantastic built-in translator that can translate in nearly all languages. You can dictate and listen to the translations.
@@ -197,7 +197,7 @@ Raycast has many more features to mention, but here are a few:
 ## Raycast Store
 
 <Figure caption="Raycast Store" size="wide">
-  <Image src="/assets/images/posts/raycast-store.jpg" alt="Raycast Store" />
+  <Image src="/assets/images/posts/raycast-store.webp" alt="Raycast Store" />
 </Figure>
 
 This alone combines the features of a dozen or more, often paid apps. But the reason Raycast is so successful is its built-in app [store](https://www.raycast.com/store) that allows developers to provide custom extensions. Raycast provides a convenient and robust API to build extensions with [React](https://react.dev/), one of the most popular JavaScript libraries. Under the hood, the components are converted into native code.
@@ -207,20 +207,20 @@ Because the number of extensions is huge, I’ll show in the next section how I
 ## Browsing & Searching
 
 <Figure caption="Search Arc" size="wide">
-  <Image src="/assets/images/posts/raycast-extension-arc.jpg" alt="Search Arc" />
+  <Image src="/assets/images/posts/raycast-extension-arc.webp" alt="Search Arc" />
 </Figure>
 
 One of my most favorite extension in this section is the [Arc](https://www.raycast.com/the-browser-company/arc) extension that allows you to control the Arc browser from anywhere. With it, you can search, create new tabs and spaces, and access the browser history from anywhere. When I’m working somewhere and want to go to a specific tab, I don’t have to switch to the browser, find the tab, and click it. Instead, I can immediately jump to the correct tab instantly. There are similar extensions for other browsers, for example [Brave](https://www.raycast.com/ron-myers/brave).
 
 <Figure caption="Brave Search" size="wide">
-  <Image src="/assets/images/posts/raycast-extension-brave-search.jpg" alt="Brave Search" />
+  <Image src="/assets/images/posts/raycast-extension-brave-search.webp" alt="Brave Search" />
 </Figure>
 
 My default search engine these days is [Brave Search](https://search.brave.com/). Google is just too biased and suppresses too much information. With the [Brave Search](https://www.raycast.com/VishwasShashidhar/brave-search) extension, I can search with auto-complete from anywhere and directly open the search results in the browser.
 
 <Figure caption="Search Raindrop.io Bookmarks" size="wide">
   <Image
-    src="/assets/images/posts/raycast-extension-raindrop.jpg"
+    src="/assets/images/posts/raycast-extension-raindrop.webp"
     alt="Search Raindrop.io Bookmarks"
   />
 </Figure>
@@ -234,13 +234,13 @@ Other honorable mentions are the [Reddit Search](https://www.raycast.com/ewlchen
 I’m a Frontend Developer by profession and work a lot with code, but also with design tools.
 
 <Figure caption="Search GitHub Repositories" size="wide">
-  <Image src="/assets/images/posts/raycast-github.jpg" alt="Search GitHub Repositories" />
+  <Image src="/assets/images/posts/raycast-github.webp" alt="Search GitHub Repositories" />
 </Figure>
 
 As a developer, you work a lot with version control. I use the [GitHub](https://www.raycast.com/raycast/github), [GitHub Enterprise](https://www.raycast.com/Kinbaum/github-for-enterprise), and [GitHub Gist](https://www.raycast.com/koinzhang/github-gist) extensions. They allow you to view or create pull requests, discussions, read notifications, search repositories, and much more. The [Git Repos](https://www.raycast.com/moored/git-repos) extension allows searching on the local hard drive for Git repositories.
 
 <Figure caption="Homebrew Show Installed" size="wide">
-  <Image src="/assets/images/posts/raycast-homebrew.jpg" alt="Homebrew Show Installed" />
+  <Image src="/assets/images/posts/raycast-homebrew.webp" alt="Homebrew Show Installed" />
 </Figure>
 
 I use the [Kill Process](https://www.raycast.com/rolandleth/kill-process) extension to terminate hung processes. The [Port Manager](https://www.raycast.com/lucaschultz/port-manager) allows me to view or kill ports. The [Brew](https://www.raycast.com/nhojb/brew) extension allows me to use Homebrew from Raycast. I work a lot with Neovim and tmux in my WezTerm terminal. The [Tmux Sessioner](https://www.raycast.com/louishuyng/tmux-sessioner) allows me to jump directly into the terminal in a specific project.
@@ -248,7 +248,7 @@ I use the [Kill Process](https://www.raycast.com/rolandleth/kill-process) extens
 I use extensions to format or create code. For example, I use [SVGO](https://www.raycast.com/kaichi/raycast-svgo) to optimize SVGs, [SVGR](https://www.raycast.com/rickMcGavin/svgr) to create React components from SVGs, and tools like [Format JSON](https://www.raycast.com/destiner/json-format) and [Prettier Code](https://www.raycast.com/lin/prettier) to format any code. It’s convenient to format the code before pasting it anywhere on the web.
 
 <Figure caption="Tailwind CSS Search Colors" size="wide">
-  <Image src="/assets/images/posts/raycast-tailwindcss.jpg" alt="Tailwind CSS Search Colors" />
+  <Image src="/assets/images/posts/raycast-tailwindcss.webp" alt="Tailwind CSS Search Colors" />
 </Figure>
 
 A significant amount of a developer’s time is spent reading documentation to understand how libraries or tools work. I frequently use [Can I Use](https://www.raycast.com/thomaslombart/can-i-use) to determine browser support for web features, the [HTTP Status Codes](https://www.raycast.com/Alex_/http-status-codes) extension to look them up, [search npm packages](https://www.raycast.com/mrmartineau/search-npm), and browse the [TypeScript](https://www.raycast.com/chezhe/typescript-documentation-search) or [Tailwind CSS](https://www.raycast.com/vimtor/tailwindcss) documentation.
@@ -266,19 +266,19 @@ I love the [Color Picker](https://www.raycast.com/thomas/color-picker) extension
 [Image Modification](https://www.raycast.com/HelloImSteven/sips) allows you to convert images and vector graphics, flip, scale, resize, add filters and distortions, optimize the size, and perform real-time image manipulations.
 
 <Figure caption="Search Google Fonts" size="wide">
-  <Image src="/assets/images/posts/raycast-google-fonts.jpg" alt="Search Google Fonts" />
+  <Image src="/assets/images/posts/raycast-google-fonts.webp" alt="Search Google Fonts" />
 </Figure>
 
 There is a [Google Fonts](https://www.raycast.com/GastroGeek/google-fonts) extension that allows browsing and directly downloading fonts.
 
 <Figure caption="Search Glyphs" size="wide">
-  <Image src="/assets/images/posts/raycast-glyph-search.jpg" alt="Search Glyphs" />
+  <Image src="/assets/images/posts/raycast-glyph-search.webp" alt="Search Glyphs" />
 </Figure>
 
 [Glyph Search](https://www.raycast.com/gbgk/glyph-search) helps you find Unicode characters.
 
 <Figure caption="Search Unsplash Images" size="wide">
-  <Image src="/assets/images/posts/raycast-unsplash.jpg" alt="Search Unsplash Images" />
+  <Image src="/assets/images/posts/raycast-unsplash.webp" alt="Search Unsplash Images" />
 </Figure>
 
 [Unsplash](https://www.raycast.com/eggsy/unsplash) enables looking at the massive collection of stock photos, and the [Figma File Search](https://www.raycast.com/michaelschultz/figma-files-raycast-extension) allows for direct searching and opening of designs. I started using the [Eagle](https://www.raycast.com/Yukai/eagle) extension to locally search all my assets stored in [Eagle](https://eagle.cool/).
@@ -290,13 +290,13 @@ I write a lot, including blog posts, documentation, chat messages, and code. Ray
 [Lorem Ipsum](https://www.raycast.com/AntonNiklasson/lorem-ipsum) allows you to create placeholder text. [Link Cleaner](https://www.raycast.com/MisakiCoca/link-cleaner) removes all tracking parameters from the last URL in the clipboard.
 
 <Figure caption="Change Case" size="wide">
-  <Image src="/assets/images/posts/raycast-change-case.jpg" alt="Change Case" />
+  <Image src="/assets/images/posts/raycast-change-case.webp" alt="Change Case" />
 </Figure>
 
 One of my favorites is [Change Case](https://www.raycast.com/erics118/change-case). I use it many times each week to convert, for example, the title of a Jira ticket into a branch name in Git. The [Word Search](https://www.raycast.com/rishabswift/word-search) extension is fantastic for finding adjectives, antonyms, rhymes, synonyms, or missing letters.
 
 <Figure caption="Browser Readwise Library" size="wide">
-  <Image src="/assets/images/posts/raycast-readwise.jpg" alt="Browser Readwise Library" />
+  <Image src="/assets/images/posts/raycast-readwise.webp" alt="Browser Readwise Library" />
 </Figure>
 
 All the tools I use for note-taking have companion apps: [Obsidian](https://www.raycast.com/KevinBatdorf/obsidian), [Readwise](https://www.raycast.com/natterstefan/readwise), [Readwise Reader](https://www.raycast.com/zach/readwise-reader), [DEVONthink](https://www.raycast.com/bgnfu7re/devonthink), and [Notion](https://www.raycast.com/notion/notion).
@@ -304,7 +304,7 @@ All the tools I use for note-taking have companion apps: [Obsidian](https://www.
 ## Project Management & Productivity
 
 <Figure caption="Things Show Anytime List" size="wide">
-  <Image src="/assets/images/posts/raycast-things.jpg" alt="Things Show Anytime List" />
+  <Image src="/assets/images/posts/raycast-things.webp" alt="Things Show Anytime List" />
 </Figure>
 
 There is most likely an app for most online tools available in this category. I, personally, use two of them: [Jira](https://www.raycast.com/raycast/jira) and [Things](https://www.raycast.com/loris/things). Jira is the ticket management tool we use at work, and Things is my personal to-do application.
@@ -314,25 +314,25 @@ Fun fact: The Jira application needed approval by my company’s IT. I opened a
 ## Media
 
 <Figure caption="Search for GIFs" size="wide">
-  <Image src="/assets/images/posts/raycast-giphy.jpg" alt="Search for GIFs" />
+  <Image src="/assets/images/posts/raycast-giphy.webp" alt="Search for GIFs" />
 </Figure>
 
 Raycast extensions are not just for work, but also for fun. Everyone needs to generate memes or find funny GIFs, right? Well, there’s an extension called [Meme Generator](https://www.raycast.com/timoransky/meme-generator) and [GIF Search](https://www.raycast.com/josephschmitt/gif-search) for exactly that purpose.
 
 <Figure caption="The Movie Database Upcoming Movies" size="wide">
-  <Image src="/assets/images/posts/raycast-tmdb.jpg" alt="The Movie Database Upcoming Movies" />
+  <Image src="/assets/images/posts/raycast-tmdb.webp" alt="The Movie Database Upcoming Movies" />
 </Figure>
 
 If you’re into movies and TV shows, I frequently use [The Movie Database](https://www.raycast.com/Aayush9029/tmdb) for information and [JustWatch Search](https://www.raycast.com/rishabswift/search-justwatch) to find out where they are available for streaming.
 
 <Figure caption="Spotify Your Library" size="wide">
-  <Image src="/assets/images/posts/raycast-spotify.jpg" alt="Spotify Your Library" />
+  <Image src="/assets/images/posts/raycast-spotify.webp" alt="Spotify Your Library" />
 </Figure>
 
 I use the [Goodreads](https://www.raycast.com/puneeth/goodreads) extension to discover books or authors and the [Spotify Player](https://www.raycast.com/mattisssa/spotify-player) to manage music.
 
 <Figure caption="YouTube Search Videos" size="wide">
-  <Image src="/assets/images/posts/raycast-youtube.jpg" alt="YouTube Search Videos" />
+  <Image src="/assets/images/posts/raycast-youtube.webp" alt="YouTube Search Videos" />
 </Figure>
 
 I regularly use the [YouTube](https://www.raycast.com/tonka3000/youtube) extension to search videos or channels and [YouTube Downloader](https://www.raycast.com/vimtor/youtube-downloader), as well as the [Twitter/X Video Downloader](https://www.raycast.com/kaanrkaraman/twitter-video-downloader), to download videos onto my hard drive.
@@ -356,7 +356,7 @@ With a Pro account, you can design your own Raycast color themes, and Easter egg
 The second year in a row, you get one of the best year reviews. People proudly share their images on 𝕏 ([#RaycastWrapped](https://x.com/hashtag/RaycastWrapped)). Here is my Raycast Wrapped 2023 summary:
 
 <Figure caption="Raycast Wrapped 2023" size="wide">
-  <Image src="/assets/images/posts/raycast-wrapped-2023.jpg" alt="Raycast Wrapped 2023" />
+  <Image src="/assets/images/posts/raycast-wrapped-2023.webp" alt="Raycast Wrapped 2023" />
 </Figure>
 
 [Raycast](https://www.raycast.com/) offers a range of useful resources. You can find the changes for each release in the [Changelog](https://www.raycast.com/changelog), which is also accessible within Raycast. Additionally, the [blog](https://www.raycast.com/blog) features informative and engaging articles.
diff --git a/src/content/projects/ai-art.mdx b/src/content/projects/ai-art.mdx
index 0ea2495..d88aa2f 100644
--- a/src/content/projects/ai-art.mdx
+++ b/src/content/projects/ai-art.mdx
@@ -6,7 +6,7 @@ sort: 10
 categories: ["Design", "Writing"]
 intro: I love experimenting with the Open Source AI image generator Stable Diffusion since 2022. I constantly try new prompts, techniques, extensions and styles, and even trained my own models.
 image:
-  src: /assets/images/projects/thumbnails/ai-art.jpg
+  src: /assets/images/projects/thumbnails/ai-art.webp
   aspectRatio: 1.43
 more:
   text: See AI Art
diff --git a/src/content/projects/book-cover.mdx b/src/content/projects/book-cover.mdx
index 503b6e1..6d045d5 100644
--- a/src/content/projects/book-cover.mdx
+++ b/src/content/projects/book-cover.mdx
@@ -6,7 +6,7 @@ sort: 110
 categories: ["Writing", "Graphic Design"]
 intro: I wrote this book in 2017 out of the essays I’ve written on my Martial Arts website in the last 20 years. It’s a book in German about the Ninja and their secret art of Ninjutsu. I also designed the book cover for my book. The book was written with GitBook and can be read or downloaded for free as PDF, ePub, or Mobi eBook.
 image:
-  src: /assets/images/projects/thumbnails/book-kogakure.jpg
+  src: /assets/images/projects/thumbnails/book-kogakure.webp
   aspectRatio: 0.76
 more:
   text: Read the Book
diff --git a/src/content/projects/exploring-hamburg-v2.mdx b/src/content/projects/exploring-hamburg-v2.mdx
index 64cf1b7..71cba6f 100644
--- a/src/content/projects/exploring-hamburg-v2.mdx
+++ b/src/content/projects/exploring-hamburg-v2.mdx
@@ -8,7 +8,7 @@ categories: ["Web Design", "Web Development", "Photography"]
 intro: "I created this Photography Blog for one of my hobbies: I explore the city of Hamburg, mostly walking, and sometimes biking to find out more about the individual districts and to shoot photos. The current design is the 2nd iteration."
 description: I explore Hamburg, mostly walking, sometimes biking to find out more about the individual districts and to shoot photos.
 image:
-  src: /assets/images/projects/thumbnails/exploring-hamburg-v2.jpg
+  src: /assets/images/projects/thumbnails/exploring-hamburg-v2.webp
   aspectRatio: 1.25
 more:
   text: See Showcase of Version 2
@@ -51,10 +51,10 @@ At the end of 2021, I decided to unify my brand and redesign my [photoblog](http
 
 ## Homepage
 
-![Homepage Light](/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-homepage.jpg)
+![Homepage Light](/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-homepage.webp)
 
-![Homepage Dark](/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-homepage-dark.jpg)
+![Homepage Dark](/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-homepage-dark.webp)
 
 ## Subpage
 
-![Subpage](/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-subpage.jpg)
+![Subpage](/assets/images/projects/exploring-hamburg-v2/exploring-hamburg-v2-subpage.webp)
diff --git a/src/content/projects/font-ingo.mdx b/src/content/projects/font-ingo.mdx
index 4df69ff..c3884ed 100644
--- a/src/content/projects/font-ingo.mdx
+++ b/src/content/projects/font-ingo.mdx
@@ -6,7 +6,7 @@ sort: 170
 categories: ["Typeface Design", "Graphic Design"]
 intro: The Iga Ninja Cipher Font was created by me of an image provided by the Iga Ninja Museum in Japan and is said to be a font for correspondence in cipher. It was a fun personal project to learn how to create a typeface.
 image:
-  src: /assets/images/projects/thumbnails/ingo-iga-ninja-cipher.jpg
+  src: /assets/images/projects/thumbnails/ingo-iga-ninja-cipher.webp
   aspectRatio: 0.94
 more:
   text: Download Font on GitHub
diff --git a/src/content/projects/ia-writer-template-nanzan.mdx b/src/content/projects/ia-writer-template-nanzan.mdx
index e8b4da2..159ae96 100644
--- a/src/content/projects/ia-writer-template-nanzan.mdx
+++ b/src/content/projects/ia-writer-template-nanzan.mdx
@@ -6,7 +6,7 @@ sort: 70
 categories: ["Web Design", "Web Development"]
 intro: This iA Writer template is inspired by the typographic style of the book Engaging Japanese Philosophy by Thomas P. Kasulis, designed by the Nanzan Institute for Religion and Culture.
 image:
-  src: /assets/images/projects/thumbnails/ia-template-nanzan.jpg
+  src: /assets/images/projects/thumbnails/ia-template-nanzan.webp
   aspectRatio: 1.65
 more:
   text: Download iA Writer Template Nanzan on GitHub
diff --git a/src/content/projects/ia-writer-template-shibui.mdx b/src/content/projects/ia-writer-template-shibui.mdx
index 8c31ce4..3d343cc 100644
--- a/src/content/projects/ia-writer-template-shibui.mdx
+++ b/src/content/projects/ia-writer-template-shibui.mdx
@@ -6,7 +6,7 @@ sort: 80
 categories: ["Web Design", "Web Development"]
 intro: This iA Writer template is inspired by the Japanese aesthetics style shibui which was founded during the Muromachi period (1336-1392). I use the same style for my current personal branding on my website, for my martial arts book and for my photoblog.
 image:
-  src: /assets/images/projects/thumbnails/ia-template-shibui.jpg
+  src: /assets/images/projects/thumbnails/ia-template-shibui.webp
   aspectRatio: 1.63
 more:
   text: Download iA Writer Template Shibui on GitHub
diff --git a/src/content/projects/kogakure-v9.mdx b/src/content/projects/kogakure-v9.mdx
index a097cda..9b7ea43 100644
--- a/src/content/projects/kogakure-v9.mdx
+++ b/src/content/projects/kogakure-v9.mdx
@@ -8,7 +8,7 @@ categories: ["Web Design", "Web Development", "Writing"]
 intro: My Ninjutsu Book 木隠 was first launched in 1999 and is my oldest and most visited website. The current design is the 9th iteration. In 2022 I translated it to English to make it accessible to a larger readership.
 description: I redesigned my Ninjutsu Book 木隠 in 2022.
 image:
-  src: /assets/images/projects/thumbnails/kogakure-v9.jpg
+  src: /assets/images/projects/thumbnails/kogakure-v9.webp
   aspectRatio: 1.25
 more:
   text: See Showcase of Version 9
@@ -55,28 +55,28 @@ For the first time in its 22-year-long history, I created a complete translation
 
 ## Illustration
 
-![Bamboo Illustration](/assets/images/projects/kogakure-v9/kogakure-v8-illustration.jpg)
+![Bamboo Illustration](/assets/images/projects/kogakure-v9/kogakure-v8-illustration.webp)
 
 ## Homepage
 
-![Homepage Light](/assets/images/projects/kogakure-v9/kogakure-v9-homepage.jpg)
+![Homepage Light](/assets/images/projects/kogakure-v9/kogakure-v9-homepage.webp)
 
-![Homepage Dark](/assets/images/projects/kogakure-v9/kogakure-v9-homepage-dark.jpg)
+![Homepage Dark](/assets/images/projects/kogakure-v9/kogakure-v9-homepage-dark.webp)
 
 ## Subpages
 
 <div class="projects-detail-medium">
 
-![](/assets/images/projects/kogakure-v9/kogakure-v9-essay.jpg)
+![](/assets/images/projects/kogakure-v9/kogakure-v9-essay.webp)
 
-![](/assets/images/projects/kogakure-v9/kogakure-v9-recommendations.jpg)
+![](/assets/images/projects/kogakure-v9/kogakure-v9-recommendations.webp)
 
 </div>
 
 <div class="projects-detail-medium">
 
-![](/assets/images/projects/kogakure-v9/kogakure-v9-colophon.jpg)
+![](/assets/images/projects/kogakure-v9/kogakure-v9-colophon.webp)
 
-![](/assets/images/projects/kogakure-v9/kogakure-v9-glossary.jpg)
+![](/assets/images/projects/kogakure-v9/kogakure-v9-glossary.webp)
 
 </div>
diff --git a/src/content/projects/koi-illustration.mdx b/src/content/projects/koi-illustration.mdx
index 43a4fae..a4a05e4 100644
--- a/src/content/projects/koi-illustration.mdx
+++ b/src/content/projects/koi-illustration.mdx
@@ -8,7 +8,7 @@ categories: ["Illustration", "Painting"]
 intro: I created this illustration for a previous version of my website in 2007 with a pencil on paper and then brought it into Adobe Photoshop, where all coloring was done.
 description: I created this illustration for a previous version of my website in 2007 with a pencil on paper and then brought it into Adobe Photoshop, where all coloring was done.
 image:
-  src: /assets/images/projects/thumbnails/koi-illustration.jpg
+  src: /assets/images/projects/thumbnails/koi-illustration.webp
   aspectRatio: 4.35
 more:
   text: See the “Making-of”
@@ -30,46 +30,46 @@ The illustration was done with a pencil on paper and then brought into Adobe Pho
 
 ## Final Illustration
 
-![Koi Illustration](/assets/images/projects/koi-illustration/cover.jpg)
+![Koi Illustration](/assets/images/projects/koi-illustration/cover.webp)
 
 ## Making-Of
 
-![Making-Of Step 1](/assets/images/projects/koi-illustration/koi-making-of-01.jpg)
+![Making-Of Step 1](/assets/images/projects/koi-illustration/koi-making-of-01.webp)
 
-![Making-Of Step 2](/assets/images/projects/koi-illustration/koi-making-of-02.jpg)
+![Making-Of Step 2](/assets/images/projects/koi-illustration/koi-making-of-02.webp)
 
-![Making-Of Step 3](/assets/images/projects/koi-illustration/koi-making-of-03.jpg)
+![Making-Of Step 3](/assets/images/projects/koi-illustration/koi-making-of-03.webp)
 
-![Making-Of Step 4](/assets/images/projects/koi-illustration/koi-making-of-04.jpg)
+![Making-Of Step 4](/assets/images/projects/koi-illustration/koi-making-of-04.webp)
 
-![Making-Of Step 5](/assets/images/projects/koi-illustration/koi-making-of-05.jpg)
+![Making-Of Step 5](/assets/images/projects/koi-illustration/koi-making-of-05.webp)
 
-![Making-Of Step 6](/assets/images/projects/koi-illustration/koi-making-of-06.jpg)
+![Making-Of Step 6](/assets/images/projects/koi-illustration/koi-making-of-06.webp)
 
-![Making-Of Step 7](/assets/images/projects/koi-illustration/koi-making-of-07.jpg)
+![Making-Of Step 7](/assets/images/projects/koi-illustration/koi-making-of-07.webp)
 
-![Making-Of Step 8](/assets/images/projects/koi-illustration/koi-making-of-08.jpg)
+![Making-Of Step 8](/assets/images/projects/koi-illustration/koi-making-of-08.webp)
 
-![Making-Of Step 9](/assets/images/projects/koi-illustration/koi-making-of-09.jpg)
+![Making-Of Step 9](/assets/images/projects/koi-illustration/koi-making-of-09.webp)
 
-![Making-Of Step 10](/assets/images/projects/koi-illustration/koi-making-of-10.jpg)
+![Making-Of Step 10](/assets/images/projects/koi-illustration/koi-making-of-10.webp)
 
-![Making-Of Step 11](/assets/images/projects/koi-illustration/koi-making-of-11.jpg)
+![Making-Of Step 11](/assets/images/projects/koi-illustration/koi-making-of-11.webp)
 
-![Making-Of Step 12](/assets/images/projects/koi-illustration/koi-making-of-12.jpg)
+![Making-Of Step 12](/assets/images/projects/koi-illustration/koi-making-of-12.webp)
 
-![Making-Of Step 13](/assets/images/projects/koi-illustration/koi-making-of-13.jpg)
+![Making-Of Step 13](/assets/images/projects/koi-illustration/koi-making-of-13.webp)
 
-![Making-Of Step 14](/assets/images/projects/koi-illustration/koi-making-of-14.jpg)
+![Making-Of Step 14](/assets/images/projects/koi-illustration/koi-making-of-14.webp)
 
-![Making-Of Step 15](/assets/images/projects/koi-illustration/koi-making-of-15.jpg)
+![Making-Of Step 15](/assets/images/projects/koi-illustration/koi-making-of-15.webp)
 
-![Making-Of Step 16](/assets/images/projects/koi-illustration/koi-making-of-16.jpg)
+![Making-Of Step 16](/assets/images/projects/koi-illustration/koi-making-of-16.webp)
 
-![Making-Of Step 17](/assets/images/projects/koi-illustration/koi-making-of-17.jpg)
+![Making-Of Step 17](/assets/images/projects/koi-illustration/koi-making-of-17.webp)
 
-![Making-Of Step 18](/assets/images/projects/koi-illustration/koi-making-of-18.jpg)
+![Making-Of Step 18](/assets/images/projects/koi-illustration/koi-making-of-18.webp)
 
-![Making-Of Step 19](/assets/images/projects/koi-illustration/koi-making-of-19.jpg)
+![Making-Of Step 19](/assets/images/projects/koi-illustration/koi-making-of-19.webp)
 
-![Making-Of Step 20](/assets/images/projects/koi-illustration/koi-making-of-20.jpg)
+![Making-Of Step 20](/assets/images/projects/koi-illustration/koi-making-of-20.webp)
diff --git a/src/content/projects/osteopathie-hamburg.mdx b/src/content/projects/osteopathie-hamburg.mdx
index cb2627b..553126e 100644
--- a/src/content/projects/osteopathie-hamburg.mdx
+++ b/src/content/projects/osteopathie-hamburg.mdx
@@ -8,7 +8,7 @@ categories: ["Web Design", "Web Development", "Photography"]
 intro: I created this website for the Osteopathie-Institut Hamburg in 2010 as one of my last websites before I started working as a Frontend Engineer for XING.
 description: This website for the Osteopathie-Insitut Hamburg I created in 2010.
 image:
-  src: /assets/images/projects/thumbnails/osteopathie-hamburg.jpg
+  src: /assets/images/projects/thumbnails/osteopathie-hamburg.webp
   aspectRatio: 1.75
 more:
   text: See Showcase of Osteopathie-Institut Hamburg
@@ -45,22 +45,22 @@ The website had an interactive carousel on the homepage, collapsible sections in
 
 ## Homepage
 
-![Homepage](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-homepage.jpg)
+![Homepage](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-homepage.webp)
 
 ## Training Page
 
-![Training Page](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-training.jpg)
+![Training Page](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-training.webp)
 
 ## Subpages
 
 <div class="projects-detail-medium">
 
-![Subpage Osteopathie](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-osteopathie.jpg)
+![Subpage Osteopathie](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-osteopathie.webp)
 
-![Subpage Qigong](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-qigong.jpg)
+![Subpage Qigong](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-qigong.webp)
 
 </div>
 
 ## Contact
 
-![Contact Page](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-contact.jpg)
+![Contact Page](/assets/images/projects/osteopathie-hamburg/osteopathie-hamburg-contact.webp)
diff --git a/src/content/projects/sketchnotes.mdx b/src/content/projects/sketchnotes.mdx
index 15e9360..a1a5244 100644
--- a/src/content/projects/sketchnotes.mdx
+++ b/src/content/projects/sketchnotes.mdx
@@ -6,7 +6,7 @@ sort: 20
 categories: ["Illustration", "Writing"]
 intro: One of my passions is Sketchnotes or also called Visual Notetaking. In Sketchnoting you use visual language to visualize ideas, notes, or thoughts. I create Sketchnotes since I first visited a workshop in 2015.
 image:
-  src: /assets/images/projects/thumbnails/sketchnotes.jpg
+  src: /assets/images/projects/thumbnails/sketchnotes.webp
   aspectRatio: 1.43
 more:
   text: See Sketchotes
diff --git a/src/content/projects/stefanimhoff-v4.mdx b/src/content/projects/stefanimhoff-v4.mdx
index e5241d6..bf0be77 100644
--- a/src/content/projects/stefanimhoff-v4.mdx
+++ b/src/content/projects/stefanimhoff-v4.mdx
@@ -8,7 +8,7 @@ categories: ["Web Design", "Web Development"]
 intro: My website and blog first launched in 2006 and is the website you’re looking at. The current design is the 5th iteration.
 description: My personal website and blog relaunched in 2020/2021 with Eleventy.
 image:
-  src: /assets/images/projects/thumbnails/stefanimhoff-v4.jpg
+  src: /assets/images/projects/thumbnails/stefanimhoff-v4.webp
   aspectRatio: 1.67
 more:
   text: See Showcase of Version 4
@@ -59,30 +59,30 @@ The Gatsby version is still hosted on a [subdomain](https://v3.stefanimhoff.de/)
 
 ## Homepage
 
-![Homepage Light](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-homepage.jpg)
+![Homepage Light](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-homepage.webp)
 
-![Homepage Dark](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-homepage-dark.jpg)
+![Homepage Dark](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-homepage-dark.webp)
 
 ## Subpages
 
-![](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-about.jpg)
+![](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-about.webp)
 
 <div class="projects-detail-medium">
 
-![](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-journal.jpg)
+![](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-journal.webp)
 
-![](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-essay.jpg)
+![](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-essay.webp)
 
 </div>
 
-![](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-haiku.jpg)
+![](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-haiku.webp)
 
-![](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-haiku-detail.jpg)
+![](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-haiku-detail.webp)
 
 <div class="projects-detail-medium">
 
-![](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-sketchnotes.jpg)
+![](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-sketchnotes.webp)
 
-![](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-colors-of-japan.jpg)
+![](/assets/images/projects/stefanimhoff-v4/stefanimhoff-v4-colors-of-japan.webp)
 
 </div>
diff --git a/src/content/projects/thai-restaurants-hamburg.mdx b/src/content/projects/thai-restaurants-hamburg.mdx
index 93ef23f..10e8a1e 100644
--- a/src/content/projects/thai-restaurants-hamburg.mdx
+++ b/src/content/projects/thai-restaurants-hamburg.mdx
@@ -8,7 +8,7 @@ categories: ["Graphic Design", "Web Design", "Web Development"]
 intro: I created this small website for three Thai restaurants in Hamburg in 2010. It was online for nearly ten years and I had a lot of fun creating it.
 description: I created this small website for three Thai restaurants in Hamburg in 2010.
 image:
-  src: /assets/images/projects/thumbnails/thai-restaurant.jpg
+  src: /assets/images/projects/thumbnails/thai-restaurant.webp
   aspectRatio: 1.29
 more:
   text: See Showcase of Thai Restaurants Hamburg
@@ -44,19 +44,19 @@ I learned a lot about Graphic Design while working on it. I created the complete
 
 <DisplayBox class="[&_img]:!bg-[#13110B]">
   ![Gold
-  Accessories](/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-accessories.jpg)
+  Accessories](/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-accessories.webp)
 </DisplayBox>
 
 ## Making-Of Buddha Composition
 
-![Subpage](/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-making-of-buddha.jpg)
+![Subpage](/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-making-of-buddha.webp)
 
 ## Homepage
 
-![Homepage](/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-homepage.jpg)
+![Homepage](/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-homepage.webp)
 
 ## Subpages
 
-![Subpage Restaurants](/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-restaurants.jpg)
+![Subpage Restaurants](/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-restaurants.webp)
 
-![Phone Bistros](/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-bistros.jpg)
+![Phone Bistros](/assets/images/projects/thai-restaurants-hamburg/thai-restaurant-bistros.webp)
diff --git a/src/content/projects/xing-design-system.mdx b/src/content/projects/xing-design-system.mdx
index 2ecbc86..d6edcf0 100644
--- a/src/content/projects/xing-design-system.mdx
+++ b/src/content/projects/xing-design-system.mdx
@@ -8,7 +8,7 @@ categories: ["Web Design", "Web Development", "Writing"]
 intro: As a Senior Web Developer on the Design System Team, I created, maintained, and documented the components of the XING Design System. I supported teams implementing our components across the platform.
 description: As a Senior Web Developer on the Design System Team I created, maintained, and documented the components of the XING Design System. I supported teams implementing our components across the platform.
 image:
-  src: /assets/images/projects/thumbnails/xing-design-system.jpg
+  src: /assets/images/projects/thumbnails/xing-design-system.webp
   aspectRatio: 1.65
 more:
   text: See XING Design System Components
diff --git a/src/content/projects/xing-onboarding-illustrations.mdx b/src/content/projects/xing-onboarding-illustrations.mdx
index 12c0ee4..a7aa837 100644
--- a/src/content/projects/xing-onboarding-illustrations.mdx
+++ b/src/content/projects/xing-onboarding-illustrations.mdx
@@ -8,7 +8,7 @@ categories: ["Illustration", "Icon Design"]
 intro: I was asked to create three new illustrations that could be used for an Onboarding screen on XING. I accepted the challenge to take over this task and finished the whole process from concept to scribbles, to final illustrations in a day.
 description: I was asked to create three new illustrations that could be used for an Onboarding screen on XING.
 image:
-  src: /assets/images/projects/thumbnails/xing-illustrations.jpg
+  src: /assets/images/projects/thumbnails/xing-illustrations.webp
   aspectRatio: 2.34
 more:
   text: See XING Onboarding Illustrations
@@ -26,16 +26,16 @@ One icon was needed for _Job Beginners_, one for _Professionals_ and one for _Re
 
 ## Final Illustrations
 
-![Final Illustrations](/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-final-illustrations.jpg)
+![Final Illustrations](/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-final-illustrations.webp)
 
 ## Final Draft
 
-![Final Draft](/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-final-draft.jpg)
+![Final Draft](/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-final-draft.webp)
 
 ## Making-Of
 
-![Making-Of Starter](/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-making-of-starter.jpg)
+![Making-Of Starter](/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-making-of-starter.webp)
 
-![Making-Of Retired](/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-making-of-retired.jpg)
+![Making-Of Retired](/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-making-of-retired.webp)
 
-![Making-Of Professional](/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-making-of-professional.jpg)
+![Making-Of Professional](/assets/images/projects/xing-onboarding-illustrations/xing-illustrations-making-of-professional.webp)
diff --git a/src/content/sketchnotes/being-a-good-listener.mdx b/src/content/sketchnotes/being-a-good-listener.mdx
index 7b981f1..d688dc6 100644
--- a/src/content/sketchnotes/being-a-good-listener.mdx
+++ b/src/content/sketchnotes/being-a-good-listener.mdx
@@ -4,7 +4,7 @@ date: 2017-04-29
 sort: 100
 coverSize: medium
 images:
-  - src: /assets/images/sketchnotes/being-a-good-listener.jpg
+  - src: /assets/images/sketchnotes/being-a-good-listener.webp
     aspectRatio: 1.35
 ---
 
diff --git a/src/content/sketchnotes/better-conversation.mdx b/src/content/sketchnotes/better-conversation.mdx
index 8ae2046..550e824 100644
--- a/src/content/sketchnotes/better-conversation.mdx
+++ b/src/content/sketchnotes/better-conversation.mdx
@@ -3,7 +3,7 @@ title: Better Conversations
 date: 2017-04-29
 sort: 90
 images:
-  - src: /assets/images/sketchnotes/better-conversation.jpg
+  - src: /assets/images/sketchnotes/better-conversation.webp
     aspectRatio: 0.75
 ---
 
diff --git a/src/content/sketchnotes/bikablo-practice.mdx b/src/content/sketchnotes/bikablo-practice.mdx
index 47e882d..1d45b11 100644
--- a/src/content/sketchnotes/bikablo-practice.mdx
+++ b/src/content/sketchnotes/bikablo-practice.mdx
@@ -4,13 +4,13 @@ date: 2017-04-29
 sort: 80
 coverSize: large
 images:
-  - src: /assets/images/sketchnotes/bikablo-practice-1.jpg
+  - src: /assets/images/sketchnotes/bikablo-practice-1.webp
     aspectRatio: 0.75
-  - src: /assets/images/sketchnotes/bikablo-practice-2.jpg
+  - src: /assets/images/sketchnotes/bikablo-practice-2.webp
     aspectRatio: 0.75
-  - src: /assets/images/sketchnotes/bikablo-practice-3.jpg
+  - src: /assets/images/sketchnotes/bikablo-practice-3.webp
     aspectRatio: 0.75
-  - src: /assets/images/sketchnotes/bikablo-practice-4.jpg
+  - src: /assets/images/sketchnotes/bikablo-practice-4.webp
     aspectRatio: 0.75
 ---
 
diff --git a/src/content/sketchnotes/how-to-speak-so-that-people-want-to-listen.mdx b/src/content/sketchnotes/how-to-speak-so-that-people-want-to-listen.mdx
index 1a1e66a..37f55bb 100644
--- a/src/content/sketchnotes/how-to-speak-so-that-people-want-to-listen.mdx
+++ b/src/content/sketchnotes/how-to-speak-so-that-people-want-to-listen.mdx
@@ -3,7 +3,7 @@ title: How to Speak So That People Want to Listen
 date: 2017-04-29
 sort: 70
 images:
-  - src: /assets/images/sketchnotes/how-to-speak.jpg
+  - src: /assets/images/sketchnotes/how-to-speak.webp
     aspectRatio: 0.75
 ---
 
diff --git a/src/content/sketchnotes/random-sketches.mdx b/src/content/sketchnotes/random-sketches.mdx
index 0c1a8b1..1547adf 100644
--- a/src/content/sketchnotes/random-sketches.mdx
+++ b/src/content/sketchnotes/random-sketches.mdx
@@ -4,21 +4,21 @@ date: 2017-04-29
 sort: 60
 coverSize: large
 images:
-  - src: /assets/images/sketchnotes/random-sketches-1.jpg
+  - src: /assets/images/sketchnotes/random-sketches-1.webp
     aspectRatio: 0.75
-  - src: /assets/images/sketchnotes/random-sketches-2.jpg
+  - src: /assets/images/sketchnotes/random-sketches-2.webp
     aspectRatio: 0.75
-  - src: /assets/images/sketchnotes/random-sketches-3.jpg
+  - src: /assets/images/sketchnotes/random-sketches-3.webp
     aspectRatio: 0.75
-  - src: /assets/images/sketchnotes/random-sketches-4.jpg
+  - src: /assets/images/sketchnotes/random-sketches-4.webp
     aspectRatio: 0.75
-  - src: /assets/images/sketchnotes/random-sketches-5.jpg
+  - src: /assets/images/sketchnotes/random-sketches-5.webp
     aspectRatio: 0.75
-  - src: /assets/images/sketchnotes/random-sketches-6.jpg
+  - src: /assets/images/sketchnotes/random-sketches-6.webp
     aspectRatio: 0.75
-  - src: /assets/images/sketchnotes/random-sketches-7.jpg
+  - src: /assets/images/sketchnotes/random-sketches-7.webp
     aspectRatio: 0.75
-  - src: /assets/images/sketchnotes/random-sketches-8.jpg
+  - src: /assets/images/sketchnotes/random-sketches-8.webp
     aspectRatio: 0.75
 ---
 
diff --git a/src/content/sketchnotes/self-actualization-vs-self-image-actualization.mdx b/src/content/sketchnotes/self-actualization-vs-self-image-actualization.mdx
index 5a4a5e5..2c97851 100644
--- a/src/content/sketchnotes/self-actualization-vs-self-image-actualization.mdx
+++ b/src/content/sketchnotes/self-actualization-vs-self-image-actualization.mdx
@@ -4,7 +4,7 @@ date: 2017-04-29
 sort: 50
 coverSize: medium
 images:
-  - src: /assets/images/sketchnotes/self-actualization.jpg
+  - src: /assets/images/sketchnotes/self-actualization.webp
     aspectRatio: 1.35
 ---
 
diff --git a/src/content/sketchnotes/the-art-of-enough.mdx b/src/content/sketchnotes/the-art-of-enough.mdx
index 831f2ef..43633ef 100644
--- a/src/content/sketchnotes/the-art-of-enough.mdx
+++ b/src/content/sketchnotes/the-art-of-enough.mdx
@@ -3,7 +3,7 @@ title: The Art of Enough
 date: 2017-04-29
 sort: 40
 images:
-  - src: /assets/images/sketchnotes/the-art-of-enough.jpg
+  - src: /assets/images/sketchnotes/the-art-of-enough.webp
     aspectRatio: 0.75
 ---
 
diff --git a/src/content/sketchnotes/the-wim-hof-method.mdx b/src/content/sketchnotes/the-wim-hof-method.mdx
index 9ea21c9..1871af8 100644
--- a/src/content/sketchnotes/the-wim-hof-method.mdx
+++ b/src/content/sketchnotes/the-wim-hof-method.mdx
@@ -3,7 +3,7 @@ title: The Wim Hof Method
 date: 2017-05-28
 sort: 10
 images:
-  - src: /assets/images/sketchnotes/wim-hof-method.jpg
+  - src: /assets/images/sketchnotes/wim-hof-method.webp
     aspectRatio: 0.75
 ---
 
diff --git a/src/content/sketchnotes/this-is-water.mdx b/src/content/sketchnotes/this-is-water.mdx
index f4db4ce..700b337 100644
--- a/src/content/sketchnotes/this-is-water.mdx
+++ b/src/content/sketchnotes/this-is-water.mdx
@@ -4,9 +4,9 @@ date: 2017-04-29
 sort: 110
 coverSize: large
 images:
-  - src: /assets/images/sketchnotes/this-is-water-1.jpg
+  - src: /assets/images/sketchnotes/this-is-water-1.webp
     aspectRatio: 1.35
-  - src: /assets/images/sketchnotes/this-is-water-2.jpg
+  - src: /assets/images/sketchnotes/this-is-water-2.webp
     aspectRatio: 0.70
 ---
 
diff --git a/src/content/sketchnotes/title-lettering.mdx b/src/content/sketchnotes/title-lettering.mdx
index 2403780..f673c3e 100644
--- a/src/content/sketchnotes/title-lettering.mdx
+++ b/src/content/sketchnotes/title-lettering.mdx
@@ -3,7 +3,7 @@ title: Title Lettering
 date: 2017-04-29
 sort: 30
 images:
-  - src: /assets/images/sketchnotes/title-lettering.jpg
+  - src: /assets/images/sketchnotes/title-lettering.webp
     aspectRatio: 1.35
 ---
 
diff --git a/src/content/sketchnotes/weight-idea.mdx b/src/content/sketchnotes/weight-idea.mdx
index 2efa7fc..8c033ce 100644
--- a/src/content/sketchnotes/weight-idea.mdx
+++ b/src/content/sketchnotes/weight-idea.mdx
@@ -4,7 +4,7 @@ date: 2017-04-29
 sort: 20
 coverSize: medium
 images:
-  - src: /assets/images/sketchnotes/weight-idea.jpg
+  - src: /assets/images/sketchnotes/weight-idea.webp
     aspectRatio: 1.35
 ---
 
diff --git a/src/data/tools.ts b/src/data/tools.ts
index 4f29d88..5130881 100644
--- a/src/data/tools.ts
+++ b/src/data/tools.ts
@@ -8,27 +8,27 @@ export const development = [
 	{
 		name: 'Neovim',
 		url: 'https://neovim.io/',
-		image: '/assets/images/tools/webp/neovim.webp',
+		image: '/assets/images/tools/neovim.webp',
 	},
 	{
 		name: 'Tmux',
 		url: 'https://tmux.github.io/',
-		image: '/assets/images/tools/webp/tmux.webp',
+		image: '/assets/images/tools/tmux.webp',
 	},
 	{
 		name: 'Wezterm',
 		url: 'https://wezfurlong.org/wezterm/',
-		image: '/assets/images/tools/webp/wezterm.webp',
+		image: '/assets/images/tools/wezterm.webp',
 	},
 	{
 		name: 'Visual Studio Code',
 		url: 'https://code.visualstudio.com/',
-		image: '/assets/images/tools/webp/visual-studio-code.webp',
+		image: '/assets/images/tools/visual-studio-code.webp',
 	},
 	{
 		name: 'Kaleidoscope',
 		url: 'https://kaleidoscope.app/',
-		image: '/assets/images/tools/webp/kaleidoscope.webp',
+		image: '/assets/images/tools/kaleidoscope.webp',
 	},
 ];
 
@@ -36,32 +36,32 @@ export const design = [
 	{
 		name: 'Affinity Designer',
 		url: 'https://affinity.serif.com/designer/',
-		image: '/assets/images/tools/webp/affinity-designer.webp',
+		image: '/assets/images/tools/affinity-designer.webp',
 	},
 	{
 		name: 'Affinity Photo',
 		url: 'https://affinity.serif.com/photo/',
-		image: '/assets/images/tools/webp/affinity-photo.webp',
+		image: '/assets/images/tools/affinity-photo.webp',
 	},
 	{
 		name: 'Affinity Publisher',
 		url: 'https://affinity.serif.com/publisher/',
-		image: '/assets/images/tools/webp/affinity-publisher.webp',
+		image: '/assets/images/tools/affinity-publisher.webp',
 	},
 	{
 		name: 'Eagle',
 		url: 'https://eagle.cool/',
-		image: '/assets/images/tools/webp/eagle.webp',
+		image: '/assets/images/tools/eagle.webp',
 	},
 	{
 		name: 'Procreate',
 		url: 'https://procreate.com/',
-		image: '/assets/images/tools/webp/procreate.webp',
+		image: '/assets/images/tools/procreate.webp',
 	},
 	{
 		name: 'Typeface',
 		url: 'https://typefaceapp.com/',
-		image: '/assets/images/tools/webp/typeface.webp',
+		image: '/assets/images/tools/typeface.webp',
 	},
 ];
 
@@ -69,57 +69,57 @@ export const research = [
 	{
 		name: 'iA Writer',
 		url: 'https://ia.net/writer',
-		image: '/assets/images/tools/webp/ia-writer.webp',
+		image: '/assets/images/tools/ia-writer.webp',
 	},
 	{
 		name: 'iA Presenter',
 		url: 'https://ia.net/presenter',
-		image: '/assets/images/tools/webp/ia-presenter.webp',
+		image: '/assets/images/tools/ia-presenter.webp',
 	},
 	{
 		name: 'Obsidian',
 		url: 'https://obsidian.md/',
-		image: '/assets/images/tools/webp/obsidian.webp',
+		image: '/assets/images/tools/obsidian.webp',
 	},
 	{
 		name: 'DEVONthink',
 		url: 'https://www.devontechnologies.com/apps/devonthink',
-		image: '/assets/images/tools/webp/devonthink.webp',
+		image: '/assets/images/tools/devonthink.webp',
 	},
 	{
 		name: 'Raindrop.io',
 		url: 'https://raindrop.io/',
-		image: '/assets/images/tools/webp/raindrop.io.webp',
+		image: '/assets/images/tools/raindrop.io.webp',
 	},
 	{
 		name: 'Reeder',
 		url: 'https://reeder.app/',
-		image: '/assets/images/tools/webp/reeder.webp',
+		image: '/assets/images/tools/reeder.webp',
 	},
 	{
 		name: 'Readwise Reader',
 		url: 'https://readwise.io/read',
-		image: '/assets/images/tools/webp/readwise-reader.webp',
+		image: '/assets/images/tools/readwise-reader.webp',
 	},
 	{
 		name: 'Readwise',
 		url: 'https://readwise.io/i/stefan805',
-		image: '/assets/images/tools/webp/readwise.webp',
+		image: '/assets/images/tools/readwise.webp',
 	},
 	{
 		name: 'Snipd',
 		url: 'https://www.snipd.com/',
-		image: '/assets/images/tools/webp/snipd.webp',
+		image: '/assets/images/tools/snipd.webp',
 	},
 	{
 		name: 'MindNode',
 		url: 'https://www.mindnode.com/',
-		image: '/assets/images/tools/webp/mindnode.webp',
+		image: '/assets/images/tools/mindnode.webp',
 	},
 	{
 		name: 'BibDesk',
 		url: 'https://bibdesk.sourceforge.io/',
-		image: '/assets/images/tools/webp/bibdesk.webp',
+		image: '/assets/images/tools/bibdesk.webp',
 	},
 ];
 
@@ -127,46 +127,46 @@ export const other = [
 	{
 		name: 'Things',
 		url: 'https://culturedcode.com/things/',
-		image: '/assets/images/tools/webp/things.webp',
+		image: '/assets/images/tools/things.webp',
 	},
 	{
 		name: 'Raycast',
 		url: 'https://www.raycast.com/hey/059d78ca',
-		image: '/assets/images/tools/webp/raycast.webp',
+		image: '/assets/images/tools/raycast.webp',
 	},
 	{
 		name: 'Arc',
 		url: 'https://arc.net/gift/3a2fd063',
-		image: '/assets/images/tools/webp/arc-browser.webp',
+		image: '/assets/images/tools/arc-browser.webp',
 	},
 	{
 		name: 'Brave Browser',
 		url: 'https://brave.com/',
-		image: '/assets/images/tools/webp/brave-browser.webp',
+		image: '/assets/images/tools/brave-browser.webp',
 	},
 	{
 		name: 'Proton Mail',
 		url: 'https://proton.me/mail',
-		image: '/assets/images/tools/webp/protonmail.webp',
+		image: '/assets/images/tools/protonmail.webp',
 	},
 	{
 		name: 'Proton VPN',
 		url: 'https://protonvpn.com/',
-		image: '/assets/images/tools/webp/protonvpn.webp',
+		image: '/assets/images/tools/protonvpn.webp',
 	},
 	{
 		name: 'Proton Pass',
 		url: 'https://proton.me/pass',
-		image: '/assets/images/tools/webp/protonpass.webp',
+		image: '/assets/images/tools/protonpass.webp',
 	},
 	{
 		name: 'Yoink',
 		url: 'https://eternalstorms.at/yoink/mac/',
-		image: '/assets/images/tools/webp/yoink.webp',
+		image: '/assets/images/tools/yoink.webp',
 	},
 	{
 		name: 'Karabiner-Elements',
 		url: 'https://karabiner-elements.pqrs.org/',
-		image: '/assets/images/tools/webp/karabiner-elements.webp',
+		image: '/assets/images/tools/karabiner-elements.webp',
 	},
 ];
diff --git a/src/layouts/AboutLayout.astro b/src/layouts/AboutLayout.astro
index fc51f0e..c04e848 100644
--- a/src/layouts/AboutLayout.astro
+++ b/src/layouts/AboutLayout.astro
@@ -35,7 +35,7 @@ const schema = JSON.stringify({
 		slot="before-content"
 		class="col-start-1 col-end-12 md:col-start-3 md:col-end-10 xl:col-start-15 xl:col-end-18 xl:row-start-2 xl:-scale-x-100 3xl:col-start-14 3xl:col-end-17"
 	>
-		<Image alt="Stefan Imhoff" src="/assets/images/ai-portrait-stefan-imhoff.jpg" />
+		<Image alt="Stefan Imhoff" src="/assets/images/ai-portrait-stefan-imhoff.webp" />
 	</div>
 	<slot />
 	<script type="application/ld+json" set:html={schema} />
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 8040077..1e50729 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -46,7 +46,7 @@ rssPosts.sort(sortMarkdownByDate);
 	<div
 		class="col-start-1 col-end-19 md:col-start-1 md:col-end-11 xl:col-end-11 [&_div]:!border-x-0 [&_div]:!mbe-0 [&_div]:md:!border-s-0"
 	>
-		<Image alt="Bonsai" loading="eager" src="/assets/images/cover/bonsai.jpg" />
+		<Image alt="Bonsai" loading="eager" src="/assets/images/cover/bonsai.webp" />
 	</div>
 
 	<article
diff --git a/src/pages/tools.mdx b/src/pages/tools.mdx
index 9f3f477..e12277a 100644
--- a/src/pages/tools.mdx
+++ b/src/pages/tools.mdx
@@ -3,7 +3,7 @@ layout: ../layouts/PageLayout.astro
 title: Tools
 description: I enjoy learning how other people work, what hardware, software, tools, and gadgets they use. On this page, I present my tools.
 intro: I enjoy learning how other people work, what hardware, software, tools, and gadgets they use. On this page, I present my tools.
-cover: /assets/images/cover/home-office.jpg
+cover: /assets/images/cover/home-office.webp
 backLink: /
 ---