decks.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>These are the decks I've written.</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <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=Yrsa:wght@300..700&amp;display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/css/ahoylemon.css?v=2025-05-31T15:56:10.351Z">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="I make a lot of stuff, including this website to show the stuff I make.">
    <!-- RSS Feed-->
    <link rel="alternate" type="application/rss+xml" href="https://ahoylemon.xyz/feed.xml" title="Ahoy! Lemon's RSS Feed">
    <!-- favicons-->
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2024">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=2024">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=2024">
    <link rel="manifest" href="/manifest.json?v=2025">
    <link rel="mask-icon" href="/safari-pinned-tab.svg?v=2024" color="#313131">
    <link rel="shortcut icon" href="/favicon.ico?v=2024">
    <meta name="msapplication-TileColor" content="#e5e828">
    <meta name="theme-color" content="#e5e828">
    <!-- OpenGraph-->
    <meta property="og:title" content="These are the decks I've written.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://ahoylemon.xyz">
    <meta property="og:image" content="https://ahoylemon.xyz/img/og-wide.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:description" content="I make a lot of stuff, including this website to show the stuff I make.">
    <meta property="og:email" content="lemon@ahoylemon.xyz">
    <link rel="canonical" href="https://ahoylemon.xyz/decks.html">
  </head>
  <body>
    <!--
    I like traveling, and speaking at different conferences.
    Maybe you'll invite me to yours?
    
        - 🍋
    
    -->
    <aside>
      <h1><a class="homelink" href="https://ahoylemon.xyz"><span class="small">Hi, my name is </span><span class="big">Lemon.</span></a>
      </h1>
      <p>I make websites and speak at conferences, and I also make weird little projects when I can find the time.</p>
      <ul>
        <li><a href="https://github.com/AhoyLemon" rel="me">
            <svg class="icon" 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"></path>
            </svg><span>GitHub</span></a></li>
        <li><a href="https://mastodon.social/@ahoylemon" rel="me">
            <svg class="icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <title>Mastodon</title>
              <path d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z"></path>
            </svg><span>Mastodon</span></a></li>
        <li><a class="twitter" href="https://twitter.com/AhoyLemon" rel="me">
            <svg class="icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <title>Twitter</title>
              <path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"></path>
            </svg><span>Twitter</span></a></li>
        <li><a href="https://www.etsy.com/shop/AhoyLemon" rel="me">
            <svg class="icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <title>Etsy</title>
              <path d="M8.559 2.445c0-.325.033-.52.59-.52h7.465c1.3 0 2.02 1.11 2.54 3.193l.42 1.666h1.27c.23-4.728.43-6.784.43-6.784s-3.196.36-5.09.36H6.635L1.521.196v1.37l1.725.326c1.21.24 1.5.496 1.6 1.606 0 0 .11 3.27.11 8.64 0 5.385-.09 8.61-.09 8.61 0 .973-.39 1.333-1.59 1.573l-1.722.33V24l5.13-.165h8.55c1.935 0 6.39.165 6.39.165.105-1.17.75-6.48.855-7.064h-1.2l-1.284 2.91c-1.005 2.28-2.476 2.445-4.11 2.445h-4.906c-1.63 0-2.415-.64-2.415-2.05V12.8s3.62 0 4.79.096c.912.064 1.463.325 1.76 1.598l.39 1.695h1.41l-.09-4.278.192-4.305h-1.391l-.45 1.89c-.283 1.244-.48 1.47-1.754 1.6-1.666.17-4.815.14-4.815.14V2.45h-.05z"></path>
            </svg><span>Etsy</span></a></li>
        <li><a href="https://sessionize.com/lemon" rel="me">
            <svg class="icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
              <title>Sessionize</title>
              <path d="M12 0c6.628 0 12 5.372 12 12v10c0 1.097-.903 2-2 2h-7.5l-.001-.169c-.049-2.894-1.347-4.902-3.709-5.96L24 12l-.32-.109c-2.858-.999-5.251-2.462-7.18-4.391-1.928-1.928-3.392-4.322-4.391-7.181L12 0 4 18c0 .667.167 1.167.5 1.5.334.334.834.5 1.5.5l.187.001c3.771.04 5.313 1.295 5.313 3.999H2c-1.097 0-2-.903-2-2V2C0 .903.903 0 2 0h10Zm7.207 4.793c-.781-.781-1.73-1.097-2.121-.707-.39.39-.074 1.34.707 2.121.781.781 1.731 1.098 2.121.707.391-.39.074-1.34-.707-2.121Z"></path>
            </svg><span>Sessionize</span></a></li>
        <li><a href="http://codepen.io/ahoylemon/" rel="me">
            <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100">
              <path d="M95.4 35.6c0-.1 0-.2-.1-.3 0-.1 0-.1-.1-.2 0-.1-.1-.2-.1-.3 0-.1-.1-.1-.1-.2s-.1-.2-.1-.3c0-.1-.1-.1-.1-.2-.1-.1-.1-.2-.2-.2 0-.1-.1-.1-.1-.2l-.2-.2-.2-.2-.2-.2c-.1 0-.1-.1-.2-.1h-.1L51.9 5.2c-1.3-.9-3-.9-4.4 0L5.8 33h-.1c-.1 0-.1.1-.2.1-.1.1-.2.1-.2.2-.1 0-.1.1-.2.2l-.2.2c0 .1-.1.1-.1.2-.1.1-.1.2-.2.2 0 .1-.1.1-.1.2s-.1.2-.1.3c0 .1-.1.1-.1.2s-.1.2-.1.3c0 .1 0 .1-.1.2 0 .1 0 .2-.1.3V64.9c0 .1 0 .2.1.3 0 .1 0 .1.1.2 0 .1.1.2.1.3 0 .1.1.1.1.2s.1.2.1.3c0 .1.1.1.1.2.1.1.1.2.2.2 0 .1.1.1.1.2l.2.2c.1 0 .1.1.2.1l.2.2c.1 0 .1.1.2.1h.1l41.8 27.9c.7.4 1.4.7 2.2.7.8 0 1.5-.2 2.2-.7l41.8-27.9h.1c.1 0 .1-.1.2-.1.1-.1.2-.1.2-.2.1 0 .1-.1.2-.2l.2-.2c0-.1.1-.1.1-.2.1-.1.1-.2.2-.2 0-.1.1-.1.1-.2s.1-.2.1-.3c0-.1.1-.1.1-.2s.1-.2.1-.3c0-.1 0-.1.1-.2 0-.1 0-.2.1-.3v-.2-28.3-.5c-.1-.1-.2-.1-.2-.2zm-45.7 24l-13.9-9.3L49.7 41l13.9 9.3-13.9 9.3zm-3.9-25.5l-17 11.4L15 36.3l30.8-20.5v18.3zM21.7 50.3l-9.8 6.6V43.7l9.8 6.6zm7.1 4.7l17 11.4v18.3L15 64.2 28.8 55zm24.9 11.4l17-11.4 13.8 9.2-30.8 20.5V66.4zm24.1-16.1l9.8-6.6v13.2l-9.8-6.6zm-7.1-4.8l-17-11.4V15.8l30.8 20.5-13.8 9.2z"></path>
            </svg><span>CodePen</span></a></li>
      </ul>
    </aside>
    <main class="decks">
      <div class="talk-grid deck-grid">
        <figure class="leading"><a name="upcoming"></a>
          <h2>Talks Given &raquo;</h2>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">Accessibility: A Little Bit Better Is Better Than Nothing</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/dk.svg"></td>
                  <td class="conf"><span class="name">NDC {Copenhagen}</span>
                  </td>
                  <td class="year">2025</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/au.svg"></td>
                  <td class="conf"><span class="name">NDC {Melbourne}</span>
                  </td>
                  <td class="year">2025</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="deck-links">
            <div class="sessionize">
              <div class="icon">
                <svg class="icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <title>Sessionize</title>
                  <path d="M12 0c6.628 0 12 5.372 12 12v10c0 1.097-.903 2-2 2h-7.5l-.001-.169c-.049-2.894-1.347-4.902-3.709-5.96L24 12l-.32-.109c-2.858-.999-5.251-2.462-7.18-4.391-1.928-1.928-3.392-4.322-4.391-7.181L12 0 4 18c0 .667.167 1.167.5 1.5.334.334.834.5 1.5.5l.187.001c3.771.04 5.313 1.295 5.313 3.999H2c-1.097 0-2-.903-2-2V2C0 .903.903 0 2 0h10Zm7.207 4.793c-.781-.781-1.73-1.097-2.121-.707-.39.39-.074 1.34.707 2.121.781.781 1.731 1.098 2.121.707.391-.39.074-1.34-.707-2.121Z"></path>
                </svg>
              </div>
              <div class="link" colspan="2"><a href="https://sessionize.com/s/lemon/solving-layout-challenges-with-pure-sass/67199" target="_blank">Sessionize</a></div>
            </div>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">Solving Layout Challenges With Pure Sass</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/dk.svg"></td>
                  <td class="conf"><span class="name">Copenhagen Developers Festival</span>
                  </td>
                  <td class="year">2024</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">KCDC</span>
                  </td>
                  <td class="year">2024</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/de.svg"></td>
                  <td class="conf"><span class="name">Webinale</span>
                  </td>
                  <td class="year">2024</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/se.svg"></td>
                  <td class="conf"><span class="name">DevSum</span>
                  </td>
                  <td class="year">2024</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/pl.svg"></td>
                  <td class="conf"><span class="name">DevConf PL</span>
                  </td>
                  <td class="year">2023</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">THAT Wisconsin</span>
                  </td>
                  <td class="year">2023</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="deck-links">
            <div class="sessionize">
              <div class="icon">
                <svg class="icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <title>Sessionize</title>
                  <path d="M12 0c6.628 0 12 5.372 12 12v10c0 1.097-.903 2-2 2h-7.5l-.001-.169c-.049-2.894-1.347-4.902-3.709-5.96L24 12l-.32-.109c-2.858-.999-5.251-2.462-7.18-4.391-1.928-1.928-3.392-4.322-4.391-7.181L12 0 4 18c0 .667.167 1.167.5 1.5.334.334.834.5 1.5.5l.187.001c3.771.04 5.313 1.295 5.313 3.999H2c-1.097 0-2-.903-2-2V2C0 .903.903 0 2 0h10Zm7.207 4.793c-.781-.781-1.73-1.097-2.121-.707-.39.39-.074 1.34.707 2.121.781.781 1.731 1.098 2.121.707.391-.39.074-1.34-.707-2.121Z"></path>
                </svg>
              </div>
              <div class="link" colspan="2"><a href="https://sessionize.com/s/lemon/accessibility-a-little-bit-better-is-better-than-n/99965" target="_blank">Sessionize</a></div>
            </div>
            <div class="slides">
              <div class="icon">
                <svg viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
                  <path d="m442.85 260.63-6.027 31.758-75.508 399 159.79 30.242-11.902-68.059-72.352-13.699 57.484-303.7 367.78 69.605 99.37-17.395 5.4-28.566zm-62.062 99.656-308.41 28.535 2.969 32.164 37.406 404.34 419.71-38.793-5.051-28.727-126.84-24.023-229.39 21.215-28.473-307.77 225.57-20.867zm671.26 55.336-525.36 91.922 5.586 31.82 69.984 400.01 525.36-91.922zm-52.527 74.812 53.285 304.46-398.02 69.668-53.254-304.49z"></path>
                </svg>
              </div>
              <div class="link" colspan="2"><a href="https://ahoylemon.github.io/pure-sass" target="_blank">Slide Deck</a></div>
            </div>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">Designers vs Developers: Who Is In Control Here?</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">International JavaScript</span><span class="keynote">KEYNOTE</span>
                  </td>
                  <td class="year">2024</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/de.svg"></td>
                  <td class="conf"><span class="name">Webinale</span><span class="keynote">KEYNOTE</span>
                  </td>
                  <td class="year">2024</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">International JavaScript</span><span class="keynote">KEYNOTE</span>
                  </td>
                  <td class="year">2024</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/gb.svg"></td>
                  <td class="conf"><span class="name">NDC {London}</span>
                  </td>
                  <td class="year">2024</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/se.svg"></td>
                  <td class="conf"><span class="name">DevSum</span>
                  </td>
                  <td class="year">2023</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/ca.svg"></td>
                  <td class="conf"><span class="name">PDC Calgary</span>
                  </td>
                  <td class="year">2022</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="deck-links">
            <div class="sessionize">
              <div class="icon">
                <svg class="icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <title>Sessionize</title>
                  <path d="M12 0c6.628 0 12 5.372 12 12v10c0 1.097-.903 2-2 2h-7.5l-.001-.169c-.049-2.894-1.347-4.902-3.709-5.96L24 12l-.32-.109c-2.858-.999-5.251-2.462-7.18-4.391-1.928-1.928-3.392-4.322-4.391-7.181L12 0 4 18c0 .667.167 1.167.5 1.5.334.334.834.5 1.5.5l.187.001c3.771.04 5.313 1.295 5.313 3.999H2c-1.097 0-2-.903-2-2V2C0 .903.903 0 2 0h10Zm7.207 4.793c-.781-.781-1.73-1.097-2.121-.707-.39.39-.074 1.34.707 2.121.781.781 1.731 1.098 2.121.707.391-.39.074-1.34-.707-2.121Z"></path>
                </svg>
              </div>
              <div class="link" colspan="2"><a href="https://sessionize.com/s/lemon/designers-vs-developers-who-is-in-control-here/53633" target="_blank">Sessionize</a></div>
            </div>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">Shrink The Web!</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/es.svg"></td>
                  <td class="conf"><span class="name">Wey Wey Web</span>
                  </td>
                  <td class="year">2023</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/dk.svg"></td>
                  <td class="conf"><span class="name">Copenhagen Developers Festival</span>
                  </td>
                  <td class="year">2023</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/se.svg"></td>
                  <td class="conf"><span class="name">DevSum</span>
                  </td>
                  <td class="year">2023</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/no.svg"></td>
                  <td class="conf"><span class="name">NDC {Oslo}</span><span class="video"><a href="https://youtu.be/GSUUHTOGYjA">Video</a></span>
                  </td>
                  <td class="year">2022</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">KCDC</span>
                  </td>
                  <td class="year">2022</td>
                </tr>
                <tr>
                  <td class="location virtual"><img src="/svg/virtual-talk.svg"></td>
                  <td class="conf"><span class="name">Build Stuff LT</span>
                  </td>
                  <td class="year">2021</td>
                </tr>
                <tr>
                  <td class="location virtual"><img src="/svg/virtual-talk.svg"></td>
                  <td class="conf"><span class="name">International PHP Conference</span><span class="keynote">KEYNOTE</span>
                  </td>
                  <td class="year">2020</td>
                </tr>
                <tr>
                  <td class="location virtual"><img src="/svg/virtual-talk.svg"></td>
                  <td class="conf"><span class="name">Webinale</span>
                  </td>
                  <td class="year">2020</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/gb.svg"></td>
                  <td class="conf"><span class="name">NDC {London}</span>
                  </td>
                  <td class="year">2020</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/nl.svg"></td>
                  <td class="conf"><span class="name">Techorama NL</span>
                  </td>
                  <td class="year">2019</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">Minnebar</span><span class="video"><a href="https://www.youtube.com/watch?v=oaJtCzXCDc8">Video</a></span>
                  </td>
                  <td class="year">2019</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="deck-links">
            <div class="sessionize">
              <div class="icon">
                <svg class="icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <title>Sessionize</title>
                  <path d="M12 0c6.628 0 12 5.372 12 12v10c0 1.097-.903 2-2 2h-7.5l-.001-.169c-.049-2.894-1.347-4.902-3.709-5.96L24 12l-.32-.109c-2.858-.999-5.251-2.462-7.18-4.391-1.928-1.928-3.392-4.322-4.391-7.181L12 0 4 18c0 .667.167 1.167.5 1.5.334.334.834.5 1.5.5l.187.001c3.771.04 5.313 1.295 5.313 3.999H2c-1.097 0-2-.903-2-2V2C0 .903.903 0 2 0h10Zm7.207 4.793c-.781-.781-1.73-1.097-2.121-.707-.39.39-.074 1.34.707 2.121.781.781 1.731 1.098 2.121.707.391-.39.074-1.34-.707-2.121Z"></path>
                </svg>
              </div>
              <div class="link" colspan="2"><a href="https://sessionize.com/s/lemon/shrink-the-web-how-to-get-happier-by-removing-crap/24553" target="_blank">Sessionize</a></div>
            </div>
            <div class="slides">
              <div class="icon">
                <svg viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
                  <path d="m442.85 260.63-6.027 31.758-75.508 399 159.79 30.242-11.902-68.059-72.352-13.699 57.484-303.7 367.78 69.605 99.37-17.395 5.4-28.566zm-62.062 99.656-308.41 28.535 2.969 32.164 37.406 404.34 419.71-38.793-5.051-28.727-126.84-24.023-229.39 21.215-28.473-307.77 225.57-20.867zm671.26 55.336-525.36 91.922 5.586 31.82 69.984 400.01 525.36-91.922zm-52.527 74.812 53.285 304.46-398.02 69.668-53.254-304.49z"></path>
                </svg>
              </div>
              <div class="link" colspan="2"><a href="https://ahoylemon.github.io/shrink-the-web" target="_blank">Slide Deck</a></div>
            </div>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">How To Make Your Website A PWA</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/au.svg"></td>
                  <td class="conf"><span class="name">NDC {Melbourne}</span>
                  </td>
                  <td class="year">2025</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">Cascadia PHP</span>
                  </td>
                  <td class="year">2024</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">International JavaScript</span>
                  </td>
                  <td class="year">2024</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/pl.svg"></td>
                  <td class="conf"><span class="name">DevConf PL</span>
                  </td>
                  <td class="year">2023</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/be.svg"></td>
                  <td class="conf"><span class="name">Techorama BE</span>
                  </td>
                  <td class="year">2023</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/de.svg"></td>
                  <td class="conf"><span class="name">Webinale</span>
                  </td>
                  <td class="year">2022</td>
                </tr>
                <tr>
                  <td class="location virtual"><img src="/svg/virtual-talk.svg"></td>
                  <td class="conf"><span class="name">NDC {Oslo}</span><span class="video"><a href="https://youtu.be/kZXiJdmmIKc">Video</a></span>
                  </td>
                  <td class="year">2021</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">KCDC</span>
                  </td>
                  <td class="year">2021</td>
                </tr>
                <tr>
                  <td class="location virtual"><img src="/svg/virtual-talk.svg"></td>
                  <td class="conf"><span class="name">NDC {London}</span><span class="video"><a href="https://youtu.be/beZIwiTi_Ik">Video</a></span>
                  </td>
                  <td class="year">2021</td>
                </tr>
                <tr>
                  <td class="location virtual"><img src="/svg/virtual-talk.svg"></td>
                  <td class="conf"><span class="name">Developer! Developer! Developer!</span>
                  </td>
                  <td class="year">2020</td>
                </tr>
                <tr>
                  <td class="location virtual"><img src="/svg/virtual-talk.svg"></td>
                  <td class="conf"><span class="name">Momentum</span>
                  </td>
                  <td class="year">2020</td>
                </tr>
                <tr>
                  <td class="location virtual"><img src="/svg/virtual-talk.svg"></td>
                  <td class="conf"><span class="name">DevTalks Ro</span>
                  </td>
                  <td class="year">2020</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="deck-links">
            <div class="sessionize">
              <div class="icon">
                <svg class="icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <title>Sessionize</title>
                  <path d="M12 0c6.628 0 12 5.372 12 12v10c0 1.097-.903 2-2 2h-7.5l-.001-.169c-.049-2.894-1.347-4.902-3.709-5.96L24 12l-.32-.109c-2.858-.999-5.251-2.462-7.18-4.391-1.928-1.928-3.392-4.322-4.391-7.181L12 0 4 18c0 .667.167 1.167.5 1.5.334.334.834.5 1.5.5l.187.001c3.771.04 5.313 1.295 5.313 3.999H2c-1.097 0-2-.903-2-2V2C0 .903.903 0 2 0h10Zm7.207 4.793c-.781-.781-1.73-1.097-2.121-.707-.39.39-.074 1.34.707 2.121.781.781 1.731 1.098 2.121.707.391-.39.074-1.34-.707-2.121Z"></path>
                </svg>
              </div>
              <div class="link" colspan="2"><a href="https://sessionize.com/s/lemon/how-to-make-your-website-a-progressive-web-app-and/29849" target="_blank">Sessionize</a></div>
            </div>
            <div class="slides">
              <div class="icon">
                <svg viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
                  <path d="m442.85 260.63-6.027 31.758-75.508 399 159.79 30.242-11.902-68.059-72.352-13.699 57.484-303.7 367.78 69.605 99.37-17.395 5.4-28.566zm-62.062 99.656-308.41 28.535 2.969 32.164 37.406 404.34 419.71-38.793-5.051-28.727-126.84-24.023-229.39 21.215-28.473-307.77 225.57-20.867zm671.26 55.336-525.36 91.922 5.586 31.82 69.984 400.01 525.36-91.922zm-52.527 74.812 53.285 304.46-398.02 69.668-53.254-304.49z"></path>
                </svg>
              </div>
              <div class="link" colspan="2"><a href="https://ahoylemon.github.io/pwa-talk" target="_blank">Slide Deck</a></div>
            </div>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">I'm Gonna Make You Stop Hating CSS.</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/be.svg"></td>
                  <td class="conf"><span class="name">Techorama BE</span>
                  </td>
                  <td class="year">2023</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/ca.svg"></td>
                  <td class="conf"><span class="name">PDC Calgary</span>
                  </td>
                  <td class="year">2022</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/gb.svg"></td>
                  <td class="conf"><span class="name">NDC {London}</span><span class="video"><a href="https://youtu.be/dbJaijxPli4">Video</a></span>
                  </td>
                  <td class="year">2022</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/pt.svg"></td>
                  <td class="conf"><span class="name">NDC {Porto}</span><span class="video"><a href="https://youtu.be/rxI-ffJCTQ0">Video</a></span>
                  </td>
                  <td class="year">2022</td>
                </tr>
                <tr>
                  <td class="location virtual"><img src="/svg/virtual-talk.svg"></td>
                  <td class="conf"><span class="name">CONNECT TECH</span>
                  </td>
                  <td class="year">2020</td>
                </tr>
                <tr>
                  <td class="location virtual"><img src="/svg/virtual-talk.svg"></td>
                  <td class="conf"><span class="name">&lt;DevSum&gt;</span>
                  </td>
                  <td class="year">2020</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/lt.svg"></td>
                  <td class="conf"><span class="name">Build Stuff LT</span><span class="video"><a href="https://youtu.be/V6NBrYH64pc">Video</a></span>
                  </td>
                  <td class="year">2019</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/ua.svg"></td>
                  <td class="conf"><span class="name">Build Stuff UA</span>
                  </td>
                  <td class="year">2019</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/nl.svg"></td>
                  <td class="conf"><span class="name">Techorama NL</span>
                  </td>
                  <td class="year">2019</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">Code PaLOUsa</span>
                  </td>
                  <td class="year">2019</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">KCDC</span>
                  </td>
                  <td class="year">2019</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/no.svg"></td>
                  <td class="conf"><span class="name">NDC {Oslo}</span><span class="video"><a href="https://youtu.be/Xp6Kv62rlHw">Video</a></span>
                  </td>
                  <td class="year">2019</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">NDC {Minnesota}</span>
                  </td>
                  <td class="year">2019</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="deck-links">
            <div class="sessionize">
              <div class="icon">
                <svg class="icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <title>Sessionize</title>
                  <path d="M12 0c6.628 0 12 5.372 12 12v10c0 1.097-.903 2-2 2h-7.5l-.001-.169c-.049-2.894-1.347-4.902-3.709-5.96L24 12l-.32-.109c-2.858-.999-5.251-2.462-7.18-4.391-1.928-1.928-3.392-4.322-4.391-7.181L12 0 4 18c0 .667.167 1.167.5 1.5.334.334.834.5 1.5.5l.187.001c3.771.04 5.313 1.295 5.313 3.999H2c-1.097 0-2-.903-2-2V2C0 .903.903 0 2 0h10Zm7.207 4.793c-.781-.781-1.73-1.097-2.121-.707-.39.39-.074 1.34.707 2.121.781.781 1.731 1.098 2.121.707.391-.39.074-1.34-.707-2.121Z"></path>
                </svg>
              </div>
              <div class="link" colspan="2"><a href="https://sessionize.com/s/lemon/im-going-to-make-you-stop-hating-css/20975" target="_blank">Sessionize</a></div>
            </div>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">CMS Speed Dating</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/de.svg"></td>
                  <td class="conf"><span class="name">Webinale</span>
                  </td>
                  <td class="year">2022</td>
                </tr>
                <tr>
                  <td class="location virtual"><img src="/svg/virtual-talk.svg"></td>
                  <td class="conf"><span class="name">International PHP Conference</span>
                  </td>
                  <td class="year">2020</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">Code PaLOUsa</span>
                  </td>
                  <td class="year">2019</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">KCDC</span>
                  </td>
                  <td class="year">2019</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="deck-links">
            <div class="slides">
              <div class="icon">
                <svg viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg">
                  <path d="m442.85 260.63-6.027 31.758-75.508 399 159.79 30.242-11.902-68.059-72.352-13.699 57.484-303.7 367.78 69.605 99.37-17.395 5.4-28.566zm-62.062 99.656-308.41 28.535 2.969 32.164 37.406 404.34 419.71-38.793-5.051-28.727-126.84-24.023-229.39 21.215-28.473-307.77 225.57-20.867zm671.26 55.336-525.36 91.922 5.586 31.82 69.984 400.01 525.36-91.922zm-52.527 74.812 53.285 304.46-398.02 69.668-53.254-304.49z"></path>
                </svg>
              </div>
              <div class="link" colspan="2"><a href="https://ahoylemon.github.io/CMS-Speed-Dating/" target="_blank">Slide Deck</a></div>
            </div>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">Let's Launch A Website, Right Friggin' Now!</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">dev up</span><span class="video"><a href="https://www.infoq.com/presentations/websites-vue-pug-sass/">Video</a></span>
                  </td>
                  <td class="year">2018</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/au.svg"></td>
                  <td class="conf"><span class="name">NDC {Sydney}</span><span class="video"><a href="https://youtu.be/iIVXfHGe7rA">Video</a></span>
                  </td>
                  <td class="year">2018</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">KCDC X</span>
                  </td>
                  <td class="year">2018</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">NDC {Minnesota}</span><span class="video"><a href="https://youtu.be/uOm0LzajkNM">Video</a></span>
                  </td>
                  <td class="year">2018</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="deck-links">
            <div class="sessionize">
              <div class="icon">
                <svg class="icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <title>Sessionize</title>
                  <path d="M12 0c6.628 0 12 5.372 12 12v10c0 1.097-.903 2-2 2h-7.5l-.001-.169c-.049-2.894-1.347-4.902-3.709-5.96L24 12l-.32-.109c-2.858-.999-5.251-2.462-7.18-4.391-1.928-1.928-3.392-4.322-4.391-7.181L12 0 4 18c0 .667.167 1.167.5 1.5.334.334.834.5 1.5.5l.187.001c3.771.04 5.313 1.295 5.313 3.999H2c-1.097 0-2-.903-2-2V2C0 .903.903 0 2 0h10Zm7.207 4.793c-.781-.781-1.73-1.097-2.121-.707-.39.39-.074 1.34.707 2.121.781.781 1.731 1.098 2.121.707.391-.39.074-1.34-.707-2.121Z"></path>
                </svg>
              </div>
              <div class="link" colspan="2"><a href="https://sessionize.com/app/speaker/session/profile/edit/a1955e93-c11b-4695-bbec-45de4cba33da" target="_blank">Sessionize</a></div>
            </div>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">Literally Anything But Wordpress</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">Minnebar</span>
                  </td>
                  <td class="year">2018</td>
                </tr>
              </tbody>
            </table>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">Write Pretty Code With Pug &amp; Sass</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">Minnebar</span>
                  </td>
                  <td class="year">2016</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="deck-links">
            <div class="sessionize">
              <div class="icon">
                <svg class="icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <title>Sessionize</title>
                  <path d="M12 0c6.628 0 12 5.372 12 12v10c0 1.097-.903 2-2 2h-7.5l-.001-.169c-.049-2.894-1.347-4.902-3.709-5.96L24 12l-.32-.109c-2.858-.999-5.251-2.462-7.18-4.391-1.928-1.928-3.392-4.322-4.391-7.181L12 0 4 18c0 .667.167 1.167.5 1.5.334.334.834.5 1.5.5l.187.001c3.771.04 5.313 1.295 5.313 3.999H2c-1.097 0-2-.903-2-2V2C0 .903.903 0 2 0h10Zm7.207 4.793c-.781-.781-1.73-1.097-2.121-.707-.39.39-.074 1.34.707 2.121.781.781 1.731 1.098 2.121.707.391-.39.074-1.34-.707-2.121Z"></path>
                </svg>
              </div>
              <div class="link" colspan="2"><a href="https://sessionize.com/app/speaker/session/profile/edit/2f0ecf23-1407-456e-8d7f-7d13d7034ad1" target="_blank">Sessionize</a></div>
            </div>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">Chat GPT Is A Conspiracy of the Illuminati</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/gb.svg"></td>
                  <td class="conf"><span class="name">PubConf: Mystery Tech Theater</span>
                  </td>
                  <td class="year">2024</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="deck-links">
            <div class="pubconf">
              <div class="logo"><img src="/svg/pubconf-dark.svg"></div>
            </div>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">Website Needs Code, Badly!</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/gb.svg"></td>
                  <td class="conf"><span class="name">PubConf London</span>
                  </td>
                  <td class="year">2020</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="deck-links">
            <div class="pubconf">
              <div class="logo"><img src="/svg/pubconf-dark.svg"></div>
            </div>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">ACME Bears No Responsibility For Mr. Coyote Exploding</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/nl.svg"></td>
                  <td class="conf"><span class="name">PubConf Amsterdam</span>
                  </td>
                  <td class="year">2019</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">PubConf MN</span>
                  </td>
                  <td class="year">2019</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="deck-links">
            <div class="pubconf">
              <div class="logo"><img src="/svg/pubconf-dark.svg"></div>
            </div>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">We Made Simpsons Porn!?</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">PubConf KC</span>
                  </td>
                  <td class="year">2019</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="deck-links">
            <div class="pubconf">
              <div class="logo"><img src="/svg/pubconf-dark.svg"></div>
            </div>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">Please Your VP By Hating Your User</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/au.svg"></td>
                  <td class="conf"><span class="name">PubConf Sydney</span>
                  </td>
                  <td class="year">2018</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">PubConf KC</span>
                  </td>
                  <td class="year">2018</td>
                </tr>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">PubConf MN</span><span class="video"><a href="https://youtu.be/USmUlshjcd4">Video</a></span>
                  </td>
                  <td class="year">2018</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="deck-links">
            <div class="pubconf">
              <div class="logo"><img src="/svg/pubconf-dark.svg"></div>
            </div>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">Oops! I Got Popular?</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/us.svg"></td>
                  <td class="conf"><span class="name">PubConf Mpls</span>
                  </td>
                  <td class="year">2017</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="deck-links">
            <div class="pubconf">
              <div class="logo"><img src="/svg/pubconf-dark.svg"></div>
            </div>
          </div>
        </figure>
        <figure class="deck">
          <div class="details">
            <!-- Deck Title-->
            <div class="title">A Few Bad Ideas</div>
            <table>
              <tbody>
                <tr>
                  <td class="location country"><img src="/svg/flags/no.svg"></td>
                  <td class="conf"><span class="name">NDC {Oslo}</span>
                  </td>
                  <td class="year">2019</td>
                </tr>
              </tbody>
            </table>
          </div>
        </figure>
        <figure class="back-home"><a href="/"><span>Back Home</span></a></figure>
      </div>
    </main>
    <!-- - Google Analytics-->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
      
      ga('create', 'UA-15129990-14', 'auto');
      ga('send', 'pageview');
      
    </script>
    <noscript><img src="https://www.google-analytics.com/collect?v=1&amp;tid=UA-15129990-14&amp;cid=555&amp;t=pageview&amp;dp=%2Fnoscript"></noscript>
  </body>
</html>