https://hutaffe.blog/about/

1<!DOCTYPE html>
2<html lang="en">
3    <head>
4  <meta charset="utf-8">
5  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
7  <meta name="view-transition" content="same-origin" />
8  <title>About | hutaffe.blog</title>
9  <link rel="preload" href="/fonts/GT-W-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>
10  <link rel="preload" href="/fonts/GT-W-Regular-Oblique.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>
11  <link rel="preload" href="/fonts/GT-W-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>
12  <link rel="preload" href="/fonts/GT-W-Bold-Oblique.woff2" as="font" type="font/woff2" crossorigin="anonymous"/>
13  <meta property="og:site_name" content="About">
14  <meta property="og:title" content="About">
15  <meta name="twitter:title" content="About">
16  <meta name="twitter:card" content="summary_large_image">
17  <meta name="description" content="Building apps, running friendlyghost.studio – still trying to slow down and unclutter life. Family of 4, coding, traveling, reading, trying and failing. Mostly …
18">
19  <meta property="og:description" content="Building apps, running friendlyghost.studio – still trying to …
20">
21  <meta name="twitter:description" content="Building apps, running friendlyghost.studio – still trying to slow down and unclutter life. Family of 4, coding, traveling, …
22">
23  <link rel="canonical" href="https://hutaffe.blog/about/">
24  <link rel="author" content="Manuel Riess"/>
25  <link href="/css/fonts.css?1790118472" rel="preload stylesheet" as="style">
26  <link href="/css/main.css?1790118472" rel="preload stylesheet" as="style">
27  <link href="/css/photos-grid.css?1790118472"rel="preload stylesheet" as="style">
28  <meta name="color-scheme" content="light dark" />
29  <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
30  <meta name="theme-color" content="#20232a" media="(prefers-color-scheme: dark)" />
31  
32  <link rel="alternate" href="https://hutaffe.blog/feed.xml" type="application/rss+xml" title="hutaffe.blog">
33  <link rel="alternate" href="https://hutaffe.blog/feed.json" type="application/json" title="hutaffe.blog">
34
35
36
37
38<link rel="me" href="https://micro.blog/hutaffe">
39
40
41
42
43
44
45
46<link rel="shortcut icon" href="https://micro.blog/hutaffe/favicon.png" type="image/x-icon">
47<link rel="EditURI" type="application/rsd+xml" href="https://hutaffe.blog/rsd.xml">
48<link rel="authorization_endpoint" href="https://micro.blog/indieauth/auth">
49<link rel="token_endpoint" href="https://micro.blog/indieauth/token">
50<link rel="subscribe" href="https://micro.blog/users/follow">
51<link rel="webmention" href="https://micro.blog/webmention">
52<link rel="micropub" href="https://micro.blog/micropub">
53<link rel="microsub" href="https://micro.blog/microsub">
54
55
56
57
58
59<link rel="stylesheet" href="/custom.css?1790118472">
60
61
62  <link rel="stylesheet" href="/archive_months.css?v=6">
63
64  <link rel="stylesheet" href="/css/bookgoals.css?v=6">
65
66
67
68  <meta name="robots" content="noindex">
69
70
71  <link rel="stylesheet" href="/css/barefoot.min.css">

72<script src="/js/barefoot.min.js"></script>

72

73<script>
74  document.addEventListener("DOMContentLoaded", (event) => {  
75    var barefoot = new BareFoot();
76    barefoot.init();
77  });
78</script>

78
79
80
81  
82	 
83
84
85
86  
87    

87<script defer src='https://tinylytics.app/embed/6n3srQSXpzCSArHsLQjp.js?webring=avatars&amp;kudos=%f0%9f%91%8d'></script>

87
88
89
90</head>
91    <body>
92        <a class="skip-link" href="#main-content">Skip to content</a>
93        
94<header class="header">
95    <nav class="site-nav" aria-label="Main navigation">
96        <h1 class="site-title"><a href="/"><img id="avatar" class="u-photo" src="https://avatars.micro.blog/avatars/2026/19/283.jpg" width="36" height="36" />hutaffe.blog</a></h1>
97        <ul id="nav-menu" class="nav-menu">
98            <li class="nav-item"><a href="/onthisday/">On This Day</a></li>
99            <li class="nav-item"><a href="/photos/">Photos</a></li>
100            <li class="nav-item"><a href="/archive/">Archive</a></li>
101            <li class="nav-item"><a href="/about/" aria-current="page">About</a></li>
102        </ul>
103        <button type="button" class="hamburger" aria-label="Menu" aria-expanded="false" aria-controls="nav-menu">
104            <span class="bar" aria-hidden="true"></span>
105            <span class="bar" aria-hidden="true"></span>
106            <span class="bar" aria-hidden="true"></span>
107        </button>
108    </nav>
109</header>
110
111        <div id="main-content" tabindex="-1">
112        
113<main>
114  <article>
115    <h1 class="page-title">About</h1>
116    <p>Building apps, running <a href="https://friendlyghost.studio/?utm_source=hutaffe&amp;utm_medium=blog">friendlyghost.studio</a> – still trying to slow down and unclutter life. Family of 4, coding, traveling, reading, trying and failing. Mostly all at once.</p>
117
118  </article>
119</main>
120
121        </div>
122        <footer>
123    <p>&copy;2015&nbsp;-&nbsp;2026 Manuel Riess</p>
124 <a href="#" target="_blank" class="tinylytics_webring">
125🕸️<img class="tinylytics_webring_avatar" src="" style="display: none"/>💍
126</a>
127<span class="webring">Webring</span>
128
129    <p class="credits">Hosted by <a href="https://micro.blog">Micro.blog</a>. Powered by <a href="https://github.com/jimmitchell/mnml">mnml</a>. Designed by <a href="https://jimmitchell.org">Jim Mitchell</a>.</p>
130</footer>
131<button class="to-top" id="to-top" aria-label="Back to top">
132    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z"/></svg>
133</button>
134        

134<script defer type="text/javascript" src="/js/menu.js?1790118472"></script>

134
135        

135<script defer type="text/javascript" src="/js/scroll-to-top.js?1790118472"></script>

135</body>
136</html>