<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Conner Downey's Homepage</title>

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" href="https://glitch.com/favicon.ico" />

    <!-- The website stylesheet -->
    

    <!-- The website JavaScript file -->
    
    <script type="module" crossorigin src="/assets/index-2add730b.js"></script>
    <link rel="stylesheet" href="/assets/style-e07e819b.css">
  </head>
  <body>
    <main>
      <div class="wrapper">
        <div class="content">
          <!-- 🚧 CHANGE THE TEXT IN YOUR SITE HEADER! 🚧 -->
          <h1>Conner Downey's Homepage</h1>
          <h2>
            Built with <a href="https://glitch.com">Glitch</a>, Delivered with
            <a href="https://fastly.com">Fastly</a>!
          </h2>

          <!-- We display some load stats using the script at the bottom -->
          <div id="performance">
            First byte: <span id="ttfb"></span>
            <br />
            Page loaded: <span id="loaded"></span>
          </div>
          <br />
          <div class="avatar-container">
            <!-- 🚧 UPLOAD IMAGES IN ASSETS AND COPY THE LINKS INTO IMG TAGS! 🚧 -->
            <!-- 
              👀 Notice that the image src values include 'cdn' 
                They are delivered through Fastly using a service managed by Glitch
            -->
            <img
              src="https://ca.slack-edge.com/ELWSLBREU-U02NKGC0ZCK-4e9aa8b52c68-512"
              class="avatar"
              alt="Conner and Little Dog"
            />
          </div>
          <!-- 🚧 CHANGE THE CONTENT IN YOUR SITE! 🚧 -->
          <div id="intro">
            <p>
              This is a website you can deliver from Fastly! Remix to get your
              own copy and open it in the Glitch editor.
            </p>
          </div>

          <p class="remix">
            <a
              class="btn--remix"
              target="_top"
              href="https://glitch.com/edit/#!/remix/fastly-learn-deliver"
            >
              <img
                src="https://cdn.glitch.com/605e2a51-d45f-4d87-a285-9410ad350515%2FLogo_Color.svg?v=1618199565140"
                alt=""
              />
              Remix your own site
            </a>
          </p>
          <div id="intro-2">
            <p>
              Learn more about how Fastly can speed up your website (and more!)
              at
              <a href="fastly.com">Fastly.com</a>.
            </p>
            <p>
              If you would like to connect, please send me a request on
              <a href="https://www.linkedin.com/in/connerdowney/">LinkedIn</a>.
            </p>
          </div>
        </div>
      </div>
    </main>

    <script>
      /* Grab some speed stats from the browser and write into the page */
      const formatTime = (time) => {
        if (time < 1000) return `${Math.round(time)} ms`;
        else return `${(time / 1000).toFixed(2)} s`;
      };
      window.addEventListener("load", (event) => {
        const loaded =
          performance.getEntriesByType("navigation")[0].loadEventStart;
        document.getElementById("loaded").innerText = `${formatTime(loaded)}`;
      });
      const time = window.performance.timing;
      const ttfb = time.responseStart - time.navigationStart;
      document.getElementById("ttfb").innerText = `${formatTime(ttfb)}`;

      /* Some Glitch editor tweaks */
      try {
        if (window.self === window.top) {
          let fileopeners = Array.from(
            document.getElementsByClassName("fileopener")
          );
          fileopeners.forEach((fo) => {
            fo.classList.remove("fileopener");
          });
        }
      } catch (e) {}
    </script>
  </body>
</html>
