index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Lane McMartin</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@600&display=swap">
    <link rel="stylesheet" href="style.css">
    <script src="https://kit.fontawesome.com/4bdb791382.js" crossorigin="anonymous"></script>
  </head>
  <body>
    <!-- Name, Photo, and Intro) -->
    <div class="centeredbox" id="about">
      <img src="images/LaneFace.png" atl="A charming photo of my beautiful face!" class="profile fade1s">
      <div class="titletext">
        <div class="fade1s">
          <h1>Hello!</h1>
          <h2>My name is <span class="highlight_dark">Lane McMartin</span>.</h2>
        </div>
        <div class="fade2s">
          <p>I'm an Electrical Engineer interested in <span class="highlight_light">embedded system programming</span>, <span class="highlight_light">hardware design</span>, and <span class="highlight_light">signal processing.</span></p>
          <p>I'm also interested in game development, film, and photography! Check out my games on Itch.io!</p>
          <div class="leftbox">
            <a class="centeredicons" href="files\lane_mcmartin_resume_digital.pdf" download="lane_mcmartin_resume.pdf" target="_blank"><p><i class="fa-solid fa-user"></i> Resume</p></a>
            <a class="centeredicons" href="https://www.linkedin.com/in/lanemcmartin/" target="_blank"><p><i class="fa-brands fa-linkedin"></i> LinkedIn</p></a>
            <a class="centeredicons" href="https://lanemcmartin.itch.io/" target="_blank"><p><i class="fa-brands fa-itch-io"></i> Itch.io</p></a>
            <a  class="centeredicons" href="https://github.com/LaneMcMartin/" target="_blank"><p><i class="fa-brands fa-github"></i> GitHub</p></a>
          </div>
        </div>
      </div>
    </div>

    <!-- Navbar -->
    <div class="sticky fade1s">
      <ul class="centerednav">
        <li><a class="active" href="#about">About</a></li>
        <li><a href="#projects">Projects</a></li>
      </ul>
    </div>

    <!-- More About Me -->
    <div id="about">
      
    </div>

    <!-- Projcts -->
    <div id="projects" class="fade1s">
      <div class="centeredboxfeature">
        <h1 class="highlight_featured">FEATURED PROJECT</h1>
        <div class="centeredbox">
          <a href="files\capstone_poster_full.png" download="capstone_poster_full.png" target="_blank" class="projectitem fade1s">
            <img src="images/capstone.png" atl="Capstone project poster.">
          </a>
          <div class="projectitem">
            <h1 class="highlight_dark">Wearable Health Monitor Capstone Project</h1>
            <!-- <p>For our capstone project, we designed a wearable health monitor to track of heart rate, blood oxygen, and skin temperature.
              This involved collaborating within a team to draft an electrical schematic in KiCAD that integrated the client’s own processor into the design.
              Leading the firmware for the project, I worked with C++, MATLAB, and the client-owned cross-compiler to write the firmware for the onboard processor.
              I also wrote detailed documentation regarding the design rationale, construction, and operation of the device.
            </p> -->
            <p>
              This project involved collaborating with a team and a
              client to design a product that could measure, analyze, and transmit information using the client’s own
              processor.
              <br><br>
              Datasheet inspection, electrical analysis, and schematic capture provided ample experience across the 
              development lifecycle. Documentation detailing the functionality, design process, and
              operating conditions of the project greatly improved my technical writing. Spearheading the project firmware, I
              gained experience writing C++ and MATALAB. Finally, I
              grew as a leader through scheduling meetings, organizing documents, maintaining schedules, and taking initiative.
              <br><br>
              Our project ranked in the top 3; and I returned the next year as a volunteer judge for the course!
            </p>
            <ul>
              <li>C++</li>
              <li>Hardware Design</li>
              <li>MATLAB</li>
              <li>KiCAD</li>
              <li>Technical Writing</li>
              <li>Project Management</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="centeredbox">
        <a href="https://lanemcmartin.itch.io/burrow-busters" target="_blank" class="projectitem fade1s">
          <img src="images/burrowbusters.png" atl="Game cover.">
        </a>
        <div class="projectitem">
          <h1 class="highlight_dark">Burrow Busters - Godot Game</h1>
          <p>After developing Help Him Cross, I wanted to use everything I had learned about Godot to try making a game
            with an even LARGER scope than I ever had before. I was heavily inspired by the quirky charm of the many, many,
            many Flash games that I used to play growing up. This project was also an attempt to further my software development
            skills: by developing a larger project I hoped to employ everthing I had learned about software architecture and
            efficient project planning. I also had a blast creating the art - I felt a lot more confident in my spriting abilities
            after developing my last game and wanted to try experimenting with some more advanced graphics techniques (shaders, lighting,
            and so on).
          </p>
          <ul>
            <li>GDScript</li>
            <li>Godot</li>
            <li>Game Design</li>
            <li>Art</li>
          </ul>
        </div>
      </div>
      <div class="centeredbox">
        <a href="https://lanemcmartin.itch.io/help-him-cross" target="_blank" class="projectitem fade1s">
          <img src="images/helphimcross.png" atl="Game cover.">
        </a>
        <div class="projectitem">
          <h1 class="highlight_dark">Help Him Cross - Godot Game</h1>
          <p>For this game, I wanted to try and do somethign with a bigger scope and more polish than I had ever done before!
            The idea came from a gamejam that had the theme "Roles Reversed" - unfortunately, I knew I would not have time to
            submit to the jam, but I loved my idea of a "reverse Frogger" so much I just HAD to make the game anyways. I poured
            a lot of heart into the artistic side of this project, and over the course of development I gained a lot of confidence
            in my artistic abilities.
          </p>
          <ul>
            <li>GDScript</li>
            <li>Godot</li>
            <li>Game Design</li>
            <li>Art</li>
          </ul>
        </div>
      </div>
      <div class="centeredbox">
        <a href="https://lanemcmartin.itch.io/hells-garden" target="_blank" class="projectitem fade1s">
          <img src="images/hellgarden.png" atl="Game cover.">
        </a>
        <div class="projectitem">
          <h1 class="highlight_dark">Hell's Garden - Unity Game</h1>
          <p>I enjoyed working with Unity in the past, and wanted to try a solo project to get a better
            feel for the engine and how to use it. I completed this project after working through the free 
            developer courses offered on the Unity website. I tried to challenge myself to use a limited color palette,
            and I think it paid off by giving the game a fun visual identity!
          </p>
          <ul>
            <li>C#</li>
            <li>Unity</li>
            <li>Game Design</li>
            <li>Art</li>
          </ul>
        </div>
      </div>
      <div class="centeredbox">
        <a href="https://github.com/LaneMcMartin/laneWebsite" target="_blank" class="projectitem fade1s">
          <img src="images/website.png" atl="Screenshot of HTML code.">
        </a>
        <div class="projectitem">
          <h1 class="highlight_dark">Personal Website</h1>
          <p>I've wanted to put together my own portfolio website for a while now, so I decided to challenge myself
            and see if I could put something together over a weekend. I was surprised at how quickly I was able to
            dust off HTML/CSS after a few years and I'm very happy with how the site turned out!
          </p>
          <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>Web Design</li>
          </ul>
        </div>
      </div>
      <div class="centeredbox">
        <a href="https://github.com/LaneMcMartin/NecromancerReloaded" target="_blank" class="projectitem fade1s">
          <img src="images/necromancer_reloaded.png" atl="Screenshot of a Godot game.">
        </a>
        <div class="projectitem">
          <h1 class="highlight_dark">Necromancer Reloaded - Godot Game</h1>
          <p>After making a game in Unity for a Hackathon, I became more interested in persuing game development as a hobby.
            This led me to discover the Godot engine, an open-source game engine that uses GDScript (a dynamically-typed Python-esque langauge)
            and C#. Curious to try learning a new (albeit niche) programming language and a new engine, I decided to make my next game in Godot.
            <br><br>
            "Necromancer Reloaded" is a reimagining of a previous Hackathon game I worked on in Python (<a href="https://github.com/huddy987/Necromancer-Game" class="whitelink">click here</a>)!
            The game is a top-down shooter where you play as a Necromancer holding off an onslaught of knights. After killing a knight, a gravestone is dropped.
            By holding the right mouse button, the player can conjure a resurrection spell (becoming immobile while in the process) that will convert graves to ghosts.
            These ghosts will fight for the player and automatically attack nearby knights.
            <br><br>
            It was very satisfying to learn a new language and tool from the ground up. It was also rewarding to see how far I've come
            in my ability to learn new programming langauges and concepts.
          </p>
          <ul>
            <li>GDScript</li>
            <li>Godot</li>
          </ul>
        </div>
      </div>
      <div class="centeredbox">
        <a href="https://github.com/KateVlaar/virus.exe" target="_blank" class="projectitem fade1s">
          <img src="images/virusgame.png" atl="Screenshot of a C# Unity game.">
        </a>
        <div class="projectitem">
          <h1 class="highlight_dark">virus.exe - C# Hackathon Game</h1>
          <p>For HackED 2022 (a hackathon at the University of Alberta) my friends and I
            collaborated to create a PC game in Unity over 24 hours. This offered me the chance
            to learn C# and exercise some creative skills in asset development and game design!
            <br><br>
            In "virus.exe" the player is presented with a fictional OS that has been infected with a virus.
            Windows with advertisements appear across the desktop, and the player must close them before they get "corrupted"
            and become uncloseable. If 10 ads get corrupted, the game ends. Over time, the frequency of ads increase and special 
            variations spawn. For instance, a cold-themed advertisement can spawn - which must be clicked several times to shatter
            the ice covering the ad before it can be closed.
            <br><br>
            I worked on the window-spawning, game-flow control, and visual aspects of the project. I also worked on spriting and placing 
            elements of the UI. This was my first time committing to making a game in Unity - so it was fun learning how to use the tools and navigate the documentation!
          </p>
          <ul>
            <li>C#</li>
            <li>Unity</li>
            <li>Photoshop</li>
          </ul>
        </div>
      </div>
    </div>
  </body>
</html>