A place to cache linked articles (think custom and personal wayback machine)
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

index.html 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the <title>
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>What’s up with me? (archive) — David Larlet</title>
  13. <!-- That good ol' feed, subscribe :). -->
  14. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  15. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  16. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  17. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  18. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  19. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  20. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  21. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  22. <meta name="msapplication-TileColor" content="#f0f0ea">
  23. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- Documented, feel free to shoot an email. -->
  26. <link rel="stylesheet" href="/static/david/css/style_2020-06-19.css">
  27. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  28. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  29. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <script type="text/javascript">
  35. function toggleTheme(themeName) {
  36. document.documentElement.classList.toggle(
  37. 'forced-dark',
  38. themeName === 'dark'
  39. )
  40. document.documentElement.classList.toggle(
  41. 'forced-light',
  42. themeName === 'light'
  43. )
  44. }
  45. const selectedTheme = localStorage.getItem('theme')
  46. if (selectedTheme !== 'undefined') {
  47. toggleTheme(selectedTheme)
  48. }
  49. </script>
  50. <meta name="robots" content="noindex, nofollow">
  51. <meta content="origin-when-cross-origin" name="referrer">
  52. <!-- Canonical URL for SEO purposes -->
  53. <link rel="canonical" href="https://helloanselm.com/writings/whats-up-with-me">
  54. <body class="remarkdown h1-underline h2-underline h3-underline hr-center ul-star pre-tick">
  55. <article>
  56. <h1>What’s up with me?</h1>
  57. <nav>
  58. <p class="center">
  59. <a href="/david/" title="Aller à l’accueil" tabindex="1">🏠</a>
  60. </p>
  61. </nav>
  62. <hr>
  63. <h2><a href="https://helloanselm.com/writings/whats-up-with-me">Source originale du contenu</a></h2>
  64. <p>I’ve turned pretty silent over the past months here and on Twitter. And there’s a bunch of reasons for it that I now want to share.</p>
  65. <h3>Digital Exhaustion</h3>
  66. <p>It started a while ago that I lost my sould for web development, for working in the whole area. At the time I was Engineering Manager for a small team at <a href="https://laterpay.net/">Laterpay</a>. It was a great job, I had nice team mates but I realized that sitting in front of a computer all day isn’t something that’s going to work for about 30 more years for me. And when you realize this, it’s getting harder to do the work. I have backpain issues since over a decade, a good portion of it due to being in front of a device, steady and still standing or sitting, all day.</p>
  67. <p>Last year I started the plan to grow more food in a new garden, to be more outside, less in front of a screen. My backpain issues and the lack of motivation, the feeling of being burnt-out from work empowered me to follow this sooner than later, so I quit my job beginning of March and focuses solely on being not in front of my usual devices all day. My days turned from at least 10hrs a day screen time towards less than 3hrs on average now.</p>
  68. <h3>Nature and Outside Work</h3>
  69. <p><a href="https://schaufelundgabel.de/en">Schaufel &amp; Gabel</a> is my latest project, my biggest so far in my entire life. My biggest because it’s a huge challenge to grow food entirely outdoors, without much support from others except my brother who’s my business partner here. My biggest because I never had to make such a big financial investment into starting a project so far. With digital tools it’s easy: Buy a computer, a screen, a desk, an office chair and pay a little bit for hosting and Internet.</p>
  70. <p>With growing vegetables, this is an entirely different level. You need a lot of equipment for growing plants, you need professional seed starting soil, you need to heat the small self-built sowing greenhouse which costs a lot during cold times of the year, you need to buy a lot of stuff to make the soil better (okay, you don’t need to but I want), you need more tools, more utilities and you need to ask and pay your local farmer colleagues to help you out with the big machinery for initial digging and grubbing the soil to prepare the beds.</p>
  71. <p>So yes, this changed my life quite a bit and my daily work with it. I had a 100 square meter garden so far, now I have to care about over 1200 square meters. I can now produce vegetables for more than 10 people already, and most likely this number goes up by next year when we’re more efficient. This feels great, it feels great to be outside all day, to feel the soil in my hands, to grow my own food and share it with others. Knowing that they don’t need to buy it from the supermarket where it comes from all over the world. Now they get it from their neighbourhood.</p>
  72. <h3>Covid-19 and the Internet</h3>
  73. <p>When the Covid-19 lockdown started in Germany, I was already registered as a farmer which belongs to our system-relevant jobs. Of course, because we’re producing food for others. But what it means for me is that I’m able to go to work every day, to a place of calmness, full of nature because it is all nature. And to go there, I can go by bike and do my 7km commute and calm my mind during these ~15 minutes of cycling.</p>
  74. <blockquote>
  75. <p>Being outside during this mentally difficult times is one of the biggest reliefs and helpful advice I can give.</p>
  76. </blockquote>
  77. <p>One thing I realized with the whole really mentally exhausting situation of a social lockdown is that the Internet isn’t really helpful. When I stopped reading newspapers and any other news, including Twitter and other social media, this helped me stay sane. It’s not that you don’t know about the latest news, the latest regulations. I always was up to date with that at latest by the next day. But I stopped dragging myself into more and more depressing news, more fear of a virus that is indeed a big issue for our society. On the other hand, anxiety and fear are fuel for viruses to spread, and it’s the worst for our immune system. </p>
  78. <p>Blocking news away from me, not using the Internet much these days helped me a lot when feeling not well in the current lockdown situation. Going outside helped. Hearing about so many conspiracy theories these days makes me confident: SOcial Media isn’t helpful in such situations, it fuels anxiety, it fuels these theories and it doesn’t help making us happy. We should be happy in order to fight a virus, we should be connfident and strong so it doesn’t get a chance. Fair criticism is fine, conspiracy theories that are blindly follow opinions of single persons out there are not. Reflect, research your own, build your own opinion. But please don’t drag others blindly into wild theories, let them build their own opinion. Help them achieve it.</p>
  79. <h3>A child was born…</h3>
  80. <p>But yeah, I said I had multiple reasons that my life changed and the virus section already got longer than I intended it to be. Anyway, here’s the probably biggest news in my life: <strong>I became a father in early April.</strong> We’re now a family of three and it changed a lot: The days seem very short these days, everything takes a bit longer and “time is running short”. The nights are different, it’s now a couple of sleeping blocks with short breaks instead of 6–7hrs straight. But overall it’s warming my heart to have a small baby in our family. I learn a lot, for myself, about babies, about my mind, about how a family life is different to a no-child life. For me, I can’t complain and while son is crying multiple times a day and sometimes I can’t calm him down easily, it’s a huge enrichment to my life. He helps me stay sane during weird times, he helps me stay on track being a farmer for idealistic reasons—you don’t become farmer because of the money, I chose it because it’s mentally rewarding, manual work and a great chance to help stopping climate change and do things differently.</p>
  81. <p>That’s it for this time, it’s the reason why the <a href="https://wdrl.info/">WDRL</a> is currently on hold for the first time ever but I’m very sure it’ll come back soon again with a new writing. It’s the reason why it took me a week to see this nice <a href="https://twitter.com/mxstbr/status/1255053482178097153">Twitter notification</a> and <a href="https://helloanselm.com/writings/open-source-can-be-a-career-path">video by Max Stoiber</a>.</p>
  82. <p>Stay sane, stay healthy, reflect your thoughts and stay positive. Hear you soon!</p>
  83. </article>
  84. <hr>
  85. <footer>
  86. <p>
  87. <a href="/david/" title="Aller à l’accueil">🏠</a> •
  88. <a href="/david/log/" title="Accès au flux RSS">🤖</a> •
  89. <a href="http://larlet.com" title="Go to my English profile" data-instant>🇨🇦</a> •
  90. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">📮</a> •
  91. <abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">🧚</abbr>
  92. </p>
  93. <template id="theme-selector">
  94. <form>
  95. <fieldset>
  96. <legend>Thème</legend>
  97. <label>
  98. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  99. </label>
  100. <label>
  101. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  102. </label>
  103. <label>
  104. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  105. </label>
  106. </fieldset>
  107. </form>
  108. </template>
  109. </footer>
  110. <script src="/static/david/js/instantpage-3.0.0.min.js" type="module" defer></script>
  111. <script type="text/javascript">
  112. function loadThemeForm(templateName) {
  113. const themeSelectorTemplate = document.querySelector(templateName)
  114. const form = themeSelectorTemplate.content.firstElementChild
  115. themeSelectorTemplate.replaceWith(form)
  116. form.addEventListener('change', (e) => {
  117. const chosenColorScheme = e.target.value
  118. localStorage.setItem('theme', chosenColorScheme)
  119. toggleTheme(chosenColorScheme)
  120. })
  121. const selectedTheme = localStorage.getItem('theme')
  122. if (selectedTheme !== 'undefined') {
  123. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  124. toggleTheme(selectedTheme)
  125. }
  126. }
  127. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  128. window.addEventListener('load', () => {
  129. let hasDarkRules = false
  130. for (const styleSheet of Array.from(document.styleSheets)) {
  131. let mediaRules = []
  132. for (const cssRule of styleSheet.cssRules) {
  133. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  134. continue
  135. }
  136. // WARNING: Safari does not have/supports `conditionText`.
  137. if (cssRule.conditionText) {
  138. if (cssRule.conditionText !== prefersColorSchemeDark) {
  139. continue
  140. }
  141. } else {
  142. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  143. continue
  144. }
  145. }
  146. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  147. }
  148. // WARNING: do not try to insert a Rule to a styleSheet you are
  149. // currently iterating on, otherwise the browser will be stuck
  150. // in a infinite loop…
  151. for (const mediaRule of mediaRules) {
  152. styleSheet.insertRule(mediaRule.cssText)
  153. hasDarkRules = true
  154. }
  155. }
  156. if (hasDarkRules) {
  157. loadThemeForm('#theme-selector')
  158. }
  159. })
  160. </script>
  161. </body>
  162. </html>