feat: add new cover images
BIN
public/assets/images/branding/og/new-website-2020-design.jpg
Normal file
|
After Width: | Height: | Size: 487 KiB |
BIN
public/assets/images/branding/og/new-website-2020-design.webp
Normal file
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 633 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 612 KiB |
|
After Width: | Height: | Size: 65 KiB |
BIN
public/assets/images/branding/og/new-website-2020.jpg
Normal file
|
After Width: | Height: | Size: 607 KiB |
BIN
public/assets/images/branding/og/new-website-2020.webp
Normal file
|
After Width: | Height: | Size: 66 KiB |
BIN
public/assets/images/branding/og/new-website-2021.jpg
Normal file
|
After Width: | Height: | Size: 582 KiB |
BIN
public/assets/images/branding/og/new-website-2021.webp
Normal file
|
After Width: | Height: | Size: 60 KiB |
BIN
public/assets/images/branding/og/the-old-man-on-the-bench.jpg
Normal file
|
After Width: | Height: | Size: 468 KiB |
BIN
public/assets/images/branding/og/the-old-man-on-the-bench.webp
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
public/assets/images/cover/new-website-2020-design.jpg
Normal file
|
After Width: | Height: | Size: 96 KiB |
BIN
public/assets/images/cover/new-website-2020-design.webp
Normal file
|
After Width: | Height: | Size: 71 KiB |
BIN
public/assets/images/cover/new-website-2020-development.jpg
Normal file
|
After Width: | Height: | Size: 142 KiB |
BIN
public/assets/images/cover/new-website-2020-development.webp
Normal file
|
After Width: | Height: | Size: 105 KiB |
BIN
public/assets/images/cover/new-website-2020-inspiration.jpg
Normal file
|
After Width: | Height: | Size: 138 KiB |
BIN
public/assets/images/cover/new-website-2020-inspiration.webp
Normal file
|
After Width: | Height: | Size: 116 KiB |
BIN
public/assets/images/cover/new-website-2020.jpg
Normal file
|
After Width: | Height: | Size: 148 KiB |
BIN
public/assets/images/cover/new-website-2020.webp
Normal file
|
After Width: | Height: | Size: 115 KiB |
BIN
public/assets/images/cover/new-website-2021.jpg
Normal file
|
After Width: | Height: | Size: 128 KiB |
BIN
public/assets/images/cover/new-website-2021.webp
Normal file
|
After Width: | Height: | Size: 91 KiB |
BIN
public/assets/images/cover/the-old-man-on-the-bench.jpg
Normal file
|
After Width: | Height: | Size: 134 KiB |
BIN
public/assets/images/cover/the-old-man-on-the-bench.webp
Normal file
|
After Width: | Height: | Size: 106 KiB |
@@ -4,6 +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
|
||||
tags: ["design", "book"]
|
||||
series: new-website-2020
|
||||
---
|
||||
@@ -236,7 +237,7 @@ Then I moved into color variations for the pages. I designed error pages, naviga
|
||||
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.webpp" alt="Homepage" />
|
||||
<Image src="/assets/images/posts/homepage-design.webp" alt="Homepage" />
|
||||
</Figure>
|
||||
|
||||
<Figure caption="Haiku Section" size="fullsize">
|
||||
|
||||
@@ -4,6 +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
|
||||
tags: ["code"]
|
||||
series: new-website-2020
|
||||
---
|
||||
|
||||
@@ -4,6 +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
|
||||
tags: ["design", "book"]
|
||||
series: new-website-2020
|
||||
---
|
||||
|
||||
@@ -4,6 +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
|
||||
tags: ["code", "design"]
|
||||
series: new-website-2020
|
||||
---
|
||||
|
||||
@@ -4,6 +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
|
||||
tags: ["code", "design"]
|
||||
---
|
||||
|
||||
|
||||
@@ -4,6 +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
|
||||
tags: ["philosophy"]
|
||||
---
|
||||
|
||||
@@ -21,10 +22,10 @@ We talked, and he asked me about my life and job. I learned he was a painter, an
|
||||
|
||||
I learned of his passion for rock climbing and how he immigrated from Austria to Germany. He told me how much he misses the mountains and climbing, but at 82 it wasn’t possible anymore to climb. When he talked about grabbing the rocks with his fingers, I could see the fire in his eyes. He regretted having lost contact with his family and his children.
|
||||
|
||||
<q>There are not many birds in the forests these days,</q> he told me with a sad face. I asked him what
|
||||
he meant because the forest would be full of loud twittering birds. He realized that the birds were still
|
||||
there, but his ears couldn’t hear them anymore. I think that day, he felt for the first time that he
|
||||
was old.
|
||||
<q>There are not many birds in the forests these days,</q> he told me with a sad face. I asked him
|
||||
what he meant because the forest would be full of loud twittering birds. He realized that the birds
|
||||
were still there, but his ears couldn’t hear them anymore. I think that day, he felt for the first
|
||||
time that he was old.
|
||||
|
||||
That was the last time I saw him. Weeks passed by, then months, but the bench stayed abandoned. I don’t know if he gave up looking for birds he was unable to hear, got sick, or if he died. But I’m glad I talked to him.
|
||||
|
||||
|
||||