diff --git a/0_hero/index.html b/0_hero/index.html
index 4fb4943..cc2c7d9 100644
--- a/0_hero/index.html
+++ b/0_hero/index.html
@@ -5,7 +5,7 @@
 🌳 Sustainability advocat
 ☕ Hot drink enjoyer
 📫 reach me via
-matrix (@hoernschen:chat.nutfactory.org) or email (hi@hoernschen.de) "><meta property="og:type" content="article"><meta property="og:url" content="https://hoernschen.de/0_hero/"><meta property="article:section" content><title>Hoernschen</title><link rel=stylesheet type=text/css href=/css/index.7f24deec4d2a133176ae532cd557a54c72cf1e6e20a0d54028e9306453121ac7.css><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/index.js></script></head><body><header id=header><div class=header><a class=home href=/#><i class=icon-home></i></a><div class=items><a class=item href=/posts>Blog</a></div><button id=theme-toggler><i class=icon-adjust></i></button></div></header><span id=progress class=progress></span><main id=content><div class=content><div class=meta><span>0001-01-01</span>
+matrix (@hoernschen:chat.nutfactory.org) or email (hi@hoernschen.de) "><meta property="og:type" content="article"><meta property="og:url" content="https://hoernschen.de/0_hero/"><meta property="article:section" content><title>Hoernschen</title><link rel=stylesheet type=text/css href=/css/index.907eabfe13da5c7ba1a8d361aad1edf420802897ca77c88b87524008b970c4a6.css><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/index.js></script></head><body><header id=header><div class=header><a class=home href=/#><i class=icon-home></i></a><div class=items><a class=item href=/posts>Blog</a></div><button id=theme-toggler><i class=icon-adjust></i></button></div></header><span id=progress class=progress></span><main id=content><div class=content><div class=meta><span>0001-01-01</span>
 <span>⏱ 1 min</span></div><p>A Software Engineer with a Master degree in Computer Science based in Germany</p><p>🚀 Co-Founder of <a href=https://regioshopper.de>RegioShopper</a></p><p>💚 Green Software evangelist</p><p>&lt;/> Software is my passion -> View my <a href=/tech>tech stack</a></p><p>🌳 Sustainability advocat</p><p>☕ Hot drink enjoyer</p><p>📫 reach me via</p><ul><li>matrix (<a href=https://matrix.to/#/@hoernschen:chat.nutfactory.org>@hoernschen:chat.nutfactory.org</a>) or</li><li>email (<a href=mailto:hi@hoernschen.de>hi@hoernschen.de</a>)</li></ul></div></main><footer class=footer><div class=social><a href=https://chaos.social/@hoernschen rel="nofollow me"><i class=icon-mastodon></i>
 Mastodon</a>
 <a href=https://www.linkedin.com/in/julian-hoernschemeyer/ rel=nofollow><i class=icon-linkedin></i>
diff --git a/404.html b/404.html
index 2b90fd9..b8b6ede 100644
--- a/404.html
+++ b/404.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang=en-us><head><meta name=description content="Description"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=color-scheme content="dark light"><meta property="og:title" content="404 Page not found"><meta property="og:description" content="Description"><meta property="og:type" content="website"><meta property="og:url" content="https://hoernschen.de/404.html"><title>404 Page not found</title><link rel=stylesheet type=text/css href=/css/index.7f24deec4d2a133176ae532cd557a54c72cf1e6e20a0d54028e9306453121ac7.css><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/index.js></script></head><body><header id=header><div class=header><a class=home href=/#><i class=icon-home></i></a><div class=items><a class=item href=/posts>Blog</a></div><button id=theme-toggler><i class=icon-adjust></i></button></div></header><span id=progress class=progress></span><main id=content>404</main><footer class=footer><div class=social><a href=https://chaos.social/@hoernschen rel="nofollow me"><i class=icon-mastodon></i>
+<!doctype html><html lang=en-us><head><meta name=description content="Description"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=color-scheme content="dark light"><meta property="og:title" content="404 Page not found"><meta property="og:description" content="Description"><meta property="og:type" content="website"><meta property="og:url" content="https://hoernschen.de/404.html"><title>404 Page not found</title><link rel=stylesheet type=text/css href=/css/index.907eabfe13da5c7ba1a8d361aad1edf420802897ca77c88b87524008b970c4a6.css><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/index.js></script></head><body><header id=header><div class=header><a class=home href=/#><i class=icon-home></i></a><div class=items><a class=item href=/posts>Blog</a></div><button id=theme-toggler><i class=icon-adjust></i></button></div></header><span id=progress class=progress></span><main id=content>404</main><footer class=footer><div class=social><a href=https://chaos.social/@hoernschen rel="nofollow me"><i class=icon-mastodon></i>
 Mastodon</a>
 <a href=https://www.linkedin.com/in/julian-hoernschemeyer/ rel=nofollow><i class=icon-linkedin></i>
 Linkedin</a>
