index.html

---
layout: default
description: >-
  I am a Software Engineer with multiple
  years experience in embedded Linux and autonomous robotics. I've
  always been passionate about technology spanning as far back as high
  school where I was able to obtain 18 industry certifications in the field of
  IT and systems administration. After a year of working as a cyber-security
  analyst intern, I decided I would like to gain a deeper perspective into the
  science and engineering of computer hardware and software. I completed
  my 4 year degree and obtained a B.S. in Computer Science with a
  concentration in Cyber-Security and Software Engineering at Florida
  Polytechnic University. Since my graduation, I have worked in the field of
  robotics designing computer vision components, navigation and path
  planning systems, communication systems, control systems for actuators
  and motors, user interfaces for human-machine interaction, and much
  more. It is my long term goal to obtain my PhD in Computer Science in
  Operating Systems or Computer Architecture and conduct research in
  these fields.
---
{% capture navlinks %}
  <a class="nav-item nav-link active" href="#masthead">Home</a>
  <a class="nav-item nav-link" href="#about">About</a>
  <a class="nav-item nav-link" href="#stats">Track Record</a>
  <a class="nav-item nav-link" onclick="window.location.assign('/projects')" href="#projects">Projects</a>
  <a class="nav-item nav-link" onclick="window.location.assign('/blog')" href="#blog">Blog</a>
  <a class="nav-item nav-link" href="#contact">Contact</a>
{% endcapture %}
{% include navbar.html content=navlinks class="nav-transition"%}

<div style="height: 100%;" class="container-fluid">
  <div id="masthead" class="row">
    <div class="col-xs-12 col-md-6 offset-md-3 text-center align-self-center ">
      <h1>{{ site.author }}</h1>
      <hr class="hr-white" />
      <h2>{{ site.tagline }}</h2>
    </div>
    <div style="position: absolute;" class="col-6 offset-3 align-self-end">
      <a href="#about"><i class="fas fa-angle-down"></i></a>
    </div>
  </div>
</div>

<div id="about" class="container-fluid">
  {% include header.html title="About Me" %}
  {% for achievement in site.achievements %}
    {% assign odd = forloop.index0 | modulo: 2 %}
    {% if odd == 0 %}
      {% include achievement_card_left.html
         title=achievement.title
         description=achievement.description
         img=achievement.img
         alt=achievement.alt
      %}
    {% else %}
      {% include achievement_card_right.html
         title=achievement.title
         description=achievement.description
         img=achievement.img
         alt=achievement.alt
      %}
    {% endif %}
  {% endfor %}
</div>
<div class="container-fluid pt-5">
  <div class="row pt-5 pb-4 h-50 bg-dark text-light text-left justify-content-center">
    <div id="quotes" class="col-xs-12 col-md-6">
      <blockquote class="blockquote reveal-scale">
        <p class="mb-4">
          {{ page.description }}
        </p>
        <footer class="blockquote-footer"><cite title="Source Title">{{ site.author }}</cite></footer>
      </blockquote>
    </div>
  </div>
</div>

<div class="container-fluid pt-5">
  <!-- NOTE: Change these values or add more in landing.js -->
  <div id="stats" class="row pb-5 justify-content-center">
    {% include header.html title="My Track Record" %}
    <div class="col-xs-12 col-md-4 shadow p-5 m-2 reveal-scale-text">
      <a class="text-dark" href="{{ site.github }}">
        <i class="fas fa-code-branch"></i>
        <p>Repositories</p>
      </a>
      <div id="repositories" class="odometer"></div>
    </div>
    <div class="col-xs-12 col-md-4 shadow p-5 m-2 reveal-scale-text">
      <a class="text-dark" href="{{ site.github }}">
        <i class="fab fa-github"></i>
        <p>Gists</p>
      </a>
      <div id="gists" class="odometer"></div>
    </div>
    <div class="col-xs-12 col-md-4 shadow p-5 m-2 reveal-scale-text">
      <a class="text-dark" href="{{ site.github }}">
        <i class="fas fa-users"></i>
        <p>Followers</p>
      </a>
      <div id="followers" class="odometer"></div>
    </div>
    <div class="col-xs-12 col-md-4 shadow p-5 m-2 reveal-scale-text">
      <a class="text-dark" href="{{ site.github }}">
        <i class="fas fa-eye"></i>
        <p>Following</p>
      </a>
      <div id="following" class="odometer"></div>
    </div>
  </div>
</div>

<div class="container-fluid pt-5 g-0">
  <div id="projects" class="row pb-5 justify-content-center text-bold g-0">
    <div class="row g-0">
      {% include header.html title="Projects" %}
    </div>
    <div class="col-9 m-auto pt-md-5">
      <div class="row g-0">
        {% for project in site.projects limit: 4 %}
        <div class="col-md-6 col-lg-6 col-xl-3 col-sm-12 mb-3">
          {% include card.html
            img=project.img
            alt="Server"
            title=project.title
            description=project.description
            url=project.url
          %}
          </div>
        {% endfor %}
      </div>
    </div>
    <div class="row pt-5 mt-5 g-0">
      <div class="col-12 text-center">
        <a class="btn btn-primary btn-lg btn-dark" href="{{ '/projects' | absolute_url }}">See More of My Projects &#8594;</a>
      </div>
    </div>
  </div>
</div>

<div class="container-fluid mb-5 g-0">
  <div id="blog" class="row justify-content-center text-center text-bold g-0">
    {% include header.html title="Blog" %}
  </div>
  <div class="col-9 m-auto pt-md-1">
    <div class="row g-0">
      {% for post in site.posts limit: 4 %}
      <div class="col-md-6 col-lg-6 col-xl-3 col-sm-12 mb-3">
        {% capture date %}
          {{ post.date | date: "%Y-%m-%d" }}
        {% endcapture %}
        {% include card.html
          img=post.img
          alt=post.alt
          title=post.title
          subtitle=date
          description=post.description
          url=post.url
        %}
        </div>
      {% endfor %}
    </div>
  </div>
  <div class="row pt-5 mt-5 g-0">
    <div class="col-12 text-center">
      <a class="btn btn-primary btn-lg btn-dark" href="{{ '/blog' | absolute_url }}">Read More Blog Posts &#8594;</a>
    </div>
  </div>
</div>

<div style="padding-top: 5rem;" class="container-fluid overflow-hidden">
  <div id="contact" class="row bg-dark text-light p-5">
    <div class="col-12 reveal-bottom">
      <div class="row justify-content-center overflow-hidden">
        <div class="col-12 text-center">
          <h1>Contact Me<span style="font-size: 55px;">&#124;</span></h1>
          <div class="col-1 m-auto">
            <hr class="hr-white"/>
          </div>
        </div>
        <div class="col-xs-12 col-md-6">
          <div class="row text-center">
            <div class="col-xs-12 p-3 p-md-0 col-md-6">
              <i class="fas fa-phone"></i>
              <a class="text-light" href="tel:+1{{ site.phone | remove: '-' }}"><p>{{ site.phone }}</p></a>
            </div>
            <div class="col-xs-12 p-3 p-md-0 col-md-6">
              <i class="far fa-envelope"></i>
              <a class="text-light" href="mailto:{{ site.email }}"><p>{{ site.email }}</p></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>