index.html

---
layout: default
---

<section class="billboard text-center">
  <h1 class="author-name">Joel Lubrano</h1>
  <p>{{ site.description }}</p>
</section>

<section class="blog-preview text-center">
  <h1 class="page-heading">The Code Less Traveled</h1>

  <h2>Recent Posts</h2>
  <ul class="post-list">
    {% for post in site.posts limit: 3 %}
      <li>
        <span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>

        <h2>
          <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
            {{ post.title | escape }}
          </a>
        </h2>
      </li>
    {% endfor %}
  </ul>
  <br />
  <p>
    <a href="/blog"><i class="fas fa-terminal"></i> All Posts</a>
  </p>
</section>

<section class="projects-preview text-center">
  <h1 class="page-heading">Featured Projects</h1>

  <ul class="featured-projects-list">
    {% for project in site.data.projects limit: 2 %}
    <li class="project-item">
      <h2>{{ project.name | escape }}</h2>
      <p>{{ project.description }}</p>
      <p>Source available on {{ project.source_link }}</p>
    </li>
    {% endfor %}
  </ul>
  <br />
  <p>
    <a href="/projects"><i class="fas fa-terminal"></i> All Projects</a>
  </p>
</section>