<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <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=Dosis:wght@500&family=Spartan:wght@300;500&display=optional"
      rel="stylesheet"
    />

    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="manifest" href="/site.webmanifest" />
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
    <meta name="msapplication-TileColor" content="#343f3e" />
    <meta name="theme-color" content="#343f3e" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title data-rh="true">brentc.com • Brent Charbonnneau • Maker of tech stuff</title>
    
    <meta data-rh="true" name="description" content="Portfolio site for Brent Charbonneau, maker of tech stuff"/><meta data-rh="true" property="og:title" content="brentc.com • Brent Charbonnneau • Maker of tech stuff"/><meta data-rh="true" property="og:image" content="/assets/site-uICe-Q0t.png"/>
    <link data-rh="true" rel="canonical" href="https://brentc.com/"/>
    

    <!-- <script src="https://kit.fontawesome.com/4faae9c2c1.js" crossorigin="anonymous"></script> -->
    <link
      rel="preload"
      as="style"
      href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/github-dark.min.css"
      onload="
        this.onload = null;
        this.rel = 'stylesheet';
      "
    />
    <script type="module" crossorigin src="/assets/index-ClgwSGrW.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-DtXfjSd8.css">
  </head>

  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"><input type="checkbox" class="color-toggle" id="color-toggle"/><label for="color-toggle" class="color-toggle-button"><i aria-hidden="true" class="fas fa-lightbulb to-dark"></i><i aria-hidden="true" class="far fa-lightbulb to-light"></i><span class="sr-only to-dark">Switch to dark colour scheme</span><span class="sr-only to-light">Switch to light colour scheme</span></label><div class="App"><header class="site-header big"><a href="/"><div class="me-container"><div class="mask"><span class="normal"><picture><source srcSet="/assets/me-F0nQ9Gmy.webp, /assets/me@2x-7GeJZp3t.webp 2x" type="image/webp"/><img src="/assets/me-DxH_wt9a.jpg" srcSet="/assets/me-DxH_wt9a.jpg, /assets/me@2x-qBEqshQP.jpg 2x" alt="Brent Charbonneau"/></picture></span><span class="tooManyDevices"><picture><source srcSet="/assets/me-too-many-devices-0yLQGpJ8.webp, /assets/me-too-many-devices@2x-DRMcG_fp.webp 2x" type="image/webp"/><img src="/assets/me-too-many-devices-iEdVw7bh.jpg" srcSet="/assets/me-too-many-devices-iEdVw7bh.jpg, /assets/me-too-many-devices@2x-BI_BplVN.jpg 2x" alt="Brent Charbonneau with too many computers and phones"/></picture></span></div></div></a><a href="/"><h1>brentc.com</h1></a><nav class="primary "><button class="mobile-nav-toggle"><span class="content"><span class="sr-only">Open<!-- --> Navigation </span><i aria-hidden="true" class="toggle-icon fa-solid fa-toggle-off"></i> <i aria-hidden="true" class="fa-solid fa-bars"></i> </span></button><ul><li class="home"><a href="/">Home</a></li><li><a href="/posts">Posts</a></li><li><a href="/tiletto">Tiletto</a></li></ul></nav></header><main><section class="bio"><div class="wrapper"><h2>About</h2><p>Brent Charbonneau is a developer, creator, leader, teacher, founder, father, and tinkerer, who lives in Toronto, Ontario, Canada.</p></div></section><section class="recent-posts"><div class="wrapper"><h2>Recent Posts</h2><ul class="posts-list"><li><a href="/posts/i-made-a-game-1703172600">I Made A Game!</a> <time dateTime="2023-12-21T10:30:00.000-05:00" title="December 21, 2023, 10:30 AM EST">2 years ago</time></li><li><a href="/posts/a-swift-tip-extending-arrays-to-do-whatever-we-want-1699645200">A Swift Tip: Extending Arrays To Do Whatever We Want</a> <time dateTime="2023-11-10T14:40:00.000-05:00" title="November 10, 2023, 2:40 PM EST">2 years ago</time></li><li><a href="/posts/first-steps-for-next-steps-1698071400">First Steps for my &quot;Next Step&quot;</a> <time dateTime="2023-10-23T10:30:00.000-04:00" title="October 23, 2023, 10:30 AM EDT">2 years ago</time></li></ul><div class="more-posts"><a href="/posts">More Posts...</a></div></div></section></main><footer><section class="links"><div class="wrapper"><nav><h2>Links</h2><ul><li><a href="https://bsky.app/profile/brentc.com"><svg fill="currentColor" viewBox="0 0 360 320" class="social-link-icon" aria-hidden="true"><path d="M180 141.964C163.699 110.262 119.308 51.1817 78.0347 22.044C38.4971 -5.86834 23.414 -1.03207 13.526 3.43594C2.08093 8.60755 0 26.1785 0 36.5164C0 46.8542 5.66748 121.272 9.36416 133.694C21.5786 174.738 65.0603 188.607 105.104 184.156C107.151 183.852 109.227 183.572 111.329 183.312C109.267 183.642 107.19 183.924 105.104 184.156C46.4204 192.847 -5.69621 214.233 62.6582 290.33C137.848 368.18 165.705 273.637 180 225.702C194.295 273.637 210.76 364.771 295.995 290.33C360 225.702 313.58 192.85 254.896 184.158C252.81 183.926 250.733 183.645 248.671 183.315C250.773 183.574 252.849 183.855 254.896 184.158C294.94 188.61 338.421 174.74 350.636 133.697C354.333 121.275 360 46.8568 360 36.519C360 26.1811 357.919 8.61012 346.474 3.43851C336.586 -1.02949 321.503 -5.86576 281.965 22.0466C240.692 51.1843 196.301 110.262 180 141.964Z"></path></svg></a> <a href="https://bsky.app/profile/brentc.com">@brentc.com</a></li><li><a href="https://github.com/brentc"><i aria-hidden="true" class="fab fa-github"></i></a> <a href="https://github.com/brentc">brentc</a></li><li><a href="https://www.instagram.com/bcharb/"><i aria-hidden="true" class="fab fa-instagram"></i></a> <a href="https://www.instagram.com/bcharb/">bcharb</a></li><li><a href="mailto:bc@brentc.com"><i aria-hidden="true" class="far fa-envelope"></i></a> <a href="mailto:bc@brentc.com">bc@brentc.com</a></li></ul></nav></div></section></footer></div><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon="{&quot;token&quot;: &quot;5a967a6d864f44d391352ed86b0731c0&quot;}"></script><script>window.__staticRouterHydrationData = JSON.parse("{\"loaderData\":{\"0\":null},\"actionData\":null,\"errors\":null}");</script></div>
    <script defer src="https://kit.fontawesome.com/4faae9c2c1.js" crossorigin="anonymous"></script>
  </body>
</html>
