index.html

---
layout: default
make-smaller-titles: true
---

<div class="container-fluid index">
  <div class="row">
    <div class="col-md-12 main content-panel">
      <div class="gravatar">
        <img
          src="{{ site.title_image }}"
          class="img-circle about-image"
          height="150"
          width="150"
          alt="{{ site.title }}"
        />
      </div>

      <h1 class="header author-header" itemprop="headline">{{ site.title }}</h1>

      <div class="author-text">{{ site.title_description }}</div>

      <ul class="author-links">
        <li><a href="{{ site.baseurl }}/portfolio/">Portfolio</a></li>
        <li>
          <a href="https://glitchassassin.github.io/online-cv/">Resume</a>
        </li>
      </ul>

      <div class="video-container">
        <video width="100%" controls>
          <source src="/assets/introduction.mp4" type="video/mp4" />
          Your browser does not support the video tag.
        </video>
      </div>

      {% include social_links.html %}
    </div>
    <div class="col-md-12 main content-panel">
      <div class="articles">
        <h2>Latest Articles</h2>

        <ul>
          {% for post in site.posts limit: site.post_limit %}

          <li>
            <a href="{{ post.url | prepend: site.baseurl }}"
              >{{ post.title }}</a
            >
            <small class="hidden-xs"
              >{{ post.date | date: "%B %-d, %Y" }}</small
            >
          </li>

          {% endfor %}
          <li>
            <small
              ><i><a href="{{ site.baseurl }}/posts/">more...</a></i></small
            >
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>