index.html

---
layout: default
---

<div class="row">
  <div class="col-sm-2"></div>
  <div class="col-sm-8">
    <div class="header d-flex">
      <div class="name">Austen Ito</div>

      <a target="_blank" href="https://github.com/austenito">Github</a>
      <span class="seperator">-</span>
      <a target="_blank" href="https://twitter.com/austenito">Twitter</a>
    </div>
  </div>
</div>

  <div class="row header-separator">
    <div class="col-sm-2"></div>
    <div class="col-sm-8">
      <hr>
    </div>
  </div>

  <div class="row">
    <div class="col-sm-2"></div>
    <div class="col-sm-8">
      <div class="content">
        I like programming, wine, poptarts, french fries, and le français. You'll most likely find me practicing mon
        français below.
      </div>

      <div class="posts">
        <ul>
          {% for post in site.posts %}
          <li class="posts--item">
            <a href="{{ post.url }}">{{ post.title }}</a>
            <span class="posts--date">{{ post.date | date: "%Y/%m/%d" }}</span>
          </li>
          {% endfor %}
        </ul>
      </div>
    </div>
    <div class="col-sm-2"></div>
  </div>
</div>