index.html

<html>
  <head>
    <title>Jack Sheridan</title>
    <link type="text/css" rel="stylesheet" href="assets/index.css" />
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@600&display=swap"
      rel="stylesheet"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body>
    <div class="main">
      <img id="avatar" src="assets/avatar.jpg" />
      <h1>Jack Sheridan</h1>
      <h3>Senior Software Engineer @ Mercury</h3>
      <h3>Masters in Computer Science @ UCSD</h3>
      <a class="resumeLink" href="/resume.pdf">Resumé</a>

      <br />
      <h1>Software Experience</h1>
      <hr />

      <div id="experience">
        <div>
          <img
            class="itemAvatar circleAvatar"
            style="color: 'white'"
            src="assets/mercury.svg"
          />
          <h2>Mercury</h2>
          <p>
            Senior Engineer on the "Banking Experience" team. Ensuring the
            process of holding deposits is as elegant and seamless as possible.
          </p>
          <a target="_blank" href="https://mercury.com">Learn More</a>
          <h3>Technologies Used:</h3>
          <div class="techlist">
            <img class="tech" src="assets/react.svg" />
            <img class="tech" src="assets/haskell.svg" />
            <img class="tech" src="assets/postgres.svg" />
          </div>
        </div>
        <div>
          <img class="itemAvatar circleAvatar" src="assets/citizenly.png" />
          <h2>Citizenly</h2>
          <p>
            Managed an international team designing and building a backend
            infrastructure for a large scale data pipeline. Deployed CI/CD
            pipelines, AWS services, and was the "go-to" engineer for the entire
            start-up.
          </p>
          <a target="_blank" href="https://citizenly.com">Learn More</a>
          <h3>Technologies Used:</h3>
          <div class="techlist">
            <img class="tech" src="assets/flutter.svg" />
            <img class="tech" src="assets/mysql.svg" />
            <img class="tech" src="assets/node-dot-js.svg" />
            <img class="tech" src="assets/typescript.svg" />
          </div>
        </div>
        <div>
          <img class="itemAvatar circleAvatar" src="assets/assassin.png" />
          <h2>assassin</h2>
          <p>
            An app that facilitates a competitive last-man-standing tag game.
          </p>
          <a target="_blank" href="https://assassin.fun">Learn More</a>
          <h3>Technologies Used:</h3>
          <div class="techlist">
            <img class="tech" src="assets/swift.svg" />
            <img class="tech" src="assets/xcode.svg" />
            <img class="tech" src="assets/appstore.svg" />
            <img class="tech" src="assets/java.svg" />
            <img class="tech" src="assets/kotlin.svg" />
            <img class="tech" src="assets/androidstudio.svg" />
            <img class="blacktech" src="assets/googleplay.svg" />
            <img class="tech" src="assets/javascript.svg" />
            <img class="tech" src="assets/nodemon.svg" />
            <img class="tech" src="assets/node-dot-js.svg" />
            <img class="tech blacktech" src="assets/json.svg" />
            <img class="tech" src="assets/mongodb.svg" />
          </div>
        </div>

        <div>
          <img class="itemAvatar circleAvatar" src="assets/odyssey.png" />
          <h2>Odyssey Team Mosaic</h2>
          <p>
            A web application that splits an image into a grid, provides each
            tile to participants, and reassembles an image from the
            participants' uploaded recreations.
          </p>
          <a
            target="_blank"
            href="https://odysseyteams.com/team-building-programs/virtual-team-mosaic/"
            >Learn More</a
          >
          <h3>Technologies Used:</h3>
          <div class="techlist">
            <img class="tech" src="assets/javascript.svg" />
            <img class="tech" src="assets/react.svg" />
            <img class="tech" src="assets/nodemon.svg" />
            <img class="tech" src="assets/node-dot-js.svg" />
            <img class="blacktech" src="assets/json.svg" />
            <img class="tech" src="assets/mongodb.svg" />
          </div>
        </div>

        <div>
          <img class="itemAvatar circleAvatar" src="assets/smartshotlogo.png" />
          <h2>SmartShot</h2>
          <p>
            An app that connects via Bluetooth Low Energy to a skeet thrower to
            'pull' skeet or toggle the wobbler. Includes voice recognition for
            hands-off control.
          </p>
          <a
            target="_blank"
            href="https://doalloutdoors.com/products/smart-shot"
            >Learn More</a
          >
          <h3>Technologies Used:</h3>
          <div class="techlist">
            <img class="tech" src="assets/swift.svg" />
            <img class="tech" src="assets/xcode.svg" />
            <img class="tech" src="assets/appstore.svg" />
            <img class="tech" src="assets/java.svg" />
            <img class="tech" src="assets/kotlin.svg" />
            <img class="tech" src="assets/androidstudio.svg" />
            <img class="blacktech" src="assets/googleplay.svg" />
            <img class="tech" src="assets/bluetooth.svg" />
            <img class="tech" src="assets/arduino.svg" />
          </div>
        </div>
        <div>
          <img class="itemAvatar circleAvatar" src="assets/tritondine.png" />
          <h2>TritonDine</h2>
          <p>
            An app that connects to the UCSD dining dollar service and budgets
            dining dollars for the rest of the school year.
          </p>
          <a target="_blank" href="https://tritondine.jacksheridan.com"
            >Learn More</a
          >
          <h3>Technologies Used:</h3>
          <div class="techlist">
            <img class="tech" src="assets/swift.svg" />
            <img class="tech" src="assets/xcode.svg" />
            <img class="tech" src="assets/appstore.svg" />
            <img class="tech" src="assets/java.svg" />
            <img class="tech" src="assets/kotlin.svg" />
            <img class="tech" src="assets/androidstudio.svg" />
            <img class="blacktech" src="assets/googleplay.svg" />
          </div>
        </div>

        <div>
          <img class="itemAvatar circleAvatar" src="assets/flashcloud.png" />
          <h2>FlashCloud</h2>
          <p>
            A home server that turns the contents of a flash drive into a
            password protected cloud server. (Currently migrating to React/Node
            stack).
          </p>
          <h3>Technologies Used:</h3>
          <div class="techlist">
            <img class="tech" src="assets/html5.svg" />
            <img class="tech" src="assets/javascript.svg" />
            <img class="tech" src="assets/php.svg" />
            <img class="tech" src="assets/ubuntu.svg" />
          </div>
        </div>
      </div>

      <h1>Other Experience</h1>
      <hr />

      <div id="experience">
        <div>
          <img class="itemAvatar" src="assets/3d-model.svg" />
          <h2>3D Modeling</h2>
          <p>
            I am experienced in multiple 3D modelling programs. I am a Certified
            SolidWorks Associate as of 2016.
          </p>
          <a target="_blank" href="https://jacksheridan.com/3Dmodeling.html"
            >Learn More</a
          >
          <h3>Programs Learned:</h3>
          <div class="techlist">
            <img class="blacktech" src="assets/solidworks.png" />
            <img class="blacktech" src="assets/autocad.png" />
            <img class="tech" src="assets/sketchup.svg" />
          </div>
        </div>

        <div>
          <img class="itemAvatar" src="assets/3d-print.svg" />
          <h2>3D Printing</h2>
          <p>
            I have learned to fully operate, reload and troubleshoot multiple
            industry grade printers.
          </p>
          <a target="_blank" href="https://jacksheridan.com/3Dmodeling.html"
            >Learn More</a
          >
        </div>

        <div>
          <img class="itemAvatar" src="assets/photovideo.svg" />
          <h2>Photo/Video Editing</h2>
          <p>
            I am experienced in multiple photo and video editing programs. I
            have designed some of my own icons and videos for my software
            products.
          </p>
          <a target="_blank" href="https://jacksheridan.com/digitalmedia.html"
            >Learn More</a
          >
          <h3>Programs Learned:</h3>
          <div class="techlist">
            <img class="tech" src="assets/adobephotoshop.svg" />
            <img class="blacktech" src="assets/gimp.svg" />
            <img class="tech" src="assets/adobepremierepro.svg" />
            <img class="tech" src="assets/finalcut.png" />
          </div>
        </div>
      </div>

      <footer class="footer">
        <h3><a href="mailto:jackrileysheridan@gmail.com">Contact</a></h3>
      </footer>
    </div>
  </body>
</html>