A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225
  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` element
  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>I’m offering research, writing, and notetaking coaching for techies and programmers (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <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>
  31. <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>
  32. <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>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="https://www.baldurbjarnason.com/coaching/">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>I’m offering research, writing, and notetaking coaching for techies and programmers</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://www.baldurbjarnason.com/coaching/" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p><em>Humanities skills coaching for those with tech- or STEM-oriented backgrounds.</em></p>
  71. <h2 id="tech-jobs-are-more-than-just-coding">Tech jobs are more than just coding</h2>
  72. <p>Are you spending more time these days writing emails, memos, and other documents than code?</p>
  73. <p>Do half the people who read your documents seem to miss the point or even misunderstand your writing completely?</p>
  74. <p>Are you finding it hard to keep up with all of the fast-paced changes in software development?</p>
  75. <p>Are you spending more time researching the problem than you are coding the problem?</p>
  76. <p>Are your notes a chaotic mess where ideas and research disappear?</p>
  77. <p>Or, are you putting so much work into maintaining your notes that you hardly have any time left over to use them?</p>
  78. <p>Are you expected to regularly write posts for the company blog but everything you type is about as approachable and engaging as a C++ header file?</p>
  79. <p>Your education and experience in tech didn’t prepare you for the later stages of your career. The job has changed.</p>
  80. <p><em>Turns out “soft” skills are quite hard.</em></p>
  81. <h2 id="these-are-exactly-the-problems-the-arts--humanities-are-designed-to-solve">These are exactly the problems the Arts &amp; Humanities are designed to solve</h2>
  82. <p>It might surprise you to know this, but the arts and humanities fields aren’t just a bunch of artsy types improvising based on their feelings. These fields have a long history of structured practice and methods that specifically help you to:</p>
  83. <ul>
  84. <li>Write clear and engaging text.</li>
  85. <li>Manage your ideas and influences using structured notes.</li>
  86. <li>Find the right balance between the time you spend doing your research and the time spent using it.</li>
  87. <li>Keep up with the news, innovations, and research in your field by applying a mix of reading strategies.</li>
  88. </ul>
  89. <p>These tactics aren’t limited to the humanities. You don’t have to go get a degree in comparative literature to use their tactics for reading (and understanding) a lot of complex texts in a short period of time.</p>
  90. <p>Picking these skills up on your own can be quite tricky because a lot of it is wrapped up in jargon that almost sounds like an alien language.</p>
  91. <p>But jargon can be translated.</p>
  92. <p>That’s where I come in…</p>
  93. <p>I can help you make your writing more effective by going over your text with you to develop writing strategies that are suited to you.</p>
  94. <p>I can help you come up with a strategy for keeping up with the field of software development that is tailored to your career, ambitions, and your projects.</p>
  95. <p>And, I can help you come up with a research approach that addresses the needs that are specific to your current projects.</p>
  96. <h2 id="my-name-is-baldur-bjarnason">My name is Baldur Bjarnason</h2>
  97. <div class="About">
  98. <img src="/img/avatar-2.jpg" alt="Baldur Bjarnason. Portrait photo in his home office">
  99. <p>I have spent my entire career with one foot in tech and one foot in the arts and humanities. My education is entirely in the arts &amp; humanities. A BA in comparative literature. A Masters and a PhD in interactive media.</p>
  100. <p>But alongside my humanities background I’ve also been a web developer for over twenty-five years. Throughout that time, I’ve been applying tactics and strategies from the humanities to keep up with the fast-paced field of web development.</p>
  101. <p>I’ve worked for publishers in London, UK and Iceland. I’ve taught designers, writers, and artists at a junior college, undergraduate, and postgraduate level.</p>
  102. <p>I’ve also worked for software companies and startups, small and large, North American and European.</p>
  103. <p>I’ve spent the past few years working on research management solutions. In the past year, I’ve been specifically researching the applications of notetaking, as well as the design of notetaking software for technically minded users <a href="https://www.colophon.cards/">with Colophon Cards</a>, funded by a grant from <a href="https://en.rannis.is/funding/research/technology-development-fund/nr/545">The Icelandic Centre for Research’s Technology Development Fund</a>.</p>
  104. <p>I’m in a unique position to help you improve your writing, research skills, and your notetaking through one-on-one coaching sessions over Zoom or Google Meet.</p>
  105. </div>
  106. <h2 id="how-does-it-work">How does it work?</h2>
  107. <p>If this is your first time then the first step is to book a free “chemistry” session:</p>
  108. <p><a href="https://calendly.com/baldur-bjarnason/30min">Select a date and time for a coaching “chemistry” session</a></p>
  109. <p>You can also <a href="mailto:baldur.bjarnason@gmail.com">email me</a>, and we can discuss this in text if that’s how you prefer to get started.</p>
  110. <p>The chemistry session is a short conversation (no more than 30 minutes) that lets both of us find out if my coaching is likely to work for you. As a part of the booking process, you’ll need to fill out a few questions that will help us get started.</p>
  111. <p>There is no risk in booking a chemistry session. It’s free and you aren’t obliged to book a paid session afterwards. Although, I hope you will!</p>
  112. <p>If the chemistry session works out then you can come back to this page and book a 90-minute coaching session for $250. Or, you can book a number of sessions in advance and get an extra session for free.</p>
  113. <p>Remember to check with your employer to see if they have a Professional Development program or fund that pays for coaching or training.</p>
  114. <h2 id="book-your-coaching-session">Book your coaching session</h2>
  115. <p>When you’re ready to start you can book your first session via Payhip.</p>
  116. <h2 id="frequently-asked-questions-or-questions-i-imagine-you-might-have">Frequently Asked Questions (Or, questions I imagine you might have)</h2>
  117. <p>—<em>If I’m not happy with my purchase can I get a refund?</em></p>
  118. <p>Please in get contact at any time if you’re not satisfied with your coaching. We do our best to ensure all clients are happy and need to determine on a case-by-case basis the eligibility of refunds.</p>
  119. <p>—<em>How does appointment scheduling work?</em></p>
  120. <p>When you’ve completed purchasing you’ll be able to login to your coaching account and can find out the next steps required to book a time for your appointment from there.</p>
  121. <p>—<em>Is it possible to buy coaching more than once?</em></p>
  122. <p>Definitely! You simply need to purchase coaching again and will be able to get access to another set of coaching sessions.</p>
  123. </article>
  124. <hr>
  125. <footer>
  126. <p>
  127. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  128. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  129. </svg> Accueil</a> •
  130. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  131. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  132. </svg> Suivre</a> •
  133. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  134. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  135. </svg> Pro</a> •
  136. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  137. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  138. </svg> Email</a> •
  139. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  140. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  141. </svg> Légal</abbr>
  142. </p>
  143. <template id="theme-selector">
  144. <form>
  145. <fieldset>
  146. <legend><svg class="icon icon-brightness-contrast">
  147. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  148. </svg> Thème</legend>
  149. <label>
  150. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  151. </label>
  152. <label>
  153. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  154. </label>
  155. <label>
  156. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  157. </label>
  158. </fieldset>
  159. </form>
  160. </template>
  161. </footer>
  162. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  163. <script>
  164. function loadThemeForm(templateName) {
  165. const themeSelectorTemplate = document.querySelector(templateName)
  166. const form = themeSelectorTemplate.content.firstElementChild
  167. themeSelectorTemplate.replaceWith(form)
  168. form.addEventListener('change', (e) => {
  169. const chosenColorScheme = e.target.value
  170. localStorage.setItem('theme', chosenColorScheme)
  171. toggleTheme(chosenColorScheme)
  172. })
  173. const selectedTheme = localStorage.getItem('theme')
  174. if (selectedTheme && selectedTheme !== 'undefined') {
  175. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  176. }
  177. }
  178. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  179. window.addEventListener('load', () => {
  180. let hasDarkRules = false
  181. for (const styleSheet of Array.from(document.styleSheets)) {
  182. let mediaRules = []
  183. for (const cssRule of styleSheet.cssRules) {
  184. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  185. continue
  186. }
  187. // WARNING: Safari does not have/supports `conditionText`.
  188. if (cssRule.conditionText) {
  189. if (cssRule.conditionText !== prefersColorSchemeDark) {
  190. continue
  191. }
  192. } else {
  193. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  194. continue
  195. }
  196. }
  197. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  198. }
  199. // WARNING: do not try to insert a Rule to a styleSheet you are
  200. // currently iterating on, otherwise the browser will be stuck
  201. // in a infinite loop…
  202. for (const mediaRule of mediaRules) {
  203. styleSheet.insertRule(mediaRule.cssText)
  204. hasDarkRules = true
  205. }
  206. }
  207. if (hasDarkRules) {
  208. loadThemeForm('#theme-selector')
  209. }
  210. })
  211. </script>
  212. </body>
  213. </html>