layout: default


<!– Profile Area –>

<div class=“content-start”>

<div class="col-sm-6 offset-sm-3 text-center">
  <img src="{{ site.url}}/assets/images/profile_pic.png" alt="{{ site.title }}" class="rounded-circle">
  <h1 class="title drop-shadow"> {{ site.title }}</h1>
  <h4 class="text-muted"> {{ site.description }}</h4>
</div>    
<div class="col-sm-6 offset-sm-3 text-center">
  <ul class="social-link">
        {% if site.github_username %}
            <li class="social-media">
                <a href="https://github.com/{{ site.github_username }}"><i class="fa fa-github"></i></a>
            </li>
        {% endif %}
        {% if site.twitter_username %}
            <li class="social-media">
                <a href="https://twitter.com/{{ site.twitter_username }}"><i class="fa fa-twitter"></i></a>
            </li>
        {% endif %}
        {% if site.medium_username %}
            <li class="social-media">
                <a href="https://medium.com/@{{ site.medium_username }}"><i class="fa fa-medium"></i></a>
            </li>
        {% endif %}
        {% if site.facebook_username %}
            <li class="social-media">
                <a href="https://www.facebook.com/{{ site.facebook_username }}"><i class="fa fa-facebook"></i></a>
            </li>
            {% endif %}
        {% if site.instagram_username %}
            <li class="social-media">
                <a href="https://www.instagram.com/{{ site.instagram_username }}"><i class="fa fa-instagram"></i></a>
            </li>
        {% endif %}
        {% if site.linkedin_username %}
            <li class="social-media">
                <a href="https://www.linkedin.com/in/{{ site.linkedin_username }}"><i class="fa fa-linkedin"></i></a>
            </li>
        {% endif %}
  </ul>
</div>

</div>

<!– Projects Area –> <div class=“container-fluid brandcolor-bg”>

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-6 offset-sm-3 text-center">
      <h1 class="white-text header drop-shadow">Projects</h1>
    </div>
  </div>
    <div class="row">
      {% for project in site.categories.Projects limit: 2%}  
      <div class="col-md-6 col-sm-12">
          <div class="card-image" style="background-image: url({{site.url}}/assets/images/{{project.image}});">
          <div class="project-text text-center pad-left pad-right">
              <h5 class="project-tag"> {{ project.tag-icon }} {{ project.tag }}</h5>
              <h3 class="card-title white-text"> {{ project.title }}</h3>
              <p class="project-excerpt">{{ project.excerpt | truncate:165 }}</p>
              <a class="btn btn-brand drop-shadow" href="{{ project.url }}" role="button"><i class="fa fa-folder-open" aria-hidden="true"></i> View Project</a>
          </div>
          </div>
      </div>
      {% endfor %}  
  </div>
</div>

</div>

<!– Blog Posts Area –> <div class=“container”>

<div class="row header drop-shadow">
  <div class="col-sm-6 offset-sm-3 text-center">
    <h1 class="brand-text"> Recent Posts</h1>
  </div>
</div>    
<div class="row">
  {% assign post_counter = 0 %}
  {% for post in site.posts %}
    <!-- Updates category icon -->
    {% if post.url contains site.category_one %}
      {% assign category_icon=site.category_one_icon %}
    {% elsif post.url contains site.category_two %}
      {% assign category_icon = site.category_two_icon %}
    {% elsif post.url contains site.category_three %}
      {% assign category_icon = site.category_three_icon %}
    {% elsif post.url contains site.category_four %}
      {% assign category_icon = site.category_four_icon %}
    {% else %}
      {% assign category_icon=site.default_icon %}
    {% endif %}
    <!-- Skips over projects, adds only the first 3 recent posts -->
    {% if post_counter >= 3 %}
      {% break %}
    {% elsif post.url contains 'projects' %}
    {% else %}
      {% assign post_counter = post_counter | plus: 1 %}
      <div class="col-md-4 col-sm-12 text-center recent-posts">
        <a href="{{post.url}}"><img class="img-fluid" src="{{site.url}}/assets/images/{{post.image}}" alt={{post.title | escape}}></a>
        <h6 class="spaced">{{ category_icon }} {{ post.categories }} </h6>
        <h2 class="dark-text"> {{ post.title }} </h2>
        <p>{{ post.excerpt | truncate:165}}</p>
        <a class="btn btn-brand drop-shadow" href="{{ post.url }}" role="button"> Read More</a>  
      </div>
    {% endif %}
  {% endfor %}
  </div>

</div>