mirror of
https://github.com/kogakure/website-astro-stefanimhoff.de.git
synced 2026-02-03 12:05:28 +00:00
feat: convert all images to WebP
This commit is contained in:
Stefan Imhoff
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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?
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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
|
||||
---
|
||||
|
||||
@@ -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"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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"]
|
||||
---
|
||||
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user