mirror of
https://github.com/kogakure/website-astro-stefanimhoff.de.git
synced 2026-02-03 12:05:28 +00:00
refactor: replace all images
This commit is contained in:
Stefan Imhoff
committed by
Stefan Imhoff
Stefan Imhoff
parent
42d1bb42a8
commit
14c4a83147
@@ -12,8 +12,9 @@ interface Props {
|
||||
height?: string | number;
|
||||
href?: string;
|
||||
loading?: 'lazy' | 'eager';
|
||||
noSpacing?: boolean;
|
||||
noMargin?: boolean;
|
||||
quality?: number;
|
||||
role?: string;
|
||||
size?: 'regular' | 'wide' | 'fullsize';
|
||||
source?: string;
|
||||
sourceUrl?: string;
|
||||
@@ -29,7 +30,7 @@ const {
|
||||
height,
|
||||
href,
|
||||
loading = 'lazy',
|
||||
noSpacing,
|
||||
noMargin,
|
||||
quality,
|
||||
size,
|
||||
source,
|
||||
@@ -71,11 +72,11 @@ const wrapperProps = href ? { href } : {};
|
||||
|
||||
<figure
|
||||
class:list={[
|
||||
'mbs-0 mie-0 mis-0',
|
||||
'mis mbe-13 mbs-0 mie-0',
|
||||
{
|
||||
'figure-wide': size === 'wide',
|
||||
'figure-fullsize': size === 'fullsize',
|
||||
'mbe-13': true,
|
||||
'!mbe-0': noMargin,
|
||||
},
|
||||
className,
|
||||
]}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
---
|
||||
import Image from './Image.astro';
|
||||
import BasicImage from './BasicImage.astro';
|
||||
import Headline from './Headline.astro';
|
||||
|
||||
const { entry } = Astro.props;
|
||||
@@ -49,7 +49,7 @@ const imageLength = entry.data.images.length;
|
||||
},
|
||||
]}
|
||||
>
|
||||
<Image alt={entry.data.title} src={src} />
|
||||
<BasicImage alt={entry.data.title} src={src} />
|
||||
</div>
|
||||
))
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
---
|
||||
import { Picture } from 'astro:assets';
|
||||
import BasicImage from '../components/BasicImage.astro';
|
||||
|
||||
import type { CollectionEntry } from 'astro:content';
|
||||
interface Props {
|
||||
@@ -27,13 +27,11 @@ const { entries } = Astro.props;
|
||||
>
|
||||
<div class="absolute z-10 h-full w-full">
|
||||
{data.cover ? (
|
||||
<Picture
|
||||
<BasicImage
|
||||
alt={data.title}
|
||||
formats={['avif', 'webp']}
|
||||
height="937"
|
||||
class="!m-0 block !h-full w-full object-cover"
|
||||
role="presentation"
|
||||
src={data.cover}
|
||||
width="1500"
|
||||
/>
|
||||
) : (
|
||||
<div
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
---
|
||||
import type { CollectionEntry } from 'astro:content';
|
||||
import Image from './Image.astro';
|
||||
import BasicImage from './BasicImage.astro';
|
||||
|
||||
interface Props {
|
||||
project: CollectionEntry<'projects'>;
|
||||
@@ -10,18 +10,13 @@ const { project } = Astro.props;
|
||||
---
|
||||
|
||||
{
|
||||
project.data.image &&
|
||||
(project.data.image.src.includes('.svg') ? (
|
||||
<div class="image-shadow mbe-0 mbs-0">
|
||||
<img class="image-border" alt={project.data.title} src={project.data.image.src} />
|
||||
</div>
|
||||
) : (
|
||||
<Image
|
||||
alt={project.data.title}
|
||||
aria-label={project.data.title}
|
||||
class="[&_img]:!w-full [&_img]:!max-w-none [&_picture]:!w-full [&_picture]:!max-w-none"
|
||||
noMargin
|
||||
src={project.data.image.src}
|
||||
/>
|
||||
))
|
||||
project.data.image && (
|
||||
<BasicImage
|
||||
alt={project.data.title}
|
||||
aria-label={project.data.title}
|
||||
class="[&_img]:!w-full [&_img]:!max-w-none [&_picture]:!w-full [&_picture]:!max-w-none"
|
||||
noMargin
|
||||
src={project.data.image.src}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -4,41 +4,41 @@ date: 2023-02-05
|
||||
sort: 210
|
||||
coverSize: medium
|
||||
images:
|
||||
- src: /assets/images/ai-art/after-humanity/1.webp
|
||||
- src: /images/ai-art/after-humanity/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/2.webp
|
||||
- src: /images/ai-art/after-humanity/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/3.webp
|
||||
- src: /images/ai-art/after-humanity/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/4.webp
|
||||
- src: /images/ai-art/after-humanity/4.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/5.webp
|
||||
- src: /images/ai-art/after-humanity/5.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/6.webp
|
||||
- src: /images/ai-art/after-humanity/6.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/7.webp
|
||||
- src: /images/ai-art/after-humanity/7.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/8.webp
|
||||
- src: /images/ai-art/after-humanity/8.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/9.webp
|
||||
- src: /images/ai-art/after-humanity/9.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/10.webp
|
||||
- src: /images/ai-art/after-humanity/10.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/11.webp
|
||||
- src: /images/ai-art/after-humanity/11.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/12.webp
|
||||
- src: /images/ai-art/after-humanity/12.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/13.webp
|
||||
- src: /images/ai-art/after-humanity/13.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/14.webp
|
||||
- src: /images/ai-art/after-humanity/14.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/15.webp
|
||||
- src: /images/ai-art/after-humanity/15.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/16.webp
|
||||
- src: /images/ai-art/after-humanity/16.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/17.webp
|
||||
- src: /images/ai-art/after-humanity/17.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/after-humanity/18.webp
|
||||
- src: /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.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/alien-world/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/alien-world/2.webp
|
||||
- src: /images/ai-art/alien-world/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/alien-world/3.webp
|
||||
- src: /images/ai-art/alien-world/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/alien-world/4.webp
|
||||
- src: /images/ai-art/alien-world/4.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/alien-world/5.webp
|
||||
- src: /images/ai-art/alien-world/5.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/alien-world/6.webp
|
||||
- src: /images/ai-art/alien-world/6.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/alien-world/7.webp
|
||||
- src: /images/ai-art/alien-world/7.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/alien-world/8.webp
|
||||
- src: /images/ai-art/alien-world/8.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/alien-world/9.webp
|
||||
- src: /images/ai-art/alien-world/9.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/alien-world/10.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/aurora/1.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/aurora/2.webp
|
||||
- src: /images/ai-art/aurora/2.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/aurora/3.webp
|
||||
- src: /images/ai-art/aurora/3.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/aurora/4.webp
|
||||
- src: /images/ai-art/aurora/4.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/aurora/5.webp
|
||||
- src: /images/ai-art/aurora/5.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/aurora/6.webp
|
||||
- src: /images/ai-art/aurora/6.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/aurora/7.webp
|
||||
- src: /images/ai-art/aurora/7.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/aurora/8.webp
|
||||
- src: /images/ai-art/aurora/8.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/aurora/9.webp
|
||||
- src: /images/ai-art/aurora/9.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/aurora/10.webp
|
||||
- src: /images/ai-art/aurora/10.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/aurora/11.webp
|
||||
- src: /images/ai-art/aurora/11.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/aurora/12.webp
|
||||
- src: /images/ai-art/aurora/12.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/aurora/13.webp
|
||||
- src: /images/ai-art/aurora/13.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/aurora/14.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/bonsai/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/bonsai/2.webp
|
||||
- src: /images/ai-art/bonsai/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/bonsai/3.webp
|
||||
- src: /images/ai-art/bonsai/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/bonsai/4.webp
|
||||
- src: /images/ai-art/bonsai/4.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/bonsai/5.webp
|
||||
- src: /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.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/chimera/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/chimera/2.webp
|
||||
- src: /images/ai-art/chimera/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/chimera/3.webp
|
||||
- src: /images/ai-art/chimera/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/chimera/4.webp
|
||||
- src: /images/ai-art/chimera/4.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/chimera/5.webp
|
||||
- src: /images/ai-art/chimera/5.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/chimera/6.webp
|
||||
- src: /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.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/comic-manga/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/comic-manga/2.webp
|
||||
- src: /images/ai-art/comic-manga/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/comic-manga/3.webp
|
||||
- src: /images/ai-art/comic-manga/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/comic-manga/4.webp
|
||||
- src: /images/ai-art/comic-manga/4.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/comic-manga/5.webp
|
||||
- src: /images/ai-art/comic-manga/5.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/comic-manga/6.webp
|
||||
- src: /images/ai-art/comic-manga/6.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/comic-manga/7.webp
|
||||
- src: /images/ai-art/comic-manga/7.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/comic-manga/8.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/cosmic-horror/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/cosmic-horror/2.webp
|
||||
- src: /images/ai-art/cosmic-horror/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/cosmic-horror/3.webp
|
||||
- src: /images/ai-art/cosmic-horror/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/cosmic-horror/4.webp
|
||||
- src: /images/ai-art/cosmic-horror/4.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/cosmic-horror/5.webp
|
||||
- src: /images/ai-art/cosmic-horror/5.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/cosmic-horror/6.webp
|
||||
- src: /images/ai-art/cosmic-horror/6.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/cosmic-horror/7.webp
|
||||
- src: /images/ai-art/cosmic-horror/7.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/cosmic-horror/8.webp
|
||||
- src: /images/ai-art/cosmic-horror/8.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/cosmic-horror/9.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/cyberpunk-city/1.webp
|
||||
aspectRatio: 1.6
|
||||
- src: /assets/images/ai-art/cyberpunk-city/2.webp
|
||||
- src: /images/ai-art/cyberpunk-city/2.webp
|
||||
aspectRatio: 1.6
|
||||
- src: /assets/images/ai-art/cyberpunk-city/3.webp
|
||||
- src: /images/ai-art/cyberpunk-city/3.webp
|
||||
aspectRatio: 1.6
|
||||
- src: /assets/images/ai-art/cyberpunk-city/4.webp
|
||||
- src: /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.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/death-of-the-stoic-man/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/death-of-the-stoic-man/2.webp
|
||||
- src: /images/ai-art/death-of-the-stoic-man/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/death-of-the-stoic-man/3.webp
|
||||
- src: /images/ai-art/death-of-the-stoic-man/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/death-of-the-stoic-man/4.webp
|
||||
- src: /images/ai-art/death-of-the-stoic-man/4.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/death-of-the-stoic-man/5.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/distant-galaxy/1.webp
|
||||
aspectRatio: 1.6
|
||||
- src: /assets/images/ai-art/distant-galaxy/2.webp
|
||||
- src: /images/ai-art/distant-galaxy/2.webp
|
||||
aspectRatio: 1.6
|
||||
- src: /assets/images/ai-art/distant-galaxy/3.webp
|
||||
- src: /images/ai-art/distant-galaxy/3.webp
|
||||
aspectRatio: 2
|
||||
- src: /assets/images/ai-art/distant-galaxy/4.webp
|
||||
- src: /images/ai-art/distant-galaxy/4.webp
|
||||
aspectRatio: 2
|
||||
- src: /assets/images/ai-art/distant-galaxy/5.webp
|
||||
- src: /images/ai-art/distant-galaxy/5.webp
|
||||
aspectRatio: 2
|
||||
- src: /assets/images/ai-art/distant-galaxy/6.webp
|
||||
- src: /images/ai-art/distant-galaxy/6.webp
|
||||
aspectRatio: 2
|
||||
---
|
||||
|
||||
|
||||
@@ -3,17 +3,17 @@ title: Fantasy World
|
||||
date: 2022-12-01
|
||||
sort: 30
|
||||
images:
|
||||
- src: /assets/images/ai-art/fantasy-world/1.webp
|
||||
- src: /images/ai-art/fantasy-world/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/fantasy-world/2.webp
|
||||
- src: /images/ai-art/fantasy-world/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/fantasy-world/3.webp
|
||||
- src: /images/ai-art/fantasy-world/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/fantasy-world/4.webp
|
||||
- src: /images/ai-art/fantasy-world/4.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/fantasy-world/5.webp
|
||||
- src: /images/ai-art/fantasy-world/5.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/fantasy-world/6.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/female-cyborg/1.webp
|
||||
aspectRatio: 1.6
|
||||
- src: /assets/images/ai-art/female-cyborg/2.webp
|
||||
- src: /images/ai-art/female-cyborg/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/female-cyborg/3.webp
|
||||
- src: /images/ai-art/female-cyborg/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/female-cyborg/4.webp
|
||||
- src: /images/ai-art/female-cyborg/4.webp
|
||||
aspectRatio: 1.6
|
||||
---
|
||||
|
||||
|
||||
@@ -4,27 +4,27 @@ date: 2025-01-23
|
||||
sort: 395
|
||||
coverSize: medium
|
||||
images:
|
||||
- src: /assets/images/ai-art/flux-dev-lora/1.webp
|
||||
- src: /images/ai-art/flux-dev-lora/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/flux-dev-lora/2.webp
|
||||
- src: /images/ai-art/flux-dev-lora/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/flux-dev-lora/3.webp
|
||||
- src: /images/ai-art/flux-dev-lora/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/flux-dev-lora/4.webp
|
||||
- src: /images/ai-art/flux-dev-lora/4.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/flux-dev-lora/5.webp
|
||||
- src: /images/ai-art/flux-dev-lora/5.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/flux-dev-lora/6.webp
|
||||
- src: /images/ai-art/flux-dev-lora/6.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/flux-dev-lora/7.webp
|
||||
- src: /images/ai-art/flux-dev-lora/7.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/flux-dev-lora/8.webp
|
||||
- src: /images/ai-art/flux-dev-lora/8.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/flux-dev-lora/9.webp
|
||||
- src: /images/ai-art/flux-dev-lora/9.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/flux-dev-lora/10.webp
|
||||
- src: /images/ai-art/flux-dev-lora/10.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/flux-dev-lora/11.webp
|
||||
- src: /images/ai-art/flux-dev-lora/11.webp
|
||||
aspectRatio: 1
|
||||
---
|
||||
|
||||
|
||||
@@ -4,17 +4,17 @@ date: 2023-06-06
|
||||
sort: 380
|
||||
coverSize: large
|
||||
images:
|
||||
- src: /assets/images/ai-art/futuristic-bedroom/1.webp
|
||||
- src: /images/ai-art/futuristic-bedroom/1.webp
|
||||
aspectRatio: 1.5
|
||||
- src: /assets/images/ai-art/futuristic-bedroom/2.webp
|
||||
- src: /images/ai-art/futuristic-bedroom/2.webp
|
||||
aspectRatio: 1.5
|
||||
- src: /assets/images/ai-art/futuristic-bedroom/3.webp
|
||||
- src: /images/ai-art/futuristic-bedroom/3.webp
|
||||
aspectRatio: 1.5
|
||||
- src: /assets/images/ai-art/futuristic-bedroom/4.webp
|
||||
- src: /images/ai-art/futuristic-bedroom/4.webp
|
||||
aspectRatio: 1.5
|
||||
- src: /assets/images/ai-art/futuristic-bedroom/5.webp
|
||||
- src: /images/ai-art/futuristic-bedroom/5.webp
|
||||
aspectRatio: 1.5
|
||||
- src: /assets/images/ai-art/futuristic-bedroom/6.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/gods-of-the-copybook-headings/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/gods-of-the-copybook-headings/2.webp
|
||||
- src: /images/ai-art/gods-of-the-copybook-headings/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/gods-of-the-copybook-headings/3.webp
|
||||
- src: /images/ai-art/gods-of-the-copybook-headings/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/gods-of-the-copybook-headings/4.webp
|
||||
- src: /images/ai-art/gods-of-the-copybook-headings/4.webp
|
||||
aspectRatio: 1
|
||||
---
|
||||
|
||||
|
||||
@@ -4,17 +4,17 @@ date: 2023-01-17
|
||||
sort: 110
|
||||
coverSize: medium
|
||||
images:
|
||||
- src: /assets/images/ai-art/irezumi/1.webp
|
||||
- src: /images/ai-art/irezumi/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/irezumi/2.webp
|
||||
- src: /images/ai-art/irezumi/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/irezumi/3.webp
|
||||
- src: /images/ai-art/irezumi/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/irezumi/4.webp
|
||||
- src: /images/ai-art/irezumi/4.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/irezumi/5.webp
|
||||
- src: /images/ai-art/irezumi/5.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/irezumi/6.webp
|
||||
- src: /images/ai-art/irezumi/6.webp
|
||||
aspectRatio: 1
|
||||
---
|
||||
|
||||
|
||||
@@ -4,19 +4,19 @@ date: 2023-05-03
|
||||
sort: 90
|
||||
coverSize: large
|
||||
images:
|
||||
- src: /assets/images/ai-art/misty-lake/1.webp
|
||||
- src: /images/ai-art/misty-lake/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/misty-lake/2.webp
|
||||
- src: /images/ai-art/misty-lake/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/misty-lake/3.webp
|
||||
- src: /images/ai-art/misty-lake/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/misty-lake/4.webp
|
||||
- src: /images/ai-art/misty-lake/4.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/misty-lake/5.webp
|
||||
- src: /images/ai-art/misty-lake/5.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/misty-lake/6.webp
|
||||
- src: /images/ai-art/misty-lake/6.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/misty-lake/7.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/mona-lisa/1.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/mona-lisa/2.webp
|
||||
- src: /images/ai-art/mona-lisa/2.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/mona-lisa/3.webp
|
||||
- src: /images/ai-art/mona-lisa/3.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/mona-lisa/4.webp
|
||||
- src: /images/ai-art/mona-lisa/4.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/mona-lisa/5.webp
|
||||
- src: /images/ai-art/mona-lisa/5.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/mona-lisa/6.webp
|
||||
- src: /images/ai-art/mona-lisa/6.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/mona-lisa/7.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/mushrooms/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/mushrooms/2.webp
|
||||
- src: /images/ai-art/mushrooms/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/mushrooms/3.webp
|
||||
- src: /images/ai-art/mushrooms/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/mushrooms/4.webp
|
||||
- src: /images/ai-art/mushrooms/4.webp
|
||||
aspectRatio: 1
|
||||
---
|
||||
|
||||
|
||||
@@ -4,47 +4,47 @@ date: 2023-03-18
|
||||
sort: 240
|
||||
coverSize: medium
|
||||
images:
|
||||
- src: /assets/images/ai-art/propaganda-poster/1.webp
|
||||
- src: /images/ai-art/propaganda-poster/1.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/2.webp
|
||||
- src: /images/ai-art/propaganda-poster/2.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/3.webp
|
||||
- src: /images/ai-art/propaganda-poster/3.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/4.webp
|
||||
- src: /images/ai-art/propaganda-poster/4.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/5.webp
|
||||
- src: /images/ai-art/propaganda-poster/5.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/6.webp
|
||||
- src: /images/ai-art/propaganda-poster/6.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/7.webp
|
||||
- src: /images/ai-art/propaganda-poster/7.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/8.webp
|
||||
- src: /images/ai-art/propaganda-poster/8.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/9.webp
|
||||
- src: /images/ai-art/propaganda-poster/9.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/10.webp
|
||||
- src: /images/ai-art/propaganda-poster/10.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/11.webp
|
||||
- src: /images/ai-art/propaganda-poster/11.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/12.webp
|
||||
- src: /images/ai-art/propaganda-poster/12.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/13.webp
|
||||
- src: /images/ai-art/propaganda-poster/13.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/14.webp
|
||||
- src: /images/ai-art/propaganda-poster/14.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/15.webp
|
||||
- src: /images/ai-art/propaganda-poster/15.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/16.webp
|
||||
- src: /images/ai-art/propaganda-poster/16.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/17.webp
|
||||
- src: /images/ai-art/propaganda-poster/17.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/18.webp
|
||||
- src: /images/ai-art/propaganda-poster/18.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/19.webp
|
||||
- src: /images/ai-art/propaganda-poster/19.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/20.webp
|
||||
- src: /images/ai-art/propaganda-poster/20.webp
|
||||
aspectRatio: 0.67
|
||||
- src: /assets/images/ai-art/propaganda-poster/21.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/roman-stoics/seneca.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/roman-stoics/marcus-aurelius.webp
|
||||
- src: /images/ai-art/roman-stoics/marcus-aurelius.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/roman-stoics/epictetus.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/the-simpsons/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/2.webp
|
||||
- src: /images/ai-art/the-simpsons/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/3.webp
|
||||
- src: /images/ai-art/the-simpsons/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/4.webp
|
||||
- src: /images/ai-art/the-simpsons/4.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/5.webp
|
||||
- src: /images/ai-art/the-simpsons/5.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/6.webp
|
||||
- src: /images/ai-art/the-simpsons/6.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/7.webp
|
||||
- src: /images/ai-art/the-simpsons/7.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/8.webp
|
||||
- src: /images/ai-art/the-simpsons/8.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/9.webp
|
||||
- src: /images/ai-art/the-simpsons/9.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/10.webp
|
||||
- src: /images/ai-art/the-simpsons/10.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/11.webp
|
||||
- src: /images/ai-art/the-simpsons/11.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/12.webp
|
||||
- src: /images/ai-art/the-simpsons/12.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/13.webp
|
||||
- src: /images/ai-art/the-simpsons/13.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/14.webp
|
||||
- src: /images/ai-art/the-simpsons/14.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/15.webp
|
||||
- src: /images/ai-art/the-simpsons/15.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/16.webp
|
||||
- src: /images/ai-art/the-simpsons/16.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/17.webp
|
||||
- src: /images/ai-art/the-simpsons/17.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/18.webp
|
||||
- src: /images/ai-art/the-simpsons/18.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/19.webp
|
||||
- src: /images/ai-art/the-simpsons/19.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/the-simpsons/20.webp
|
||||
- src: /images/ai-art/the-simpsons/20.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.webp
|
||||
- src: /images/ai-art/south-park/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/south-park/2.webp
|
||||
- src: /images/ai-art/south-park/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/south-park/3.webp
|
||||
- src: /images/ai-art/south-park/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/south-park/4.webp
|
||||
- src: /images/ai-art/south-park/4.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.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/tower-of-babel/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/tower-of-babel/2.webp
|
||||
- src: /images/ai-art/tower-of-babel/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/tower-of-babel/3.webp
|
||||
- src: /images/ai-art/tower-of-babel/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/tower-of-babel/4.webp
|
||||
- src: /images/ai-art/tower-of-babel/4.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/tower-of-babel/5.webp
|
||||
- src: /images/ai-art/tower-of-babel/5.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/tower-of-babel/6.webp
|
||||
- src: /images/ai-art/tower-of-babel/6.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/tower-of-babel/7.webp
|
||||
- src: /images/ai-art/tower-of-babel/7.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/tower-of-babel/8.webp
|
||||
- src: /images/ai-art/tower-of-babel/8.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/tower-of-babel/9.webp
|
||||
- src: /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.webp
|
||||
- src: /images/ai-art/utopia-dystopia/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/utopia-dystopia/2.webp
|
||||
- src: /images/ai-art/utopia-dystopia/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/utopia-dystopia/3.webp
|
||||
- src: /images/ai-art/utopia-dystopia/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/utopia-dystopia/4.webp
|
||||
- src: /images/ai-art/utopia-dystopia/4.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/utopia-dystopia/5.webp
|
||||
- src: /images/ai-art/utopia-dystopia/5.webp
|
||||
aspectRatio: 1
|
||||
---
|
||||
|
||||
|
||||
@@ -3,17 +3,17 @@ title: Yakuza
|
||||
date: 2023-01-06
|
||||
sort: 100
|
||||
images:
|
||||
- src: /assets/images/ai-art/yakuza/1.webp
|
||||
- src: /images/ai-art/yakuza/1.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/yakuza/2.webp
|
||||
- src: /images/ai-art/yakuza/2.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/yakuza/3.webp
|
||||
- src: /images/ai-art/yakuza/3.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/yakuza/4.webp
|
||||
- src: /images/ai-art/yakuza/4.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/yakuza/5.webp
|
||||
- src: /images/ai-art/yakuza/5.webp
|
||||
aspectRatio: 1
|
||||
- src: /assets/images/ai-art/yakuza/6.webp
|
||||
- src: /images/ai-art/yakuza/6.webp
|
||||
aspectRatio: 1
|
||||
---
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: gtd
|
||||
author: Stefan Imhoff
|
||||
date: 2007-11-24
|
||||
description: "I’ve been working with GTD (Getting Things Done) for 1.5 years: An Introduction to Organization and Self-Management with GTD."
|
||||
cover: /assets/images/cover/gtd.webp
|
||||
cover: /images/cover/gtd.webp
|
||||
tags: ["productivity", "self-improvement", "book", "minimalism"]
|
||||
---
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: japanese-colors
|
||||
author: Stefan Imhoff
|
||||
date: 2007-12-08
|
||||
description: Traditional, Japanese colors as a color palette for Photoshop and Illustrator to download (FREE).
|
||||
cover: /assets/images/cover/japanese-colors.webp
|
||||
cover: /images/cover/japanese-colors.webp
|
||||
tags: ["design", "download", "book", "japan", "recommendation"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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.webp
|
||||
cover: /images/cover/design-koi.webp
|
||||
tags: ["design", "book", "japan", "personal"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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.webp
|
||||
cover: /images/cover/git.webp
|
||||
tags: ["code"]
|
||||
---
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: gitweb-theme
|
||||
author: Stefan Imhoff
|
||||
date: 2009-02-19
|
||||
description: My popular theme for GitWeb to download for free. Now GitWeb looks more similar to GitHub and is not ugly anymore.
|
||||
cover: /assets/images/cover/gitweb-theme.webp
|
||||
cover: /images/cover/gitweb-theme.webp
|
||||
tags: ["download", "design"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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.webp
|
||||
cover: /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.webp
|
||||
cover: /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.webp
|
||||
cover: /images/cover/vim.webp
|
||||
tags: ["code"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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.webp
|
||||
cover: /images/cover/webstandards-magazine-django.webp
|
||||
tags: ["code", "personal"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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.webp
|
||||
cover: /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.webp
|
||||
cover: /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.webp
|
||||
cover: /images/cover/gulp-10.webp
|
||||
tags: ["code"]
|
||||
series: gulp
|
||||
---
|
||||
@@ -45,7 +45,7 @@ sprites: {
|
||||
}
|
||||
},
|
||||
imgName: 'icon-sprite.png',
|
||||
imgPath: '/assets/images/sprites/icon-sprite.png'
|
||||
imgPath: '/images/sprites/icon-sprite.png'
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
@@ -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.webp
|
||||
cover: /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.webp
|
||||
cover: /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.webp
|
||||
cover: /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.webp
|
||||
cover: /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.webp
|
||||
cover: /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.webp
|
||||
cover: /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.webp
|
||||
cover: /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.webp
|
||||
cover: /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.webp
|
||||
cover: /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.webp
|
||||
cover: /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.webp
|
||||
cover: /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.webp
|
||||
cover: /images/cover/gulp-7.webp
|
||||
tags: ["code"]
|
||||
series: gulp
|
||||
---
|
||||
@@ -20,7 +20,7 @@ To load the background pattern, I use SCSS like this:
|
||||
```scss
|
||||
%pattern-light-grey {
|
||||
background-color: $background-color;
|
||||
background-image: url(/assets/images/patterns/light_grey.png);
|
||||
background-image: url(/images/patterns/light_grey.png);
|
||||
background-size: 301px 621px;
|
||||
}
|
||||
|
||||
@@ -34,7 +34,7 @@ The generated CSS looks like this:
|
||||
```css
|
||||
body {
|
||||
background-color: #fdfdfd;
|
||||
background-image: url(/assets/images/patterns/light_grey.png);
|
||||
background-image: url(/images/patterns/light_grey.png);
|
||||
background-size: 301px 621px;
|
||||
}
|
||||
```
|
||||
|
||||
@@ -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.webp
|
||||
cover: /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.webp
|
||||
cover: /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.webp
|
||||
cover: /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/logo-design.webp
|
||||
cover: /images/cover/logo-design.webp
|
||||
tags: ["design", "japan", "personal"]
|
||||
---
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: website-typography
|
||||
author: Stefan Imhoff
|
||||
date: 2014-06-19
|
||||
description: "About the typography of my new website: scale, font, vertical rhythm, font size, font size, and sentence width."
|
||||
cover: /assets/images/cover/website-typography.webp
|
||||
cover: /images/cover/website-typography.webp
|
||||
tags: ["design", "code", "book", "personal"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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.webp
|
||||
cover: /images/cover/calisthenics.webp
|
||||
tags: ["self-improvement"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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.webp
|
||||
cover: /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.webp
|
||||
cover: /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.webp
|
||||
cover: /images/cover/netflix-underwear.webp
|
||||
tags: ["film", "japan", "recommendation"]
|
||||
---
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: attention
|
||||
author: Stefan Imhoff
|
||||
date: 2017-11-03T08:00:00+01:00
|
||||
description: A guide on how to get your attention back in the age of constant distraction.
|
||||
cover: /assets/images/cover/attention.webp
|
||||
cover: /images/cover/attention.webp
|
||||
tags: ["self-improvement", "technology"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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.webp
|
||||
cover: /images/cover/gitbook.webp
|
||||
tags: ["book", "writing"]
|
||||
---
|
||||
|
||||
|
||||
@@ -5,7 +5,7 @@ author: Stefan Imhoff
|
||||
date: 2017-06-07
|
||||
featured: true
|
||||
description: Minimalism is currently popular, but Minimalism is hard to understand, and many misconceptions can be found. This essay carries my thoughts on Minimalism and my history with it.
|
||||
cover: /assets/images/cover/minimalism.webp
|
||||
cover: /images/cover/minimalism.webp
|
||||
tags: ["self-improvement", "book", "minimalism"]
|
||||
---
|
||||
|
||||
|
||||
@@ -5,7 +5,7 @@ date: 2018-09-08
|
||||
updated: 2025-02-10
|
||||
author: Stefan Imhoff
|
||||
description: On the advantages of building yourself a morning routine and the details of my morning routine.
|
||||
cover: /assets/images/cover/morning-routine.webp
|
||||
cover: /images/cover/morning-routine.webp
|
||||
tags: ["self-improvement", "book", "personal"]
|
||||
---
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: storing-information
|
||||
date: 2018-10-03
|
||||
author: Stefan Imhoff
|
||||
description: How I save and process information, to find it again quickly and store it to not lose it again.
|
||||
cover: /assets/images/cover/storing-information.webp
|
||||
cover: /images/cover/storing-information.webp
|
||||
tags: ["self-improvement"]
|
||||
---
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: 101-things-you-can-do
|
||||
date: 2020-03-28
|
||||
author: Stefan Imhoff
|
||||
description: The novel Coronavirus SARS-CoV-2 which can lead to the sickness of COVID-19 brought many countries into partial or total lockdown. Many people are not used to staying inside for a long time. As an introvert, I like it inside. To help to make it easier to stay inside, I created a list of 101 things you can do until this crisis is over.
|
||||
cover: /assets/images/cover/101-things-you-can-do.webp
|
||||
cover: /images/cover/101-things-you-can-do.webp
|
||||
tags: ["recommendation", "self-improvement"]
|
||||
---
|
||||
|
||||
|
||||
@@ -5,7 +5,7 @@ date: 2020-04-18T10:00:00+02:00
|
||||
updated: 2025-01-06
|
||||
author: Stefan Imhoff
|
||||
description: All the apps, tools, and services I use on my iPhone, iPad, Apple Watch, Apple TV, and Mac.
|
||||
cover: /assets/images/cover/apps-tools-services.webp
|
||||
cover: /images/cover/apps-tools-services.webp
|
||||
tags: ["productivity", "software"]
|
||||
---
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: best-of-2020
|
||||
date: 2020-12-22
|
||||
author: Stefan Imhoff
|
||||
description: A distilled collection of my favorite topics, articles, videos, podcasts, people, or other things in 2020.
|
||||
cover: /assets/images/cover/best-of-2020.webp
|
||||
cover: /images/cover/best-of-2020.webp
|
||||
tags: ["recommendation"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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.webp
|
||||
cover: /images/cover/everyday-carry.webp
|
||||
tags: ["self-improvement", "technology", "minimalism", "personal"]
|
||||
---
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ date: 2020-07-21
|
||||
slug: new-website-2020-design
|
||||
author: Stefan Imhoff
|
||||
description: This is the second of three parts in a series of essays about the process of creating my new website. This one shows the design process for my website.
|
||||
cover: /assets/images/cover/new-website-2020-design.webp
|
||||
cover: /images/cover/new-website-2020-design.webp
|
||||
tags: ["design", "book", "japan", "personal"]
|
||||
series: new-website-2020
|
||||
---
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: new-website-2020-development
|
||||
date: 2020-07-28
|
||||
author: Stefan Imhoff
|
||||
description: This is the last of three parts in a series of essays about the process of creating my new website. This one shows the development process for my website.
|
||||
cover: /assets/images/cover/new-website-2020-development.webp
|
||||
cover: /images/cover/new-website-2020-development.webp
|
||||
tags: ["code", "personal"]
|
||||
series: new-website-2020
|
||||
---
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: new-website-2020-inspiration
|
||||
date: 2020-07-14
|
||||
author: Stefan Imhoff
|
||||
description: This is the first of three parts in a series of essays about the process of creating my new website. This one has a look into the inspiration for my website.
|
||||
cover: /assets/images/cover/new-website-2020-inspiration.webp
|
||||
cover: /images/cover/new-website-2020-inspiration.webp
|
||||
tags: ["design", "book", "japan", "personal"]
|
||||
series: new-website-2020
|
||||
---
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: new-website-2020
|
||||
date: 2020-07-07
|
||||
author: Stefan Imhoff
|
||||
description: "Finally, after 3 years with 250 hours of work, I finished my longest-running project: A new design and code for my website. Everything is new. I created over 1,400 files with 29,000 lines of code."
|
||||
cover: /assets/images/cover/new-website-2020.webp
|
||||
cover: /images/cover/new-website-2020.webp
|
||||
tags: ["code", "design", "japan", "personal"]
|
||||
series: new-website-2020
|
||||
---
|
||||
|
||||
@@ -5,7 +5,7 @@ date: 2020-09-03
|
||||
author: Stefan Imhoff
|
||||
featured: true
|
||||
description: I started my Zettelkasten in DEVONthink. But since then, I integrated more tools into my workflow. This essay describes which tools I use for my notes and why.
|
||||
cover: /assets/images/cover/tools-i-use-for-note-taking.webp
|
||||
cover: /images/cover/tools-i-use-for-note-taking.webp
|
||||
tags: ["productivity", "technology", "writing", "personal"]
|
||||
---
|
||||
|
||||
|
||||
@@ -5,7 +5,7 @@ date: 2020-05-18
|
||||
author: Stefan Imhoff
|
||||
featured: true
|
||||
description: "The way we write notes determines how we think and learn. I was introduced recently to an old method of writing notes: The Zettelkasten method. This essay describes how I implemented the method into my workflow with DEVONthink."
|
||||
cover: /assets/images/cover/zettelkasten-note-taking-devonthink.webp
|
||||
cover: /images/cover/zettelkasten-note-taking-devonthink.webp
|
||||
tags: ["productivity", "writing"]
|
||||
---
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: devonthink-obsidian-for-note-taking
|
||||
date: 2021-07-23
|
||||
author: Stefan Imhoff
|
||||
description: With the release of the mobile versions of Obsidian, my note-taking workflow with Obsidian and DEVONthink is now even more fun than before.
|
||||
cover: /assets/images/cover/devonthink-obsidian-for-note-taking.webp
|
||||
cover: /images/cover/devonthink-obsidian-for-note-taking.webp
|
||||
tags: ["productivity", "technology", "writing"]
|
||||
---
|
||||
|
||||
|
||||
@@ -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/how-to-prepare-for-the-worst-case.webp
|
||||
cover: /images/cover/how-to-prepare-for-the-worst-case.webp
|
||||
tags: ["recommendation", "self-improvement", "book", "personal"]
|
||||
---
|
||||
|
||||
|
||||
@@ -5,7 +5,7 @@ date: 2021-12-13
|
||||
author: Stefan Imhoff
|
||||
featured: true
|
||||
description: A modern interpretation of Rudyard Kipling’s great poem.
|
||||
cover: /assets/images/cover/interpretation-if.webp
|
||||
cover: /images/cover/interpretation-if.webp
|
||||
tags: ["poetry"]
|
||||
series: kipling-poems
|
||||
---
|
||||
|
||||
@@ -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.webp
|
||||
cover: /images/cover/copybook-headings.webp
|
||||
featured: true
|
||||
tags: ["poetry", "politics", "philosophy"]
|
||||
series: kipling-poems
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: learning-poems
|
||||
date: 2021-08-23
|
||||
author: Stefan Imhoff
|
||||
description: Why I started learning poems.
|
||||
cover: /assets/images/cover/learning-poems.webp
|
||||
cover: /images/cover/learning-poems.webp
|
||||
tags: ["poetry", "self-improvement", "book", "personal"]
|
||||
---
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: new-website-2021
|
||||
date: 2021-04-24
|
||||
author: Stefan Imhoff
|
||||
description: I relaunched my website, after only 10 months. The previous stack was too slow and work-intensive and prevented me from writing. I picked Eleventy for my new website, the development was quick and fun.
|
||||
cover: /assets/images/cover/new-website-2021.webp
|
||||
cover: /images/cover/new-website-2021.webp
|
||||
tags: ["code", "design", "personal"]
|
||||
---
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: processing-information-into-notes
|
||||
date: 2021-05-13
|
||||
author: Stefan Imhoff
|
||||
description: My process of extracting information out of books, articles, podcasts, and videos and creating atomic notes.
|
||||
cover: /assets/images/cover/processing-information-into-notes.webp
|
||||
cover: /images/cover/processing-information-into-notes.webp
|
||||
tags: ["productivity", "writing", "recommendation", "book"]
|
||||
---
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: the-decentralized-web-1-why-do-we-need-it
|
||||
date: 2021-10-25
|
||||
author: Stefan Imhoff
|
||||
description: This is the first part of a three-part series on the Decentralized Web. This part will highlight the dangers looming on the free internet.
|
||||
cover: /assets/images/cover/decentralized-web-1.webp
|
||||
cover: /images/cover/decentralized-web-1.webp
|
||||
tags: ["politics", "philosophy"]
|
||||
series: decentralized-web
|
||||
---
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: the-decentralized-web-2-the-wild-west-web
|
||||
date: 2021-11-01
|
||||
author: Stefan Imhoff
|
||||
description: This is the second part of a three-part series on the Decentralized Web. This part will show promising examples for the decentralized web.
|
||||
cover: /assets/images/cover/decentralized-web-2.webp
|
||||
cover: /images/cover/decentralized-web-2.webp
|
||||
tags: ["technology"]
|
||||
series: decentralized-web
|
||||
---
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: the-decentralized-web-3-develop-and-publish-a-website
|
||||
date: 2021-11-08
|
||||
author: Stefan Imhoff
|
||||
description: This is the third part of a three-part series on the Decentralized Web. In this part, we’ll code and release our first decentralized website.
|
||||
cover: /assets/images/cover/decentralized-web-3.webp
|
||||
cover: /images/cover/decentralized-web-3.webp
|
||||
tags: ["code"]
|
||||
series: decentralized-web
|
||||
---
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: the-old-man-on-the-bench
|
||||
date: 2021-08-31
|
||||
author: Stefan Imhoff
|
||||
description: A story about an old man watching for birds.
|
||||
cover: /assets/images/cover/the-old-man-on-the-bench.webp
|
||||
cover: /images/cover/the-old-man-on-the-bench.webp
|
||||
tags: ["philosophy", "personal"]
|
||||
---
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: using-readwise-with-obsidian-for-note-talking
|
||||
date: 2021-09-14
|
||||
author: Stefan Imhoff
|
||||
description: How I started using Readwise to maintain my highlights of various tools for note-taking
|
||||
cover: /assets/images/cover/using-readwise-with-obsidian-for-note-talking.webp
|
||||
cover: /images/cover/using-readwise-with-obsidian-for-note-talking.webp
|
||||
tags: ["productivity", "technology", "recommendation"]
|
||||
---
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: web-developer-work-environment-1
|
||||
date: 2021-12-20
|
||||
author: Stefan Imhoff
|
||||
description: I decided to re-examine my developer tools and replace some of them with better tools.
|
||||
cover: /assets/images/cover/web-developer-work-environment-1.webp
|
||||
cover: /images/cover/web-developer-work-environment-1.webp
|
||||
tags: ["code", "productivity", "technology"]
|
||||
series: web-developer-work-environment
|
||||
---
|
||||
|
||||
@@ -4,7 +4,7 @@ slug: web-developer-work-environment-2
|
||||
date: 2021-12-23
|
||||
author: Stefan Imhoff
|
||||
description: I decided to re-examine my developer tools and replace some of them with better tools.
|
||||
cover: /assets/images/cover/web-developer-work-environment-2.webp
|
||||
cover: /images/cover/web-developer-work-environment-2.webp
|
||||
tags: ["code", "productivity", "technology"]
|
||||
series: web-developer-work-environment
|
||||
---
|
||||
|
||||
@@ -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.webp
|
||||
cover: /images/cover/ai-cover-1.webp
|
||||
tags: ["code", "technology", "ai"]
|
||||
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.webp
|
||||
cover: /images/cover/ai-cover-2.webp
|
||||
tags: ["code", "technology", "writing", "ai"]
|
||||
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.webp
|
||||
cover: /images/cover/ai-cover-3.webp
|
||||
tags: ["code", "technology", "design", "ai"]
|
||||
series: artificial-intelligence
|
||||
---
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user