<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Terry Biddle dot com</title>
    <link rel="stylesheet" href="https://use.typekit.net/ymb1mkp.css">
    <link rel="stylesheet" type="text/css" href="tbdc2.css">
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.13.0/css/all.css" integrity="sha384-IIED/eyOkM6ihtOiQsX2zizxFBphgnv1zbe1bKA+njdFzkr6cDNy16jfIKWu4FNH" crossorigin="anonymous">
    <link rel="icon" type="image/png" sizes="96x96" href="tbdc.png">
  </head>

  <body id="theme" class="light">
  <div class="container">
  <h1 id="site-header"></h1>
  <nav>
      <!-- <div id="navigation"></div> -->
      <div class="nav-item">
        <a href="about.html">About</a> |
        <a href="work.html">Work</a>
    </div>
    <hr>
    <!-- TOGGLE -->
    <div class="align-right">
      <div class="switch-wrapper">
        <label class="switch" for="checkbox" aria-label="Dark and light mode toggle switch">
          <input type="checkbox" id="checkbox" />
          <div class="slider round"></div>
        </label>
        <div class="margin-left-xs">
          <i class="fal fa-moon fa-lg"></i>
        </div>
      </div>
    </div>
  </nav>
   <p class="intro-text">
    <strong>Howdy, y&rsquo;all!</strong>
      <img src="https://fonts.gstatic.com/s/e/notoemoji/latest/1f920/512.gif" alt="🤠">
   </p>
   <p class="intro-text">   
    I&rsquo;m a <a href="https://www.google.com" target="_blank">UX design person</a>, a former <a href="https://everfi.com" target="_blank">design director</a>, <a href="https://github.com/TBiddy" target="_blank">frontend designer</a>,
     maker of AI-app <a href="https://wellknell.ai" target="_blank">wellKnell</a>, and open source project <a href="https://github.com/TBiddy/gitwrit" target="_blank">gitwrit</a>.
   </p>
   <p class="intro-text">  
     Here you&rsquo;ll learn a little <a href="about.html">about me</a> and <a href="work.html">my journey</a> so far…
   </p>
   <footer class="margin-bottom">
    <hr>
    <p id="copyright"></p>
 </div>
   </footer>
  </div>
  <script src="nav-home.js"></script>
  <!-- <script src="nav-links.js"></script> -->
  <script src="switch-toggle.js"></script>
  <script src="copyright-year.js"></script>
</body>
</html>
