index.html

<!DOCTYPE html>
<html>
  <head>
    <title>alacritystudios</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="favicon.png" width=32px>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <div class="wrapper">
      <div id="box-main" class="box-container">
        <div class="box-item">
          <h2><strong>Andy Wong</strong></h2><div class="cursor"></div><br />
          <h3>Director of Engineering</h3><br />
          <h3><a href="https://www.inviteeducation.com" target="_blank" alt="Invite Education Website Link">@Invite Education</a></h3><br />
        </div>
        <div class="box-item">
          <h3><a href="https://github.com/alacritythief" target="_blank" alt="GitHub Link">GitHub</a></h3><br />
          <h3><a href="https://www.linkedin.com/in/alacritystudios/" target="_blank" alt="LinkedIn Link">LinkedIn</a></h3><br />
        </div>
      </div>
    </div>
    <script>
      // ensures the transition effect is always played upon page load or refresh
      window.onload = function() {
        const boxElement = document.getElementById("box-main");
        boxElement.classList.add("box-transition")
      }
    </script>
  </body>
</html>