<!DOCTYPE html>
<html lang="en"><head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1"><!-- Begin Jekyll SEO tag v2.8.0 -->
<title>easyjo.com | Hello. I’m Joel Richards.</title>
<meta name="generator" content="Jekyll v4.4.1" />
<meta property="og:title" content="easyjo.com" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="Hello. I’m Joel Richards." />
<meta property="og:description" content="Hello. I’m Joel Richards." />
<link rel="canonical" href="https://easyjo.com/" />
<meta property="og:url" content="https://easyjo.com/" />
<meta property="og:site_name" content="easyjo.com" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="easyjo.com" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebSite","description":"Hello. I’m Joel Richards.","headline":"easyjo.com","name":"easyjo.com","url":"https://easyjo.com/"}</script>
<!-- End Jekyll SEO tag -->
<link rel="stylesheet" href="/assets/main.css"><link type="application/atom+xml" rel="alternate" href="https://easyjo.com/feed.xml" title="easyjo.com" /><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">

<style>
h1, h2, h3, h4 {
  font-family: "Merriweather", serif;
  font-weight: 700;
}

  .merriweather-light {
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-style: normal;
}

.merriweather-regular {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-style: normal;
}

.merriweather-bold {
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-style: normal;
}

.merriweather-black {
  font-family: "Merriweather", serif;
  font-weight: 900;
  font-style: normal;
}

.merriweather-light-italic {
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-style: italic;
}

.merriweather-regular-italic {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-style: italic;
}

.merriweather-bold-italic {
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-style: italic;
}

.merriweather-black-italic {
  font-family: "Merriweather", serif;
  font-weight: 900;
  font-style: italic;
}

</style>
</head>
<body><header class="site-header" role="banner">

  <div class="wrapper"><a class="site-title" rel="author" href="/">easyjo.com</a><nav class="site-nav">
        <input type="checkbox" id="nav-trigger" class="nav-trigger" />
        <label for="nav-trigger">
          <span class="menu-icon">
            <svg viewBox="0 0 18 15" width="18px" height="15px">
              <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
            </svg>
          </span>
        </label>

        <div class="trigger"><a class="page-link" href="/articles.html">Articles</a></div>
      </nav></div>
</header>
<main class="page-content" aria-label="Content">
      <div class="wrapper">
        <!-- e"><p>abc</p>



  <ul class="post-list"><li>
        <span class="post-meta">Feb 16, 2025</span>
        <h3>
          <a class="post-link" href="/jekyll/update/2025/02/16/welcome-to-jekyll.html">
            Welcome to Jekyll!
          </a>
        </h3></li><li>
        <span class="post-meta">Feb 16, 2025</span>
        <h3>
          <a class="post-link" href="/articles/keyboard/">
            Keyboard
          </a>
        </h3></li></ul>

    </div>

-->
<h1>Hello. I'm Joel Richards.</h1>

<p>
</p>

      </div>
    </main><footer class="site-footer h-card">
  <data class="u-url" href="/"></data>

  <div class="wrapper">

    <h2 class="footer-heading">easyjo.com</h2>

    <div class="footer-col-wrapper">
      <div class="footer-col footer-col-1">
        <ul class="contact-list">
          <li class="p-name">easyjo.com</li><li><a class="u-email" href="/cdn-cgi/l/email-protection#6f05002f0a0e1c160500410c0002"><span class="__cf_email__" data-cfemail="395356795c584a405356175a5654">[email&#160;protected]</span></a></li></ul>
      </div>

      <div class="footer-col footer-col-2"><ul class="social-media-list"><li><a href="https://github.com/joelr"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#github"></use></svg> <span class="username">joelr</span></a></li><li><a href="https://www.linkedin.com/in/joelrichardsuk"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#linkedin"></use></svg> <span class="username">joelrichardsuk</span></a></li><li><a href="https://www.twitter.com/easyjo"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#twitter"></use></svg> <span class="username">easyjo</span></a></li></ul>
</div>

      <div class="footer-col footer-col-3">
        <p>Hello. I&#39;m Joel Richards.</p>
      </div>
    </div>

  </div>

</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>

</html>