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.

314 lines
16 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- Bing & Google Site Index-->
  5. <meta name="google-site-verification" content="B4hZCJh4Uz6qdaXiH65DRXUpjVTHBcblzZaXZjUo7AE" />
  6. <meta name="msvalidate.01" content="1C56B1EC58ADE4A5D59E7AF88A8AFE99" />
  7. <!-- Basic Page Needs
  8. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  9. <meta charset="utf-8">
  10. <title>The first digital nomad</title>
  11. <link rel="sitemap" href="https://tim.kicker.devsitemap.xml" />
  12. <link rel="canonical" href="https://tim.kicker.dev/2023/08/02/digital-nomad/">
  13. <meta name="description" content="In the 1980s, the idea of working remotely while traveling the world seemed like something straight out of a sci-fi novel. Yet, one man defied the nor">
  14. <meta name="keywords" content="tim, kicker, jochen, htl, website">
  15. <meta name="author" content="Tim Kicker">
  16. <meta property="og:image" content="https://tim.kicker.devhttps://tim.kicker.dev/2023/08/02/digital-nomad/behemoth.jpg">
  17. <meta property="og:site_name" content="Tim&#39;s Blog" />
  18. <meta property="og:type" content="article" />
  19. <meta property="og:title" content="The first digital nomad" />
  20. <meta property="og:description" content="In the 1980s, the idea of working remotely while traveling the world seemed like something straight out of a sci-fi novel. Yet, one man defied the nor">
  21. <meta property="og:url" content="https://tim.kicker.dev/2023/08/02/digital-nomad/" />
  22. <meta name="twitter:card" content="summary_large_image">
  23. <meta name="twitter:title" content="The first digital nomad">
  24. <meta name="twitter:description" content="In the 1980s, the idea of working remotely while traveling the world seemed like something straight out of a sci-fi novel. Yet, one man defied the nor">
  25. <meta name="twitter:image" content="https://tim.kicker.devhttps://tim.kicker.dev/2023/08/02/digital-nomad/behemoth.jpg">
  26. <meta name="twitter:url" content="https://tim.kicker.dev/2023/08/02/digital-nomad/" />
  27. <!-- Mobile Specific Metas
  28. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  29. <meta name="viewport" content="width=device-width, initial-scale=1">
  30. <!-- Preload fonts
  31. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  32. <link rel="preload" href="../fonts/dm-serif-display-v4-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
  33. <link rel="preload" href="../fonts/inter-v2-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
  34. <!-- CSS
  35. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  36. <link rel="stylesheet" href="/css/normalize.css">
  37. <link rel="stylesheet" href="/css/skeleton.css">
  38. <link rel="stylesheet" href="/css/custom.css">
  39. <link rel="stylesheet" href="/css/prism-dark.css">
  40. <link rel="stylesheet" href="/css/prism-line-numbers.css">
  41. <!-- User css -->
  42. <link rel="stylesheet" href="/css/user.css">
  43. <!-- Favicon
  44. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  45. <link rel="icon" type="image/png" href="/images/teddy-bear-apple.webp">
  46. <!-- Custom Theme Color Style
  47. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  48. <style>
  49. a:not(.icon) {
  50. text-decoration-color: #0FA0CE;
  51. background-image: linear-gradient(
  52. to bottom,
  53. rgba(0, 0, 0, 0) 50%,
  54. #0FA0CE 50%
  55. );
  56. }
  57. blockquote {
  58. border-left: 8px solid #0FA0CE;
  59. }
  60. .nanobar .bar {
  61. background: #0FA0CE;
  62. }
  63. .button.button-primary:hover,
  64. button.button-primary:hover,
  65. input[type="submit"].button-primary:hover,
  66. input[type="reset"].button-primary:hover,
  67. input[type="button"].button-primary:hover,
  68. .button.button-primary:focus,
  69. button.button-primary:focus,
  70. input[type="submit"].button-primary:focus,
  71. input[type="reset"].button-primary:focus,
  72. input[type="button"].button-primary:focus {
  73. background-color: #0FA0CE;
  74. border-color: #0FA0CE;
  75. }
  76. input[type="email"]:focus,
  77. input[type="number"]:focus,
  78. input[type="search"]:focus,
  79. input[type="text"]:focus,
  80. input[type="tel"]:focus,
  81. input[type="url"]:focus,
  82. input[type="password"]:focus,
  83. textarea:focus,
  84. select:focus {
  85. border: 1px solid #0FA0CE;
  86. }
  87. </style>
  88. <!-- Google Analytics (With Privacy Settings On)
  89. –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  90. <meta name="generator" content="Hexo 6.3.0"><link rel="alternate" href="/atom.xml" title="Tim's Blog" type="application/atom+xml">
  91. </head>
  92. <body>
  93. <div class="container">
  94. <div class="row">
  95. <div>
  96. <script async src="https://stats.kicker.dev/script.js" data-website-id="295db5f5-27a1-42e8-9783-1e410896a596"></script>
  97. <script data-goatcounter="https://altstats.kicker.dev/count" async src="//altstats.kicker.dev/count.js"></script>
  98. <div class="row">
  99. <div class="two columns" style="max-width: 50px">
  100. <h1 class="mt-2 mode">
  101. <div onclick=setDarkMode(true) id="darkBtn">🌑</div>
  102. <div onclick=setDarkMode(false) id="lightBtn" class=hidden>☀️</div>
  103. <script >
  104. if (localStorage.getItem('preferredTheme') == 'dark') {
  105. setDarkMode(true)
  106. }
  107. function setDarkMode(isDark) {
  108. var darkBtn = document.getElementById('darkBtn')
  109. var lightBtn = document.getElementById('lightBtn')
  110. if (isDark) {
  111. lightBtn.style.display = "block"
  112. darkBtn.style.display = "none"
  113. localStorage.setItem('preferredTheme', 'dark');
  114. } else {
  115. lightBtn.style.display = "none"
  116. darkBtn.style.display = "block"
  117. localStorage.removeItem('preferredTheme');
  118. }
  119. document.body.classList.toggle("darkmode");
  120. }
  121. </script>
  122. </h1>
  123. </div>
  124. <div class="six columns ml-1">
  125. <h1 class="mt-2">
  126. <div onclick=navigateHome()>Hello World.</div>
  127. <script >
  128. function navigateHome() {
  129. window.location.replace('https://tim.kicker.dev');
  130. }
  131. </script>
  132. </h1>
  133. </div>
  134. <!--
  135. <div class="six columns ml-1">
  136. <h1 class="mt-2">
  137. <a class="mt-2" href="/">Hello World.</a>
  138. </h1>
  139. </div>
  140. -->
  141. <div class="twelve columns">
  142. <div class="row">
  143. <div class="nine columns left">
  144. <a href="/">Home</a>
  145. <a href="/archives" class="ml">Blog</a>
  146. <a href="/About" class="ml">About</a>
  147. <a href="mailto:[email protected]" target="_blank" class="ml">Email</a>
  148. </div>
  149. </div>
  150. <hr style="margin-bottom: 2.6rem">
  151. </div>
  152. </div>
  153. <div class="trans">
  154. <h2>The first digital nomad</h2>
  155. <p>In the 1980s, the idea of working remotely while traveling the world seemed like something straight out of a sci-fi novel. Yet, one man defied the norms of his time and embarked on a groundbreaking journey that would make him the first-ever digital nomad.</p>
  156. <p><img src="/2023/08/02/digital-nomad/Behemoth.jpg"></p>
  157. <p>Steven K. Roberts and “Behemoth”, taken from <a target="_blank" rel="noopener" href="https://teknomadics.com/2011/10/the-original-digital-nomad/">Teknomadics</a></p>
  158. <h2 id="A-Journey-Ahead-of-Its-Time"><a href="#A-Journey-Ahead-of-Its-Time" class="headerlink" title="A Journey Ahead of Its Time"></a>A Journey Ahead of Its Time</h2><p>In 1983, <a target="_blank" rel="noopener" href="https://twitter.com/nomadness">Steven K Roberts</a> set out on an extraordinary adventure, pedaling across the United States on a recumbent bicycle he called “Winnebiko” (his later models were called “Winnebiko 2” and <a target="_blank" rel="noopener" href="https://de.wikipedia.org/wiki/Behemoth_(Mythologie)">“Behemoth”</a>). What made this journey unique was the impressive array of technology packed into the bicycle’s streamlined body, including solar panels, a computer, a ham radio, and other cutting-edge gadgets.</p>
  159. <p>Roberts’ vision was to merge technology and nomadic living, proving that one could work remotely and stay connected with the world while exploring new horizons. As he traversed the American landscape, he chronicled his experiences and technological innovations in articles for <a target="_blank" rel="noopener" href="https://en.wikipedia.org/wiki/Computer_Currents">“Computer Currents” magazine</a>, capturing the imaginations of readers everywhere.</p>
  160. <p><img src="/2023/08/02/digital-nomad/thumbnail.jpg"></p>
  161. <p>Steven and his second bike, taken from <a target="_blank" rel="noopener" href="https://microship.com/bikes/">his website</a></p>
  162. <h2 id="Reactions-and-Comments"><a href="#Reactions-and-Comments" class="headerlink" title="Reactions and Comments"></a>Reactions and Comments</h2><p>During the 1980s, Roberts’ audacious endeavor sparked both awe and skepticism. Many people were fascinated by his nomadic lifestyle and the creative use of technology to maintain communication and work on the go. They saw his journey as an inspirational tale of freedom and possibility, challenging the traditional notion of work confined to brick-and-mortar offices.</p>
  163. <p>However, others viewed Roberts’ quest with doubt and disbelief. The idea of working remotely and relying on technology to sustain such a lifestyle was seen as an eccentric and unrealistic notion (lol). Skeptics questioned the feasibility of his technological setup and doubted whether it could lead to any meaningful career.</p>
  164. <p>Nonetheless, the mixture of reactions, whether supportive or doubtful, only fueled Roberts’ determination to prove that the concept of remote work and digital nomadism could be more than just a pipe dream.</p>
  165. <p><img src="/2023/08/02/digital-nomad/article.jpg"></p>
  166. <p>A newspaper article, photo by <a target="_blank" rel="noopener" href="https://gizmoeditor.blogspot.com/2020/09/catching-up-with-digital-nomad-steve.html">Gizmo</a></p>
  167. <h2 id="Life-Today"><a href="#Life-Today" class="headerlink" title="Life Today"></a>Life Today</h2><p>So, what is Steven doing now? Well, after his groundbreaking bicycle journey across the United States, Roberts continued to embrace his technomadic lifestyle to inspire a new generation of digital nomads by sharing his wisdom and expertise through speaking engagements, workshops, and various media platforms. He explored further technological frontiers and authored several books, sharing his experiences and insights into a world that has now fully embraced remote work and digital nomadism.</p>
  168. <p>Not only that, he is still working remotely from his home: A boat c:</p>
  169. <p><img src="/2023/08/02/digital-nomad/onboat.jpg"></p>
  170. <p>Roberts in his home, taken from <a target="_blank" rel="noopener" href="https://www.sanjuanjournal.com/life/wizard-with-a-time-machine/">The Journal of San Juan Islands</a></p>
  171. <h2 id="He-paved-the-way"><a href="#He-paved-the-way" class="headerlink" title="He paved the way"></a>He paved the way</h2><p>Steven K Roberts’ bold journey as the first digital nomad was truly something new. His fusion of technology and nomadic living challenged societal norms and laid the groundwork for the modern-day remote work revolution. Although met with both curiosity and skepticism, Roberts’ determination and vision proved that the impossible can become possible with courage and creativity.</p>
  172. <p>The internet revolution that followed in the 1990s and early 2000s further expanded the possibilities for remote work and nomadic living. Today, countless individuals around the globe are living the dream that Roberts dared to dream decades ago.</p>
  173. <p><img src="/2023/08/02/digital-nomad/farahead.jpg"></p>
  174. <p>Quote from Steven, far ahead of his time</p>
  175. <p> — Aug 2, 2023</p>
  176. <hr>
  177. <section id="comments" class="mt-2 mb-3">
  178. <script data-isso="//comments.kicker.dev/"
  179. src="//comments.kicker.dev/js/embed.min.js"></script>
  180. <section id="isso-thread">
  181. <noscript>Javascript needs to be activated to view comments.</noscript>
  182. </section>
  183. </section>
  184. <div class="row mt-2">
  185. <div class="eight columns">
  186. <p id="madewith">
  187. #<a href="https://git.kicker.dev/timkicker/tim.kicker.dev" target="_blank" rel="noreferrer">opensource</a></p>
  188. </div>
  189. <!-- Sepcial thanks to https://simpleicons.org/ for the icons -->
  190. <div class="four columns mb-3 posisi" >
  191. <a class="ml-0 footer-link icon" href="https://twitter.com/timjkicker/" target="_blank" style="text-decoration: none" rel="noreferrer" aria-label="Twitter">
  192. <svg class="twitter svg-hov" width="18" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg>
  193. </a>
  194. <a class="ml-0 footer-link icon" href="https://github.com/timkicker" target="_blank" style="text-decoration: none" rel="noreferrer" aria-label="GitHub">
  195. <svg class="github svg-hov" width="18" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
  196. </a>
  197. <a class="ml-0 footer-link icon" href="https://www.linkedin.com/in/tim-kicker-5438b1237/" target="_blank" style="text-decoration: none" rel="noreferrer" aria-label="LinkedIn">
  198. <svg class="linkedin svg-hov" width="18" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
  199. </a>
  200. </div>
  201. </div>
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. <script src="/js/nanobar.min.js"></script>
  207. <script>
  208. var options = {
  209. classname: 'nanobar',
  210. id: 'myNanobar'
  211. };
  212. var nanobar = new Nanobar(options);
  213. nanobar.go(30);
  214. nanobar.go(76);
  215. nanobar.go(100);
  216. </script>
  217. <script>(function (w, d, s, id) {
  218. if (typeof (w.webpushr) !== 'undefined') return; w.webpushr = w.webpushr || function () { (w.webpushr.q = w.webpushr.q || []).push(arguments) }; var js, fjs = d.getElementsByTagName(s)[0]; js = d.createElement(s); js.id = id; js.async = 1; js.src = "https://cdn.webpushr.com/app.min.js";fjs.parentNode.appendChild(js);}(window, document, 'script', 'webpushr-jssdk'));webpushr('setup', { 'key': 'BLrRztSWnClZ_Jjg50n_ziB6VHz0Wcp721ZbAl9So1t0DMi4ChlDXQ1Ta2wKVYebMjm1l2HQNdZBkaLwBeNoQ2Y' });</script></body>
  219. </html>