diff --git a/categories/index.html b/categories/index.html
index 0ca8204..e5f2ef1 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang=en-us><head><meta name=description content="Description"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=color-scheme content="dark light"><meta property="og:title" content="Categories"><meta property="og:description" content="Description"><meta property="og:type" content="website"><meta property="og:url" content="https://hoernschen.de/categories/"><title>Categories</title><link rel=stylesheet type=text/css href=/css/index.7f24deec4d2a133176ae532cd557a54c72cf1e6e20a0d54028e9306453121ac7.css><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/index.js></script></head><body><header id=header><div class=header><a class=home href=/#><i class=icon-home></i></a><div class=items><a class=item href=/posts>Blog</a></div><button id=theme-toggler><i class=icon-adjust></i></button></div></header><span id=progress class=progress></span><main id=content><div class=content><article><div class=title><h1>Categories</h1><div class=divider></div></div></article><div class=list></div></div></main><footer class=footer><div class=social><a href=https://chaos.social/@hoernschen rel="nofollow me"><i class=icon-mastodon></i>
+<!doctype html><html lang=en-us><head><meta name=description content="Description"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=color-scheme content="dark light"><meta property="og:title" content="Categories"><meta property="og:description" content="Description"><meta property="og:type" content="website"><meta property="og:url" content="https://hoernschen.de/categories/"><title>Categories</title><link rel=stylesheet type=text/css href=/css/index.907eabfe13da5c7ba1a8d361aad1edf420802897ca77c88b87524008b970c4a6.css><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/index.js></script></head><body><header id=header><div class=header><a class=home href=/#><i class=icon-home></i></a><div class=items><a class=item href=/posts>Blog</a></div><button id=theme-toggler><i class=icon-adjust></i></button></div></header><span id=progress class=progress></span><main id=content><div class=content><article><div class=title><h1>Categories</h1><div class=divider></div></div></article><div class=list></div></div></main><footer class=footer><div class=social><a href=https://chaos.social/@hoernschen rel="nofollow me"><i class=icon-mastodon></i>
 Mastodon</a>
 <a href=https://www.linkedin.com/in/julian-hoernschemeyer/ rel=nofollow><i class=icon-linkedin></i>
 Linkedin</a>
diff --git a/css/index.7f24deec4d2a133176ae532cd557a54c72cf1e6e20a0d54028e9306453121ac7.css b/css/index.907eabfe13da5c7ba1a8d361aad1edf420802897ca77c88b87524008b970c4a6.css
similarity index 84%
rename from css/index.7f24deec4d2a133176ae532cd557a54c72cf1e6e20a0d54028e9306453121ac7.css
rename to css/index.907eabfe13da5c7ba1a8d361aad1edf420802897ca77c88b87524008b970c4a6.css
index 99f37ff..5801142 100644
--- a/css/index.7f24deec4d2a133176ae532cd557a54c72cf1e6e20a0d54028e9306453121ac7.css
+++ b/css/index.907eabfe13da5c7ba1a8d361aad1edf420802897ca77c88b87524008b970c4a6.css
@@ -1 +1 @@
-:root{color-scheme:light dark}body{background-color:#383838;color:#fff}body.light{background-color:#fff;color:#000}@media (prefers-color-scheme: light){body{background-color:#fff;color:#000}body.dark{background-color:#383838;color:#fff}}*{box-sizing:border-box;word-break:break-word}html{scroll-behavior:smooth}header,footer{background-color:black;color:white}header{position:sticky;top:0;z-index:9}html,body{height:100%}body{margin:0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-weight:400;font-style:normal}h1{margin:0rem;margin-bottom:0.5rem;margin-top:0.5rem}p{margin:0.5rem}a{text-decoration:none;color:#57B793}.col-3{flex:25%;width:25%;max-width:25%}.col-4{flex:33.33%;width:33.33%;max-width:33.33%}.col-5{flex:41.66%;width:41.66%;max-width:41.66%}.col-6{flex:50%;width:50%;max-width:50%}.col-7{flex:58.33%;width:58.33%;max-width:58.33%}.col-8{flex:66.66%;width:66.66%;max-width:66.66%}.col-9{flex:75%;width:75%;max-width:75%}.col-10{flex:83.33%;width:83.33%;max-width:83.33%}.col-11{flex:91.66%;width:91.66%;max-width:91.66%}.col-12{flex:100%;width:100%;max-width:100%}[class*="col-"]{float:left}.rotate-45{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.rotate-180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.row{display:flex;flex-wrap:wrap;flex-flow:column}.header{display:flex;flex-direction:row;width:100%;max-width:680px;margin:auto;padding:10px;font-size:large}.header i{font-size:x-large}.header>.items{display:flex;flex-grow:1;justify-content:right}.header>.items>.item{align-self:center;padding-inline-end:16px}.progress{background:#fc9800;height:5px;width:0%;position:fixed;top:0;z-index:10}#theme-toggler{border:none;background:inherit;color:#57B793;cursor:pointer}.footer{display:flex;flex-direction:column;padding-block-start:16px;font-size:medium;text-align:center}.footer>.social{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.footer>.social i{font-size:x-large}.footer>.social a{padding-inline:6px;color:#fc9800}.footer>.links{display:flex;justify-content:center;flex-wrap:wrap;padding:0}.footer>.links .link{display:flex;padding-inline:16px}.footer>.links .link a{color:inherit}.footer>.links .link:before{content:none}.footer>.copyright{font-size:small}.totop{display:inline-flex;background-color:#fc9800;color:#f2f2f2;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;margin:20px;position:fixed;bottom:0px;right:0px;transition:background-color .3s;z-index:10;visibility:hidden;opacity:0}.totop:hover{filter:brightness(60%)}.totop.show{visibility:visible;opacity:1}.table-of-contents{position:fixed;left:0px;top:0px;height:100%;display:flex;flex-direction:row}.table-of-contents .extend{margin:auto;padding-block:1rem;padding-inline:0.4rem;border-radius:0rem 0.5rem 0.5rem 0rem;background-color:black;cursor:pointer}#TableOfContents{display:none;margin:auto;padding-inline:20px;border-radius:0rem 0.5rem 0.5rem 0rem;background-color:black;font-size:larger}#TableOfContents ul{counter-reset:toc1;list-style-type:none;padding-inline-start:0rem;padding-block:0.5rem}#TableOfContents li{list-style-type:none}#TableOfContents li ul{counter-reset:toc2}#TableOfContents li ul li{list-style-type:none}#TableOfContents li ul li ul{counter-reset:toc3}#TableOfContents li ul li ul li:before{counter-increment:toc3;content:counter(toc1) "." counter(toc2) "." counter(toc3) " "}#TableOfContents li ul li:before{counter-increment:toc2;content:counter(toc1) "." counter(toc2) " "}#TableOfContents li:before{counter-increment:toc1;content:counter(toc1) ". "}#TableOfContents.show{display:block}#content{flex-grow:1;display:flex;flex-direction:column}.title h1{font-size:xxx-large;margin-block-end:3rem}main>.content{padding-top:9rem;padding-bottom:2rem;padding-right:1.5rem;padding-left:1.5rem;width:100%;max-width:680px;margin:0;align-self:center;flex-grow:1}.list{margin-block-start:2rem}.list>li{list-style:none;margin:0.5rem}.list>article{margin:0.5rem;padding:0.5rem;border:2px solid gray;border-radius:6px}.list>article>h3{margin:0px;padding-block:0.25rem;font-size:x-large}.list>article>.meta{font-size:smaller;padding-block-end:1rem}.meta>span{padding-inline-end:1rem}.list>article>.more{display:block;width:100%;text-align:right;font-size:x-large;border:none;background:inherit;color:#57B793}.section{padding-top:2rem;padding-bottom:2.5rem;padding-right:1.5rem;padding-left:1.5rem;width:100%;margin:0;align-self:center;flex:1 0 auto}.section.highlight{background-color:#fc9800}.section>.content{width:100%;max-width:680px;margin:auto;justify-content:center}.hero>.content{display:flex;justify-content:center}.hero>.content>.image{max-width:150px}.hero>.description{padding:10px;position:relative;margin-block-start:50px;border:none}.hero>.description::before,.hero>.description::after{position:absolute;width:33px;height:25px;content:""}.hero>.description::before{left:0;top:0;border-left:3px solid #fc9800;border-top:3px solid #fc9800}.hero>.description::after{right:0;bottom:0;border-right:3px solid #fc9800;border-bottom:3px solid #fc9800}.hero>.content>.heading{flex-grow:1;display:flex;flex-direction:column;justify-content:center;padding-inline-start:25px}.hero>.content .social{display:flex;flex-direction:row;flex-wrap:wrap}.hero>.content .social i{font-size:x-large}.hero>.content .social a{padding-inline:6px;color:#fc9800}.button{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;background-color:transparent;background-image:none;text-transform:none;padding:0}.button:hover{filter:brightness(60%)}.button.filled{background-color:#fc9800;color:white;border:2px solid #fc9800;border-radius:4px;padding:0.5rem 1.5rem;text-align:center;text-decoration:none;display:inline-block;font-size:1rem}.button.outlined{background-color:transparent;color:#fc9800;border:2px solid #fc9800;border-radius:4px;padding:0.5rem 1.5rem;text-align:center;text-decoration:none;display:inline-block;font-size:1rem}.button.outlined:hover{background-color:#fc9800;color:white}img{max-width:100%;height:auto;margin:auto;object-fit:contain;border-radius:6px}.avatar{border-radius:50%;border:3px solid #fc9800;object-fit:cover}.caption{text-align:center;color:gray;font-size:small;margin:0px}
+:root{color-scheme:light dark}body{background-color:#383838;color:#fff}body.light{background-color:#fff;color:#000}@media (prefers-color-scheme: light){body{background-color:#fff;color:#000}body.dark{background-color:#383838;color:#fff}}*{box-sizing:border-box;word-break:break-word}html{scroll-behavior:smooth}header,footer{background-color:black;color:white}header{position:sticky;top:0;z-index:9}html,body{height:100%}body{margin:0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-weight:400;font-style:normal}h1{margin:0rem;margin-bottom:0.5rem;margin-top:0.5rem}p{margin:0.5rem}a{text-decoration:none;color:#348F26}.col-3{flex:25%;width:25%;max-width:25%}.col-4{flex:33.33%;width:33.33%;max-width:33.33%}.col-5{flex:41.66%;width:41.66%;max-width:41.66%}.col-6{flex:50%;width:50%;max-width:50%}.col-7{flex:58.33%;width:58.33%;max-width:58.33%}.col-8{flex:66.66%;width:66.66%;max-width:66.66%}.col-9{flex:75%;width:75%;max-width:75%}.col-10{flex:83.33%;width:83.33%;max-width:83.33%}.col-11{flex:91.66%;width:91.66%;max-width:91.66%}.col-12{flex:100%;width:100%;max-width:100%}[class*="col-"]{float:left}.rotate-45{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.rotate-180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.row{display:flex;flex-wrap:wrap;flex-flow:column}.header{display:flex;flex-direction:row;width:100%;max-width:680px;margin:auto;padding:10px;font-size:large}.header i{font-size:x-large}.header>.items{display:flex;flex-grow:1;justify-content:right}.header>.items>.item{align-self:center;padding-inline-end:16px}.progress{background:#d1501e;height:5px;width:0%;position:fixed;top:0;z-index:10}#theme-toggler{border:none;background:inherit;color:#348F26;cursor:pointer}.footer{display:flex;flex-direction:column;padding-block-start:16px;font-size:medium;text-align:center}.footer>.social{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.footer>.social i{font-size:x-large}.footer>.social a{padding-inline:6px;color:#d1501e}.footer>.links{display:flex;justify-content:center;flex-wrap:wrap;padding:0}.footer>.links .link{display:flex;padding-inline:16px}.footer>.links .link a{color:inherit}.footer>.links .link:before{content:none}.footer>.copyright{font-size:small}.totop{display:inline-flex;background-color:#d1501e;color:#f2f2f2;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;margin:20px;position:fixed;bottom:0px;right:0px;transition:background-color .3s;z-index:10;visibility:hidden;opacity:0}.totop:hover{filter:brightness(60%)}.totop.show{visibility:visible;opacity:1}.table-of-contents{position:fixed;left:0px;top:0px;height:100%;display:flex;flex-direction:row}.table-of-contents .extend{margin:auto;padding-block:1rem;padding-inline:0.4rem;border-radius:0rem 0.5rem 0.5rem 0rem;background-color:black;cursor:pointer}#TableOfContents{display:none;margin:auto;padding-inline:20px;border-radius:0rem 0.5rem 0.5rem 0rem;background-color:black;font-size:larger}#TableOfContents ul{counter-reset:toc1;list-style-type:none;padding-inline-start:0rem;padding-block:0.5rem}#TableOfContents li{list-style-type:none}#TableOfContents li ul{counter-reset:toc2}#TableOfContents li ul li{list-style-type:none}#TableOfContents li ul li ul{counter-reset:toc3}#TableOfContents li ul li ul li:before{counter-increment:toc3;content:counter(toc1) "." counter(toc2) "." counter(toc3) " "}#TableOfContents li ul li:before{counter-increment:toc2;content:counter(toc1) "." counter(toc2) " "}#TableOfContents li:before{counter-increment:toc1;content:counter(toc1) ". "}#TableOfContents.show{display:block}#content{flex-grow:1;display:flex;flex-direction:column}.title h1{font-size:xxx-large;margin-block-end:3rem}main>.content{padding-top:9rem;padding-bottom:2rem;padding-right:1.5rem;padding-left:1.5rem;width:100%;max-width:680px;margin:0;align-self:center;flex-grow:1}.list{margin-block-start:2rem}.list>li{list-style:none;margin:0.5rem}.list>article{margin:0.5rem;padding:0.5rem;border:2px solid gray;border-radius:6px}.list>article>h3{margin:0px;padding-block:0.25rem;font-size:x-large}.list>article>.meta{font-size:smaller;padding-block-end:1rem}.meta>span{padding-inline-end:1rem}.list>article>.more{display:block;width:100%;text-align:right;font-size:x-large;border:none;background:inherit;color:#348F26}.section{padding-top:2rem;padding-bottom:2.5rem;padding-right:1.5rem;padding-left:1.5rem;width:100%;margin:0;align-self:center;flex:1 0 auto}.section.highlight{background-color:#d1501e}.section>.content{width:100%;max-width:680px;margin:auto;justify-content:center}.hero>.content{display:flex;justify-content:center}.hero>.content>.image{max-width:150px}.hero>.description{padding:10px;position:relative;margin-block-start:50px;border:none}.hero>.description::before,.hero>.description::after{position:absolute;width:33px;height:25px;content:""}.hero>.description::before{left:0;top:0;border-left:3px solid #d1501e;border-top:3px solid #d1501e}.hero>.description::after{right:0;bottom:0;border-right:3px solid #d1501e;border-bottom:3px solid #d1501e}.hero>.content>.heading{flex-grow:1;display:flex;flex-direction:column;justify-content:center;padding-inline-start:25px}.hero>.content .social{display:flex;flex-direction:row;flex-wrap:wrap}.hero>.content .social i{font-size:x-large}.hero>.content .social a{padding-inline:6px;color:#d1501e}.button{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;background-color:transparent;background-image:none;text-transform:none;padding:0}.button:hover{filter:brightness(60%)}.button.filled{background-color:#d1501e;color:white;border:2px solid #d1501e;border-radius:4px;padding:0.5rem 1.5rem;text-align:center;text-decoration:none;display:inline-block;font-size:1rem}.button.outlined{background-color:transparent;color:#d1501e;border:2px solid #d1501e;border-radius:4px;padding:0.5rem 1.5rem;text-align:center;text-decoration:none;display:inline-block;font-size:1rem}.button.outlined:hover{background-color:#d1501e;color:white}img{max-width:100%;height:auto;margin:auto;object-fit:contain;border-radius:6px}.avatar{border-radius:50%;border:3px solid #d1501e;object-fit:cover}.caption{text-align:center;color:gray;font-size:small;margin:0px}
diff --git a/images/avatar-1280.jpg b/images/avatar-1280.jpg
new file mode 100644
index 0000000..7081cc9
Binary files /dev/null and b/images/avatar-1280.jpg differ
diff --git a/images/avatar-1280.jpg.avif b/images/avatar-1280.jpg.avif
new file mode 100644
index 0000000..471ba9c
Binary files /dev/null and b/images/avatar-1280.jpg.avif differ
diff --git a/images/avatar-1280.jpg.webp b/images/avatar-1280.jpg.webp
new file mode 100644
index 0000000..3791fc1
Binary files /dev/null and b/images/avatar-1280.jpg.webp differ
diff --git a/images/avatar-320.jpg b/images/avatar-320.jpg
new file mode 100644
index 0000000..836c0ac
Binary files /dev/null and b/images/avatar-320.jpg differ
diff --git a/images/avatar-320.jpg.avif b/images/avatar-320.jpg.avif
new file mode 100644
index 0000000..94f828b
Binary files /dev/null and b/images/avatar-320.jpg.avif differ
diff --git a/images/avatar-320.jpg.webp b/images/avatar-320.jpg.webp
new file mode 100644
index 0000000..93836ff
Binary files /dev/null and b/images/avatar-320.jpg.webp differ
diff --git a/images/avatar-640.jpg b/images/avatar-640.jpg
new file mode 100644
index 0000000..cf92778
Binary files /dev/null and b/images/avatar-640.jpg differ
diff --git a/images/avatar-640.jpg.avif b/images/avatar-640.jpg.avif
new file mode 100644
index 0000000..67ec685
Binary files /dev/null and b/images/avatar-640.jpg.avif differ
diff --git a/images/avatar-640.jpg.webp b/images/avatar-640.jpg.webp
new file mode 100644
index 0000000..c6836ff
Binary files /dev/null and b/images/avatar-640.jpg.webp differ
diff --git a/images/avatar-960.jpg b/images/avatar-960.jpg
new file mode 100644
index 0000000..7081cc9
Binary files /dev/null and b/images/avatar-960.jpg differ
diff --git a/images/avatar-960.jpg.avif b/images/avatar-960.jpg.avif
new file mode 100644
index 0000000..471ba9c
Binary files /dev/null and b/images/avatar-960.jpg.avif differ
diff --git a/images/avatar-960.jpg.webp b/images/avatar-960.jpg.webp
new file mode 100644
index 0000000..3791fc1
Binary files /dev/null and b/images/avatar-960.jpg.webp differ
diff --git a/images/avatar.jpg b/images/avatar.jpg
new file mode 100644
index 0000000..6df3d30
Binary files /dev/null and b/images/avatar.jpg differ
diff --git a/images/avatar.jpg.avif b/images/avatar.jpg.avif
new file mode 100644
index 0000000..e3c2fb4
Binary files /dev/null and b/images/avatar.jpg.avif differ
diff --git a/images/avatar.jpg.webp b/images/avatar.jpg.webp
new file mode 100644
index 0000000..4423336
Binary files /dev/null and b/images/avatar.jpg.webp differ
diff --git a/index.html b/index.html
index 1ec3755..7403a44 100644
--- a/index.html
+++ b/index.html
@@ -1,16 +1,16 @@
-<!doctype html><html lang=en-us><head><meta name=generator content="Hugo 0.115.4"><meta name=description content="Description"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=color-scheme content="dark light"><meta property="og:title" content><meta property="og:description" content="Description"><meta property="og:type" content="website"><meta property="og:url" content="https://hoernschen.de/"><title>Hoernschen</title><link rel=stylesheet type=text/css href=/css/index.7f24deec4d2a133176ae532cd557a54c72cf1e6e20a0d54028e9306453121ac7.css><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/index.js></script></head><body><header id=header><div class=header><a class=home href=/#><i class=icon-home></i></a><div class=items><a class=item href=/posts>Blog</a></div><button id=theme-toggler><i class=icon-adjust></i></button></div></header><span id=progress class=progress></span><main id=content><div id=hero class="section even row"><div class="content hero"><div class=content><div class=image><picture><source type=image/avif srcset="/images/profilepicture-320.jpg.avif 320w,
-/images/profilepicture-640.jpg.avif 640w,
-/images/profilepicture-960.jpg.avif 960w,
-/images/profilepicture-1280.jpg.avif 1280w,
-/images/profilepicture.jpg.avif 712w" sizes="(min-width: 1240px) 50px, 70vw"><source type=image/webp srcset="/images/profilepicture-320.jpg.webp 320w,
-/images/profilepicture-640.jpg.webp 640w,
-/images/profilepicture-960.jpg.webp 960w,
-/images/profilepicture-1280.jpg.webp 1280w,
-/images/profilepicture.jpg.webp 712w" sizes="(min-width: 1240px) 50px, 70vw"><img class=avatar width=712 height=600 srcset="/images/profilepicture-320.jpg 320w,
-/images/profilepicture-640.jpg 640w,
-/images/profilepicture-960.jpg 960w,
-/images/profilepicture-1280.jpg 1280w,
-/images/profilepicture.jpg 712w" src=/images/profilepicture.jpg alt=Avatar loading=lazy decoding=async></picture></div><div class=heading><h1>Hi 👋</h1><h3>I'm Hoernschen</h3><div class=social><a href=https://chaos.social/@hoernschen rel="nofollow me"><i class=icon-mastodon></i></a>
+<!doctype html><html lang=en-us><head><meta name=generator content="Hugo 0.115.4"><meta name=description content="Description"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=color-scheme content="dark light"><meta property="og:title" content><meta property="og:description" content="Description"><meta property="og:type" content="website"><meta property="og:url" content="https://hoernschen.de/"><title>Hoernschen</title><link rel=stylesheet type=text/css href=/css/index.907eabfe13da5c7ba1a8d361aad1edf420802897ca77c88b87524008b970c4a6.css><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/index.js></script></head><body><header id=header><div class=header><a class=home href=/#><i class=icon-home></i></a><div class=items><a class=item href=/posts>Blog</a></div><button id=theme-toggler><i class=icon-adjust></i></button></div></header><span id=progress class=progress></span><main id=content><div id=hero class="section even row"><div class="content hero"><div class=content><div class=image><picture><source type=image/avif srcset="/images/avatar-320.jpg.avif 320w,
+/images/avatar-640.jpg.avif 640w,
+/images/avatar-960.jpg.avif 960w,
+/images/avatar-1280.jpg.avif 1280w,
+/images/avatar.jpg.avif 712w" sizes="(min-width: 1240px) 50px, 70vw"><source type=image/webp srcset="/images/avatar-320.jpg.webp 320w,
+/images/avatar-640.jpg.webp 640w,
+/images/avatar-960.jpg.webp 960w,
+/images/avatar-1280.jpg.webp 1280w,
+/images/avatar.jpg.webp 712w" sizes="(min-width: 1240px) 50px, 70vw"><img class=avatar width=712 height=600 srcset="/images/avatar-320.jpg 320w,
+/images/avatar-640.jpg 640w,
+/images/avatar-960.jpg 960w,
+/images/avatar-1280.jpg 1280w,
+/images/avatar.jpg 712w" src=/images/avatar.jpg alt=Avatar loading=lazy decoding=async></picture></div><div class=heading><h1>Hi 👋</h1><h3>I'm Hoernschen</h3><div class=social><a href=https://chaos.social/@hoernschen rel="nofollow me"><i class=icon-mastodon></i></a>
 <a href=https://www.linkedin.com/in/julian-hoernschemeyer/ rel=nofollow><i class=icon-linkedin></i></a>
 <a href=https://matrix.to/#/@hoernschen:chat.nutfactory.org rel=nofollow><i class=icon-comment-dots></i></a>
 <a href=mailto:hi@hoernschen.de rel><i class=icon-at></i></a></div></div></div><div class=description><p>A Software Engineer with a Master degree in Computer Science based in Germany</p><p>🚀 Co-Founder of <a href=https://regioshopper.de>RegioShopper</a></p><p>💚 Green Software evangelist</p><p>&lt;/> Software is my passion -> View my <a href=/tech>tech stack</a></p><p>🌳 Sustainability advocat</p><p>☕ Hot drink enjoyer</p><p>📫 reach me via</p><ul><li>matrix (<a href=https://matrix.to/#/@hoernschen:chat.nutfactory.org>@hoernschen:chat.nutfactory.org</a>) or</li><li>email (<a href=mailto:hi@hoernschen.de>hi@hoernschen.de</a>)</li></ul></div></div></div></main><footer class=footer><div class=social><a href=https://chaos.social/@hoernschen rel="nofollow me"><i class=icon-mastodon></i>
diff --git a/posts/index.html b/posts/index.html
index 6bc1d68..bdd0e23 100644
--- a/posts/index.html
+++ b/posts/index.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang=en-us><head><meta name=description content="Description"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=color-scheme content="dark light"><meta property="og:title" content="Blog"><meta property="og:description" content="Description"><meta property="og:type" content="website"><meta property="og:url" content="https://hoernschen.de/posts/"><title>Blog</title><link rel=stylesheet type=text/css href=/css/index.7f24deec4d2a133176ae532cd557a54c72cf1e6e20a0d54028e9306453121ac7.css><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/index.js></script></head><body><header id=header><div class=header><a class=home href=/#><i class=icon-home></i></a><div class=items><a class=item href=/posts>Blog</a></div><button id=theme-toggler><i class=icon-adjust></i></button></div></header><span id=progress class=progress></span><main id=content><div class=content><article><div class=title><h1>Blog</h1><div class=divider></div></div></article><div class=list></div></div></main><footer class=footer><div class=social><a href=https://chaos.social/@hoernschen rel="nofollow me"><i class=icon-mastodon></i>
+<!doctype html><html lang=en-us><head><meta name=description content="Description"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=color-scheme content="dark light"><meta property="og:title" content="Blog"><meta property="og:description" content="Description"><meta property="og:type" content="website"><meta property="og:url" content="https://hoernschen.de/posts/"><title>Blog</title><link rel=stylesheet type=text/css href=/css/index.907eabfe13da5c7ba1a8d361aad1edf420802897ca77c88b87524008b970c4a6.css><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/index.js></script></head><body><header id=header><div class=header><a class=home href=/#><i class=icon-home></i></a><div class=items><a class=item href=/posts>Blog</a></div><button id=theme-toggler><i class=icon-adjust></i></button></div></header><span id=progress class=progress></span><main id=content><div class=content><article><div class=title><h1>Blog</h1><div class=divider></div></div></article><div class=list></div></div></main><footer class=footer><div class=social><a href=https://chaos.social/@hoernschen rel="nofollow me"><i class=icon-mastodon></i>
 Mastodon</a>
 <a href=https://www.linkedin.com/in/julian-hoernschemeyer/ rel=nofollow><i class=icon-linkedin></i>
 Linkedin</a>
diff --git a/public.zip b/public.zip
index 0cd8148..3e08243 100644
Binary files a/public.zip and b/public.zip differ
diff --git a/tags/index.html b/tags/index.html
index 6a722dc..5ce4e9a 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang=en-us><head><meta name=description content="Description"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=color-scheme content="dark light"><meta property="og:title" content="Tags"><meta property="og:description" content="Description"><meta property="og:type" content="website"><meta property="og:url" content="https://hoernschen.de/tags/"><title>Tags</title><link rel=stylesheet type=text/css href=/css/index.7f24deec4d2a133176ae532cd557a54c72cf1e6e20a0d54028e9306453121ac7.css><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/index.js></script></head><body><header id=header><div class=header><a class=home href=/#><i class=icon-home></i></a><div class=items><a class=item href=/posts>Blog</a></div><button id=theme-toggler><i class=icon-adjust></i></button></div></header><span id=progress class=progress></span><main id=content><div class=content><article><div class=title><h1>Tags</h1><div class=divider></div></div></article><div class=list></div></div></main><footer class=footer><div class=social><a href=https://chaos.social/@hoernschen rel="nofollow me"><i class=icon-mastodon></i>
+<!doctype html><html lang=en-us><head><meta name=description content="Description"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=color-scheme content="dark light"><meta property="og:title" content="Tags"><meta property="og:description" content="Description"><meta property="og:type" content="website"><meta property="og:url" content="https://hoernschen.de/tags/"><title>Tags</title><link rel=stylesheet type=text/css href=/css/index.907eabfe13da5c7ba1a8d361aad1edf420802897ca77c88b87524008b970c4a6.css><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/index.js></script></head><body><header id=header><div class=header><a class=home href=/#><i class=icon-home></i></a><div class=items><a class=item href=/posts>Blog</a></div><button id=theme-toggler><i class=icon-adjust></i></button></div></header><span id=progress class=progress></span><main id=content><div class=content><article><div class=title><h1>Tags</h1><div class=divider></div></div></article><div class=list></div></div></main><footer class=footer><div class=social><a href=https://chaos.social/@hoernschen rel="nofollow me"><i class=icon-mastodon></i>
 Mastodon</a>
 <a href=https://www.linkedin.com/in/julian-hoernschemeyer/ rel=nofollow><i class=icon-linkedin></i>
 Linkedin</a>
diff --git a/tech/index.html b/tech/index.html
index 9b4e1c5..20bd174 100644
--- a/tech/index.html
+++ b/tech/index.html
@@ -1,4 +1,4 @@
-<!doctype html><html lang=en-us><head><meta name=description content="Description"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=color-scheme content="dark light"><meta property="og:title" content="Tech stack"><meta property="og:description" content="Description"><meta property="og:type" content="website"><meta property="og:url" content="https://hoernschen.de/tech/"><title>Tech stack</title><link rel=stylesheet type=text/css href=/css/index.7f24deec4d2a133176ae532cd557a54c72cf1e6e20a0d54028e9306453121ac7.css><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/index.js></script></head><body><header id=header><div class=header><a class=home href=/#><i class=icon-home></i></a><div class=items><a class=item href=/posts>Blog</a></div><button id=theme-toggler><i class=icon-adjust></i></button></div></header><span id=progress class=progress></span><main id=content><div class=content><article><div class=title><h1>Tech stack</h1><div class=divider></div></div><p>TODO</p></article><div class=list></div></div></main><footer class=footer><div class=social><a href=https://chaos.social/@hoernschen rel="nofollow me"><i class=icon-mastodon></i>
+<!doctype html><html lang=en-us><head><meta name=description content="Description"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta http-equiv=x-ua-compatible content="ie=edge"><meta name=color-scheme content="dark light"><meta property="og:title" content="Tech stack"><meta property="og:description" content="Description"><meta property="og:type" content="website"><meta property="og:url" content="https://hoernschen.de/tech/"><title>Tech stack</title><link rel=stylesheet type=text/css href=/css/index.907eabfe13da5c7ba1a8d361aad1edf420802897ca77c88b87524008b970c4a6.css><link rel=stylesheet type=text/css href=/icons/fontawesome.css><script src=/js/index.js></script></head><body><header id=header><div class=header><a class=home href=/#><i class=icon-home></i></a><div class=items><a class=item href=/posts>Blog</a></div><button id=theme-toggler><i class=icon-adjust></i></button></div></header><span id=progress class=progress></span><main id=content><div class=content><article><div class=title><h1>Tech stack</h1><div class=divider></div></div><p>TODO</p></article><div class=list></div></div></main><footer class=footer><div class=social><a href=https://chaos.social/@hoernschen rel="nofollow me"><i class=icon-mastodon></i>
 Mastodon</a>
 <a href=https://www.linkedin.com/in/julian-hoernschemeyer/ rel=nofollow><i class=icon-linkedin></i>
 Linkedin</a>
